前端知识体系_总
2016-12-28 21:51:21 0 举报AI智能生成
前端知识体系汇总
作者其他创作
大纲/内容
项目管理工具
SVN
git
github和git的区别
项目托管平台
github
gitlab
码云
阿里云-taobaocode
新浪云
项目构建工具
gulp
webpack
webpack-dev-server
sass编译
合并压缩
mock数据
文件抽离
版本号控制
yeoman
fekit
npm i fekit -g
fekit init
fekit server -n -p 端口号
fekit server -n -m mock/mock.js -p 端口号
fekit min
前后端联调
抓包工具
Chearles
fiddler
基础
html
html5
meta基础知识
H5页面窗口自动调整到设备宽度，并禁止用户缩放页面
忽略将页面中的数字识别为电话号码
忽略Android平台中对邮箱地址的识别
当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari
将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式
viewport模版
通用
width取值与页面定义的宽度一致,android2.3.5以下版本不支持
css
css3
flex布局
ruby
sass
less
js
jquery
jquery选择器
zepto.js
进阶
主流框架
angular
angular1.0
angular2
seajs
react
redux
UI框架
vue
1.x对应1.x的路由
2.x对应2.x的路由
bootstrap
mui
ionic
iscroll.js
underscore.js
滑屏框架
slip.js
iSlider.js
fullpage.js
swiper.js
FastClick
地图相关
高德地图
百度地图
图表插件
hightcharts
echarts
移动端支持
移动端常见问题
高级
nodejs
http模块
mysql模块
mongodb模块
express
特点
对nodejs的封装
API更简单，更方便的构建应用
支持nodejs相关的服务端渲染
常用api
get(拦截的url地址,(request,response)=>{}) //侦测页面上的所有get请求
response.set({head}) //设置响应头
response.status() //设置状态码
response.send() //往页面上发送内容，对write的封装
post(拦截的url地址,(request,response)=>{}) //侦测页面上的post请求
use
use(bodyParser.urlencoded({extended:true}))
urlencoded就是将express实例转换为支持form格式数据传递的实例
use((request,response,next)=>{})
use(拦截地址,(request,response,next)=>{})
listen(端口号)
创建项目，为应用添加监听
Router()
Router().get('url',(request,response)=>{})
Router().post('url',(request.response)=>{})
中间件
body-parser
soket.io
模块化
定义模块
暴露接口
引入模块
mysql
select * from table1 where 范围
insert into table1(field1,field2) values(value1,value2)
update table1 set field1=value1 where 范围
delete from table1 where 范围
mongodb
db.collection.find({})
db.collection.insert({})
db.collection.remove({})
db.collection.update({查询条件},{$set:{更新内容}})
混合开发
dcloud
Hbuilder
reactnative
配置环境
ios环境
mac+xcode
android环境
windows+sdk
基本命令
常用组件
cordova
phonegap
chrome调试工具
chrome://inspect/#devices
规范\标准
AMD--异步模块定义
requireJS
CMD--同步模块定义
COMMONJS规范
定义模块
define((require,exports,module)=>{})
define({obj})
define([arr])
define('str')
暴露接口
exports.模块
引入模块
require('模块文件').模块名称
COMMONJS如何在浏览器端实现
SeaJS
ES
es5
es6
环境搭建（基于node）
.babelrc
{"persets":["es2015"]}
npm install babel-preset-es2015 --save-dev
npm install babel-cli -g/--save-dev
运行命令： babel-node 入口文件名
一般运行命令：node 入口文件名
新特性
增加块级作用域
增加let,const
解构赋值
函数参数扩展
可设置默认值，不定参数以及拓展参数
增加class类支持
感觉越来越像java
增加箭头函数
()=>{}
增加模块和模块加载
import/export default
一些新增api
es7
W3C
微信开发
微信开发平台
微信小程序
个人博客
开发工具
visual studio code
sublime
插件包
Hbuilder
web项目
app项目
Dreamweaver
notepad++
0 条评论
下一页
