web全栈
2020-08-26 10:49:17 2 举报
AI智能生成
Web前端
作者其他创作
大纲/内容
HTML(5)
新元素(语义化标签)
<header>
<nav>
<menu>
<main>
<section>
<aside>
<footer>
<article>
<details>
<summary>
<time>
<mark>
<figcaption>
<figure>
input新增
新增input类型
url 网址
email 邮箱
number 数字
tel 手机号码
date相关
date 日期
month 几年几月
week 几年几周
time 时间
datetime 日期时间-基于 UTC 时区
datetime-local 日期时间-不带时区
color 颜色值
range 拖动滑块
search 搜索框
新增input属性
placeholder
autofocus
autocomplete
multiple
accesskey
readonly
disabled
maxlength
min
max
step
Canvas
SVG
WebGL
新增API
Drag & Drop拖放
Geolocation 地理位置
Web Worker 多线程
Local Storage 本地存储
Application Cache 应用程序缓存
CSS(3)
选择器
样式属性
取值单位
尺寸
%
px
pt
pc
ex
em
cm
mm
in
vw, vh
颜色
rgb(255,0,0);
rgba(255,0,200,0.6);
#FF0000; hex十六进制
hsl(150,50%,85%);
hsla(100,50%,85%,0.3);
预定义颜色名
伪类
伪元素
布局
position 定位(脱离文档流)
fixed
absolute
relative
sticky
float 浮动(脱离文档流)
盒子模型
margin
border
padding
content
弹性盒子
flex
grid
transition 过渡
transition-property
transition-duration
transition-timing-function
transition-delay
transform - 变换
animation - 动画
滤镜
@media 媒体查询
Hack
CSS预处理
Less
Sass
Stylus
Postcss
Css Modules
JavaScript
数据类型
JSON
运算符
流程控制
内置对象
命名空间
Event事件
RegExp正则
BOM(浏览器对象模型)
window
location
navigator
history
screen
DOM(文当对象模型)
document
html
head
body
ES6/7/8/9
let/const
``字符串模板
...解构赋值/...剩余参数
箭头函数
Class关键字
模块化-ESM
Proxy 代理
异步处理
Promise
async/await
数组新增方法
Array.from()
Array.of()
Array.fill()
Array.includes()
Array.find()
Array.findIndex()
Array.map()
Array.filter
Array.reduce()
Array.some()
Array.every()
JS库/插件
jQuery.js
Zepto.js
Utils.js
Swiper.js
FullPage.js
ScrollReveal.js
Anime.js
Video.js
JsBarcode.js
Jedate.js
Jscolor.js
UI框架
Bootstrap
官网
LayUI
官网
iView
官网
Element
官网
Ant Design
官网
Semantic UI
官网
JS框架
Vue.js
Vue CLI
vuex
vue-router
SSR
React.js
Create React App
react-router
react-redux
Angular.js
Angular CLI
数据可视化
Chart.js
Echarts
Highcharts
D3
AntV
SpreadJS
DataV
Quick BI
前端进阶
浏览器原理
js执行机制
渲染原理
浏览器安全机制
V8引擎
任务管理
微任务
宏任务
设计模式
创建型
单例模式
无论类被实例化多少次,只执行1次构造函数
工厂模式
原型模式
行为型
发布订阅模式
装饰器模式
责任链模式
策略模式
结构型
代理模式
适配器模式
桥接模式
数据结构
逻辑结构
线性结构
数组
集合
字典
串
队列
先进先出(类似管道原理,Promise.all也是类似)
栈
先进后出(类似一个死胡同)
链表
堆
散列表(哈希表)
非线性结构
图
有向图
无向图
树
二叉数
物理(存储)结构
顺序结构
链式结构
索引结构
散列结构
算法
排序算法
选择排序
随机排序
冒泡排序
归并排序
堆排序
快速排序
基数排序
希尔排序
插入排序
搜索算法
深度优先搜索
广度优先搜索
查找算法
递归查找
二分查找
贪心算法
回溯算法
如[a,b,c]所有组合可能 ->全排列
分治算法
动态规划
Nodejs
Nodejs基础
http HTTP服务器
fs 文件系统
os 操作系统
Buffer 缓冲器
Stream 流
Process 进程
web socket
Web开发
Express
Koa
Egg
模板引擎
ejs
jade
dot
art-template
nunjucks
桌面应用开发
Electron
HoorayOS
数据库
MongoDB
mongoose
MySQL
mysql2
sequelize
Redis
多(跨端)端应用
移动APP
APICloud
UniAPP
ReactNative
Flutter
小程序
微信小程序
QQ小程序
百度小程序
京东小程序
支付宝小程序
字节跳动小程序
微信公众平台
服务号
订阅号
企业微信
微信 WebH5
服务端API
微信JSSDK
WAP
PWA
项目架构
构建/调试
Npm
Yarn
Webpack
FIS
Babel
TypeScript
Grunt
自动化测试
单元测试
E2E测试
Jest
性能优化
性能测试
pingdom
代码管理
SVN
Git
GitHub
Gitee
GitLab
网络通迅
HTTP协议
Request
请求行
Method
GET
POST
HEAD
PUT
DELETE
TRACE
CONNECT
OPTIONS
GET回退无害,POST回退后会再次提交请求!
GET产生URL地址收藏,POST不可以!
GET请求传参长度有限制,POST没有限制!
GET参数通过URL传递,POST放在请求体(Request Body)中!
GET请求会被浏览器主动缓存起来,以便下次使用!
GET请求需要URL编码encodeURIComponent(),
Request URL
http://www.muguilin.com:81/bg1.8c2f77daf16232f63323.jpg
Http Version
http 1.1
消息报头
请求正文
application/x-www-form-urlencoded
title=test&sub%5B%5D=1&sub%5B%5D=2&sub%5B%5D=3
默认数据编码方式
不属于http content-type规范,通常用于浏览器表单提交,数据组织格式:name1=value1&name2=value2,post时会放入http body,get时,显示在在地址栏。
application/json
ajax
fetch
text/xml
以XML作为编码方式的远程调用规范
text/plain
数据以纯文本形式(text/json/xml/html)进行编码
multipart/form-data
既有文本数据,又有文件等二进制数据
application/octet-stream
只能提交二进制,而且只能提交一个二进制,如果提交文件的话,只能提交一个文件,后台接收参数只能有一个,而且只能是流(或者字节数组)
form-data
允许在数据中包含整个文件,所以常用于文件上传
Response
状态行
响应状态码
1xx
指示信息--表示请求已接收,继续处理
2xx
成功--表示请求已被成功接收、理解、接受
3xx
重定向--要完成请求必须进行更进一步的操作
4xx
客户端错误--请求有语法错误或请求无法实现
5xx
服务器端错误--服务器未能实现合法的请求
消息报头
响应报头
实体报头
响应正文
网络安全
防火墙
DMZ
企业内网
VPN
系统运维
Linux
Apache
Nginx
正/反向代理
运维基础
shell脚本编程
安装部署
Jenkins
构建域名解析服务
权限管理
进程管理
性能监控
负载均衡
服务器集群
云服务
阿里云
腾讯云
0 条评论
下一页