开发手册

开源达人开发过程中整理的一些全栈开发过程中的开发手册整理!

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

字体:https://font.chinaz.com/

求字体网:https://www.qiuziti.com/

阿里巴巴:https://www.iconfont.cn/


前端常用:

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

前端小站 https://www.xiaohuochai.cc/

前端小站帮助文档 https://xiaohuochai.site/

常用注释写法:http://www.kydr.net/archives/9682


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/


全栈的一些总结:

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/)


公众号小程序开发总结:

公众号:https://mp.weixin.qq.com/

微信开放平台:


数据结构:

JSON:  https://www.runoob.com/json/json-intro.html


后端数据库常用:


开发经常用汇总:

全栈开发线路:

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#+案例


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

javascript手册 : https://www.runoob.com/jsref/jsref-obj-math.html

javascript手册 : https://developer.mozilla.org/zh-CN/docs/Learn/JavaScript/Objects

开源达人常用Jquery标签

HTML哪些是块级元素,哪些是行内元素?

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

https://www.kancloud.cn/monday/thinkphp6/1437414

HBuilderX 增加的一些提示代码;  

常用hbuilderx快捷键

Composer 安装与使用

https://www.runoob.com/w3cnote/composer-install-and-usage.html

怎么查看本地80端口被占用


在写一个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

注意:
可以考虑,给一个标识符