开发手册

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

1, 函数,类,它要做什么?实现什么功能?

2, 它的流程是什么?工作过程是什么?

3, 考虑做什么?谁做?怎样做?

4, 使用,变量,方法,类,循环,判断,顺序,组合,查询,截取等等去编写代码;

设计常用:

在线原型设计: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 布局教程:实例篇

Flex 布局语法教程

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

开源达人关于前端布局写法的一些注意事项。

开源达人 div+css样式表的id,class的常用命名规则

开源达人响应式布局的一个典型案列

======================这是一条美丽的分隔线======================

前端效果脚本常用javascript   

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

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

XD-JS:https://zh.javascript.info/

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

======================这是一条美丽的分隔线======================

前端常用框架:

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

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