用户脚本 · 样式 · 插件 » 讨论
一些基础的开发参考资料
#1 - 2017-12-23 11:56
Donuts
学习 Web 开发(HTML,CSS,JavaScript)
https://developer.mozilla.org/zh-CN/docs/Learn
Web 技术参考
https://developer.mozilla.org/zh-CN/docs/Web
JS:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript
DOM:https://developer.mozilla.org/zh ... _Model/Introduction
学习使用 jQuery (en)
https://learn.jquery.com/
http://api.jquery.com/
Greasemonkey API (en)
https://wiki.greasespot.net/Greasemonkey_Manual:API
Tampermonkey 文档 (en)
https://tampermonkey.net/documentation.php
浏览器兼容性参考 (en)
https://caniuse.com/
JS 代码风格参考 (en)
Airbnb https://github.com/airbnb/javascript
Google https://google.github.io/styleguide/jsguide.html
阮一峰 ES6 入门(如果你只看过 w3(c)school )
http://es6.ruanyifeng.com/
站内查询入口注:anime|book|music|game|real 可互换
用户相关
api.bgm.tv 参考
https://github.com/jabbany/dhufufu/blob/master/bangumi/api.txt
Firefox 拓展开发
https://developer.mozilla.org/zh-CN/Add-ons
Chrome 拓展开发(墙外)
https://developer.chrome.com/extensions
Google Chrome 开发者工具指南
https://developers.google.cn/web/tools/chrome-devtools/
欢迎补充。
https://developer.mozilla.org/zh-CN/docs/Learn
Web 技术参考
https://developer.mozilla.org/zh-CN/docs/Web
JS:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript
DOM:https://developer.mozilla.org/zh ... _Model/Introduction
学习使用 jQuery (en)
https://learn.jquery.com/
http://api.jquery.com/
Greasemonkey API (en)
https://wiki.greasespot.net/Greasemonkey_Manual:API
Tampermonkey 文档 (en)
https://tampermonkey.net/documentation.php
浏览器兼容性参考 (en)
https://caniuse.com/
JS 代码风格参考 (en)
Airbnb https://github.com/airbnb/javascript
Google https://google.github.io/styleguide/jsguide.html
阮一峰 ES6 入门(如果你只看过 w3(c)school )
http://es6.ruanyifeng.com/
站内查询入口
/json/subject/265
/json/search-anime/GIG
/json/search-book/bgm_id=1,3510
/json/search-person/megumi
/json/search-character/rance
/json/search-character-music/kato%20megumi
用户相关
/ajax/buddy_search
/update/265
/notify
/json/notify
api.bgm.tv 参考
https://github.com/jabbany/dhufufu/blob/master/bangumi/api.txt
Firefox 拓展开发
https://developer.mozilla.org/zh-CN/Add-ons
Chrome 拓展开发(墙外)
https://developer.chrome.com/extensions
Google Chrome 开发者工具指南
https://developers.google.cn/web/tools/chrome-devtools/
欢迎补充。
你可以参考这个教程,里面有相关内容
关于开发框架,下面是我的理解
WEB 框架主要是用于处理 HTTP 请求和完成一些业务逻辑,并把处理结果作为 HTTP 响应发回去。
ORM 框架主要用来以面向对象的形式封装数据库操作,避免你写大量模板代码和拼接 SQL 来操作数据库。一般会在上面的业务逻辑中用到。
上面都是后端(服务器上运行)。
而 Angular 以及 React,Vue 等等所谓 MVVM 框架实际上是前端框架(不考虑服务器端渲染的话),主要用来构建 HTML 页面,在页面内操作 DOM 完成交互逻辑。
使用这些框架开发得到的是 HTML,CSS 和页面内使用的 JS。
如果你的页面很简单,其实是可以不用这些框架的。。
(Ember 没了解过,不清楚
如果你问我前端框架主流的是什么……我知道上面说的三个都很主流,生态也很丰富。使用者互相之间也经常吵架。
edit: 其实沉默的大多数用的是 jQuery
后端的话,有前端基础可以node.js,否则的话web开发可以从php开始毕竟是世界上最好的语言(误。只是爬虫的话从python开始一般没什么争议
数据库部分,了解sql的话可以考虑mysql/sqlserver,MongoDB 我个人用的不多就不作评价了
你可以试试这个:https://tool.lu/js/
这网站的其他小工具也挺方便的。