开源达人开发过程中整理的一些全栈开发过程中的开发手册整理!
C语言:https://www.runoob.com/cprogramming/c-100-examples.html
HTML手册 : https://www.runoob.com/html/html-tutorial.html
CSS手册 : https://www.runoob.com/css/css-tutorial.html
W3-SCHOOL-JS: https://www.w3school.com.cn/js/index.asp
Flex语法:https://www.runoob.com/w3cnote/flex-grammar.html
Flex语法篇:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
Flex实例篇:http://www.ruanyifeng.com/blog/2015/07/flex-examples.html
jsDOM对象:https://www.runoob.com/jsref/dom-obj-document.html
javascript对象:https://www.runoob.com/jsref/jsref-tutorial.html
javascript手册 : https://www.runoob.com/jsref/jsref-obj-math.html
JavaScript 参考手册 : https://www.runoob.com/jsref/jsref-tutorial.html
javascript手册 : https://developer.mozilla.org/zh-CN/docs/Learn/JavaScript/Objects
PHP手册 : https://www.runoob.com/php/php-arrays.html
PHP手册 : https://www.w3school.com.cn/php/php_functions.asp
TP6.0手册:https://www.kancloud.cn/manual/thinkphp6_0/1037483
XD-JS:https://zh.javascript.info/
jquery手册 : https://jqueryapi.net/
MagicalCoder布局器文档:http://www.magicalcoder.com/doc/bjq/html/
layer框架 : https://layer.layui.com/
jquery-ui中文手册 : https://code.ziqiangxuetang.com/jqueryui/jqueryui-widget-factory.html
jquery-ui : https://www.jqueryui.org.cn/
React.js: www.reactjs.org
sass: www.sass-lang.com
swiper: www.swiper.com.cn
vue.js: https://cn.vuejs.org/
Node.js: https://nodejs.org/zh-cn/
常用注释写法:http://www.kydr.net/archives/9682
thinkphp6.0官方手册:https://www.kancloud.cn/manual/thinkphp6_0/1297876
ThinkPHP6.0快速开发手册(案例版):https://www.php.cn/course/1049.html
python常用手册:https://www.w3school.com.cn/python/python_reference.asp
Composer 安装与使用
c#手册(菜鸟):https://www.runoob.com/csharp/csharp-string.html
C#手册(C语方):https://c.biancheng.net/csharp/string.html
移动端常用 UI 组件库
- Vant https://youzan.github.io/vant
- Cube UI https://didi.github.io/cube-ui
- Mint UI http://mint-ui.github.io
PC 端常用 UI 组件库
- Element UI https://element.eleme.cn
- IView UI https://www.iviewui.com
1, 函数,类,它要做什么?实现什么功能?2, 它的流程是什么?工作过程是什么?3, 考虑做什么?谁做?怎样做?4, 使用,变量,方法,类,循环,判断,顺序,组合,查询,截取等等去编写代码;
产品经理, 提出需求画原型图Axure或者sketch,
https://mastergo.com/files/home
https://www.axure.com.cn/buy
https://js.design/download设计师设计UI/UE,
ps前端工程师开发前端。
html+div+css+js后端
PHP JAVA C#
设计常用:
在线原型设计:https://lanhuapp.com/
原型设计软件:https://help.mockplus.cn/
HBuilder是当前最快的HTML开发工具:https://www.dcloud.io/hbuilderx.html
前端常用:
W3-HTML5: https://www.w3school.com.cn/html/html5_intro.asp
W3-DIVCSS3:https://www.w3school.com.cn/css/index.asp
RU-DIVCSS3:https://www.runoob.com/css/css-counters.html
W3-DIVCSS3在线手册:https://www.w3school.com.cn/css/css3_variables.asp
Flex 布局教程:语法篇 Flex 布局教程:语法篇 http://www.kydr.net/archives/9621
Flex 布局教程:实例篇 http://www.kydr.net/archives/9622
Flex 布局语法教程 https://www.runoob.com/w3cnote/flex-grammar.html
移动端浏览器兼容性查询:https://caniuse.com/
移动端CSS兼容性查询:https://modernizr.com/
移动端动画CSS库:https://animate.style/
移动端点击延迟300ms:https://github.com/ftlabs/fastclick
图片在线压缩:https://zhitu.isux.us/
swiper轮播特效库:https://swiper.com.cn
HTML哪些是块级元素,哪些是行内元素? http://www.kydr.net/archives/9632
开源达人关于前端布局写法的一些注意事项。http://www.kydr.net/archives/9653
开源达人 div+css样式表的id,class的常用命名规则 http://www.kydr.net/archives/9655
开源达人响应式布局的一个典型案列 http://www.kydr.net/archives/9657
MDN-JS: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript
W3-SCHOOL-JS: https://www.w3school.com.cn/js/index.asp
RU-JS:https://www.runoob.com/js/js-tutorial.html
XD-JS:https://zh.javascript.info/
js-DOM事件:https://www.w3school.com.cn/jsref/dom_obj_event.asp
js键盘事件键码:http://www.kydr.net/archives/9722
脚本之家-js案例: https://www.jb51.net/list/list_3_100.htm
RU-jquery:https://www.runoob.com/jquery/jquery-tutorial.html
W3SCHOOL-jquery: https://www.w3school.com.cn/jquery/index.asp
JB开发手册大全:http://shouce.jb51.net/php/index.html
Babel(es5 es6 在线编译器 ):https://babeljs.io/
jquery-ui:https://www.jqueryui.org.cn/
jquery中文手册:https://jqueryapi.net/
jquery-ui中文手册:https://code.ziqiangxuetang.com/jqueryui/jqueryui-widget-factory.html
layer框架:https://layer.layui.com/
JSON: https://www.runoob.com/json/json-intro.html
MagicalCoder布局器文档:http://www.magicalcoder.com/doc/bjq/html/
前端小站 https://www.xiaohuochai.cc/
前端小站帮助文档 https://xiaohuochai.site/
前端常用框架:
DIVCSS框架:
javascript框架:
React.js: www.reactjs.org
sass: www.sass-lang.com
swiper: www.swiper.com.cn
vue.js: https://cn.vuejs.org/
Node.js: https://nodejs.org/zh-cn/
后端框架:
Laravel 8 中文文档: https://learnku.com/docs/laravel/8.x
thinkphp框架:http://www.thinkphp.cn/
腾讯alloyteam团队前端代码规范:https://www.w3cschool.cn/wematy/
js库大全: https://www.bootcdn.cn/all/
全栈的一些总结:
1, div+css3
2, javascript
3, ES6 (ES6 ECMAscript6是什么?语言的标准(语法和API)。 与js的关系。 )
4,Babel Babel(es5 es6 在线编译器 ):https://babeljs.io/
5,webpack : https://www.webpackjs.com/
loader官方文档: https://www.webpackjs.com/loaders/
plugins官方文档: https://www.webpackjs.com/plugins/
6,WebApp (移动webapp开发)
7, 响应式布局
8, swiper介绍 (是一种插件轮播插件,免费的 ): https://www.swiper.com.cn/
9, 小程序开发(基于微信 CSS+JS+ES6) : https://q.qq.com/
小程序开发文档: https://developers.weixin.qq.com/miniprogram/dev/framework/config.html
小程序开发的开发用测试接口:fastmock.site
weul小程序基础样式库 : https://weui.io/
10,React.js (新的编程思想和方式 facebook推出。使人数最多): https://reactjs.org/
11,Sass基础 ( css扩展语言) : http://www.sass-lang.com/
12,Vue框架基础 (code.visualstudio.com下载插件 Vue框架 渐进式框架,上手容易。) : https://cn.vuejs.org/
13,Node.js (https://nodejs.org/zh-cn/)
公众号小程序开发总结:
微信开放平台:
数据结构:
后端数据库常用:
开发经常用汇总:
全栈开发线路:
1, html
2, css
3, javascript+案例
4, ES6
5, jquery+案例
6, 自适应
7, 小程序
8, React.js
9, sass
10, vue.js
11, Node.js
12, php+thinkphp
13, c#+案例
在写一个js脚本时,
第零步,分析考虑做什么?谁做?怎样做?
第一步,是分板是写函数还是不写函数。
第二步,获取到所有的dom 例class id
第三步,写完整个js脚本。html 要div 嵌套来写
CSS 先写整体,在写细节
js可以先写中文流程,在写获取事件效果等
可以考虑给一个索引值。或考虑开始,结尾。
可以先获取所有的dom。
只要是列表形式的,就用ul li 形式去写。
在每个HTML 中可以内联的形式,写事件,列如:onclick=”open()”方式,在js中写 function open(){ } 这样的形式。注意:
当写 li.getElementsByTagName(‘a’)[0]; 因为我选择了dom的 li[i] 所以不需要写 doucument
li.innHTML.toUpperCase().indexOf(filter); innHTML后边不需要加括号。注意:
取ul 的时候,要先取得ul 的id 再取得li注意:
可以考虑,给一个标识符