码匠编程：前端工程师要懂些什么

 

IT前端学习资料及路线
JQuery文件网 https://code.jquery.com/jquery/
jQuery手册（pc端） http://jquery.cuishifeng.cn/
jQuery插件之家 http://www.htmleaf.com/
Vue文件网 https://cn.vuejs.org/v2/guide/installation.html
动态效果插件网 https://www.dowebok.com/
字体图标与web字体 https://www.iconfont.cn/
css教程/菜鸟教程 https://www.runoob.com/css/css-tutorial.html
W3Cschool https://www.w3school.com.cn/
将转ICO图标(浏览器标题图片) http://www.bitbug.net/
字体图标文件 .tff 文档切换（微信小程序） https://transfonter.org/
Less(css的扩充语言) http://lesscss.cn/
MDNweb https://developer.mozilla.org/zh-CN/
node.js中文网 http://nodejs.cn/download/
flexible.js官网 https://github.com/amfe/lib-flexible
Git安装官网 https://git-scm.com/
Github账号注册 https://github.com/
Bootstrap中文网 https://www.bootcss.com/ https://v3.bootcss.com/css/
GitHub(全屏插件) https://github.com/alvarotrigo/fullpage.js
数据可视化图表（BI报表） https://www.echartsjs.com/zh/index.html
智能好用的聊天机器人 http://www.turingapi.com/
Swiper中文网（手机插件） https://www.swiper.com.cn/
Zepto中文网（手机插件） https://www.html.cn/doc/zeptojs_api/
云社区开发手册 https://cloud.tencent.com/developer/chapter/13597
接口测试工具 https://www.getpostman.com/downloads/
Chrome浏览器插件安装 [https://www.gugeapps.net/ 无需扫码 ](https://www.gugeapps.net/ 无需扫码 )
国内一个谷歌浏览器插件下载网站，但需要关注公众号获取密码后才能下载 https://www.extfans.com/
art-tempalte模板引擎 http://aui.github.io/art-template/zh-cn/docs/installation.html
Axios中文说明 https://www.kancloud.cn/yunye/axios/234845
ios移动端WEb制作 http://code.cocoachina.com/list/37
Ajax玩命加载中的插件官网 http://ricostacruz.com/nprogress/
接口使用搜索链接 https://www.tianapi.com/
前端经典模块化插件----Layui https://www.layui.com/
前端经典模块化插件----EasyUI http://www.jeasyui.net/
HTTP Content-type对照表查看 https://tool.oschina.net/commons
富文本编译器网址 http://fex.baidu.com/ueditor/
github：MD5加密官网 https://github.com/node-modules/utility
文件转 Base64 https://www.css-js.com/tools/base64.html
axios中文说明 - 专业的Ajax工具 http://www.axios-js.com/docs/
学习使用es6的模块化 http://www.fanyoufu.com/article/1586361630672
VUE — ESlint（错误提示查询网） https://eslint.bootcss.com/
Babel（一个 JavaScript 编译器）js降级网址 https:/
Element-UI — 基于vue下的框架 (饿了么开源) https://element.eleme.cn/#/zh-CN/component/carousel
axios 请求拦截器 http://www.axios-js.com/docs/#Interceptors
前端处理后端Id大数的处方案 https://github.com/sidorares/json-bigint
基于Vue框架下的富文本编译器 https://quilljs.com/
微信小程序开发搜索文档 https://developers.weixin.qq.com/doc/
将本地图片转换为网络图片（土豆图床） https://images.ac.cn/?btwaf=33306310
todomvc（vue小项目实例） https://github.com/mawenxing/todomvc-hm-template
所有的原生js事件： https://developer.mozilla.org/zh-CN/docs/Web/Events
Animate动画演示 http://www.kuitao8.com/demo/20150731/1/20150731050415197/1.html
Animate文档 https://animate.style/
时间日期格式化网址 http://momentjs.cn/
Webpack打包官网 https://www.webpackjs.com/ https://webpack.js.org/
移动端：vant-ui (有赞) https://youzan.github.io/vant/#/zh-CN/
小程序: vant-Weapp(有赞) https://vant-contrib.gitee.io/vant-weapp/#/intro
在线正则表达式匹配网站 https://tool.oschina.net/regex/
百度脑图 https://naotu.baidu.com/home
Lodash是一个一致性、模块化、高性能的 JavaScript 实用工具库。 https://www.lodashjs.com/ _.debounce 防抖函数 _.throttle 节流函数
Ant Design （React 开发组件库） https://ant.design/components/layout-cn/
如果你会用jquery，那么你也会用zepto。 https://www.html.cn/doc/zeptojs_api/
Ant Design Mobile（React移动端） https://antd-mobile.gitee.io/components/tab-bar-cn/
教育机构学习地址
慕课网 https://www.imooc.com/
阿里云大学 https://edu.aliyun.com/roadmap/frontend
黑马程序员 https://yun.itheima.com/map/50.html
尚硅谷 http://www.atguigu.com/html5_video.shtml
尚学堂 https://www.bjsxt.com/qianduanshipin.html
千峰教育 http://video.mobiletrain.org/line/webxx
极客学院 https://ke.jikexueyuan.com/zhiye/web/
谷粒学院 http://www.gulixueyuan.com/path/front
珠峰培训 http://www.zhufengpeixun.cn/videoCourse/lesson.html
前端面试题
前端面试题测试 http://blog.poetries.top/FE-Interview-Questions/
前端面试题测试 https://learn.freecodecamp.one/
前端面试题测试 https://www.nowcoder.com/
前端面试题测试 https://juejin.im/post/5e8b163ff265da47ee3f54a6#heading-49
思维导图网页版 https://mm.edrawsoft.cn/create
第三方（树形分支管理列表）【npm i vue-table-with-tree-grid】 https://github.com/MisterTaki/vue-table-with-tree-grid
各大接口显示（移动端） https://www.zhihu.com/question/19892577
element-UI — 基于vue下的框架 (饿了么开源) https://panjiachen.github.io/vue-element-admin-site/zh/

 

IT前端学习资料及路线
JQuery文件网 https://code.jquery.com/jquery/
jQuery手册（pc端） http://jquery.cuishifeng.cn/
jQuery插件之家 http://www.htmleaf.com/
Vue文件网 https://cn.vuejs.org/v2/guide/installation.html
动态效果插件网 https://www.dowebok.com/
字体图标与web字体 https://www.iconfont.cn/
css教程/菜鸟教程 https://www.runoob.com/css/css-tutorial.html
W3Cschool https://www.w3school.com.cn/
将转ICO图标(浏览器标题图片) http://www.bitbug.net/
字体图标文件 .tff 文档切换（微信小程序） https://transfonter.org/
Less(css的扩充语言) http://lesscss.cn/
MDNweb https://developer.mozilla.org/zh-CN/
node.js中文网 http://nodejs.cn/download/
flexible.js官网 https://github.com/amfe/lib-flexible
Git安装官网 https://git-scm.com/
Github账号注册 https://github.com/
Bootstrap中文网 https://www.bootcss.com/ https://v3.bootcss.com/css/
GitHub(全屏插件) https://github.com/alvarotrigo/fullpage.js
数据可视化图表（BI报表） https://www.echartsjs.com/zh/index.html
智能好用的聊天机器人 http://www.turingapi.com/
Swiper中文网（手机插件） https://www.swiper.com.cn/
Zepto中文网（手机插件） https://www.html.cn/doc/zeptojs_api/
云社区开发手册 https://cloud.tencent.com/developer/chapter/13597
接口测试工具 https://www.getpostman.com/downloads/
Chrome浏览器插件安装 [https://www.gugeapps.net/ 无需扫码 ](https://www.gugeapps.net/ 无需扫码 )
国内一个谷歌浏览器插件下载网站，但需要关注公众号获取密码后才能下载 https://www.extfans.com/
art-tempalte模板引擎 http://aui.github.io/art-template/zh-cn/docs/installation.html
Axios中文说明 https://www.kancloud.cn/yunye/axios/234845
ios移动端WEb制作 http://code.cocoachina.com/list/37
Ajax玩命加载中的插件官网 http://ricostacruz.com/nprogress/
接口使用搜索链接 https://www.tianapi.com/
前端经典模块化插件----Layui https://www.layui.com/
前端经典模块化插件----EasyUI http://www.jeasyui.net/
HTTP Content-type对照表查看 https://tool.oschina.net/commons
富文本编译器网址 http://fex.baidu.com/ueditor/
github：MD5加密官网 https://github.com/node-modules/utility
文件转 Base64 https://www.css-js.com/tools/base64.html
axios中文说明 - 专业的Ajax工具 http://www.axios-js.com/docs/
学习使用es6的模块化 http://www.fanyoufu.com/article/1586361630672
VUE — ESlint（错误提示查询网） https://eslint.bootcss.com/
Babel（一个 JavaScript 编译器）js降级网址 https:/
Element-UI — 基于vue下的框架 (饿了么开源) https://element.eleme.cn/#/zh-CN/component/carousel
axios 请求拦截器 http://www.axios-js.com/docs/#Interceptors
前端处理后端Id大数的处方案 https://github.com/sidorares/json-bigint
基于Vue框架下的富文本编译器 https://quilljs.com/
微信小程序开发搜索文档 https://developers.weixin.qq.com/doc/
将本地图片转换为网络图片（土豆图床） https://images.ac.cn/?btwaf=33306310
todomvc（vue小项目实例） https://github.com/mawenxing/todomvc-hm-template
所有的原生js事件： https://developer.mozilla.org/zh-CN/docs/Web/Events
Animate动画演示 http://www.kuitao8.com/demo/20150731/1/20150731050415197/1.html
Animate文档 https://animate.style/
时间日期格式化网址 http://momentjs.cn/
Webpack打包官网 https://www.webpackjs.com/ https://webpack.js.org/
移动端：vant-ui (有赞) https://youzan.github.io/vant/#/zh-CN/
小程序: vant-Weapp(有赞) https://vant-contrib.gitee.io/vant-weapp/#/intro
在线正则表达式匹配网站 https://tool.oschina.net/regex/
百度脑图 https://naotu.baidu.com/home
Lodash是一个一致性、模块化、高性能的 JavaScript 实用工具库。 https://www.lodashjs.com/ _.debounce 防抖函数 _.throttle 节流函数
Ant Design （React 开发组件库） https://ant.design/components/layout-cn/
如果你会用jquery，那么你也会用zepto。 https://www.html.cn/doc/zeptojs_api/
Ant Design Mobile（React移动端） https://antd-mobile.gitee.io/components/tab-bar-cn/
教育机构学习地址
慕课网 https://www.imooc.com/
阿里云大学 https://edu.aliyun.com/roadmap/frontend
黑马程序员 https://yun.itheima.com/map/50.html
尚硅谷 http://www.atguigu.com/html5_video.shtml
尚学堂 https://www.bjsxt.com/qianduanshipin.html
千峰教育 http://video.mobiletrain.org/line/webxx
极客学院 https://ke.jikexueyuan.com/zhiye/web/
谷粒学院 http://www.gulixueyuan.com/path/front
珠峰培训 http://www.zhufengpeixun.cn/videoCourse/lesson.html
前端面试题
前端面试题测试 http://blog.poetries.top/FE-Interview-Questions/
前端面试题测试 https://learn.freecodecamp.one/
前端面试题测试 https://www.nowcoder.com/
前端面试题测试 https://juejin.im/post/5e8b163ff265da47ee3f54a6#heading-49
思维导图网页版 https://mm.edrawsoft.cn/create
第三方（树形分支管理列表）【npm i vue-table-with-tree-grid】 https://github.com/MisterTaki/vue-table-with-tree-grid
各大接口显示（移动端） https://www.zhihu.com/question/19892577
element-UI — 基于vue下的框架 (饿了么开源) https://panjiachen.github.io/vue-element-admin-site/zh/

 

IT前端学习资料及路线
JQuery文件网 https://code.jquery.com/jquery/
jQuery手册（pc端） http://jquery.cuishifeng.cn/
jQuery插件之家 http://www.htmleaf.com/
Vue文件网 https://cn.vuejs.org/v2/guide/installation.html
动态效果插件网 https://www.dowebok.com/
字体图标与web字体 https://www.iconfont.cn/
css教程/菜鸟教程 https://www.runoob.com/css/css-tutorial.html
W3Cschool https://www.w3school.com.cn/
将转ICO图标(浏览器标题图片) http://www.bitbug.net/
字体图标文件 .tff 文档切换（微信小程序） https://transfonter.org/
Less(css的扩充语言) http://lesscss.cn/
MDNweb https://developer.mozilla.org/zh-CN/
node.js中文网 http://nodejs.cn/download/
flexible.js官网 https://github.com/amfe/lib-flexible
Git安装官网 https://git-scm.com/
Github账号注册 https://github.com/
Bootstrap中文网 https://www.bootcss.com/ https://v3.bootcss.com/css/
GitHub(全屏插件) https://github.com/alvarotrigo/fullpage.js
数据可视化图表（BI报表） https://www.echartsjs.com/zh/index.html
智能好用的聊天机器人 http://www.turingapi.com/
Swiper中文网（手机插件） https://www.swiper.com.cn/
Zepto中文网（手机插件） https://www.html.cn/doc/zeptojs_api/
云社区开发手册 https://cloud.tencent.com/developer/chapter/13597
接口测试工具 https://www.getpostman.com/downloads/
Chrome浏览器插件安装 [https://www.gugeapps.net/ 无需扫码 ](https://www.gugeapps.net/ 无需扫码 )
国内一个谷歌浏览器插件下载网站，但需要关注公众号获取密码后才能下载 https://www.extfans.com/
art-tempalte模板引擎 http://aui.github.io/art-template/zh-cn/docs/installation.html
Axios中文说明 https://www.kancloud.cn/yunye/axios/234845
ios移动端WEb制作 http://code.cocoachina.com/list/37
Ajax玩命加载中的插件官网 http://ricostacruz.com/nprogress/
接口使用搜索链接 https://www.tianapi.com/
前端经典模块化插件----Layui https://www.layui.com/
前端经典模块化插件----EasyUI http://www.jeasyui.net/
HTTP Content-type对照表查看 https://tool.oschina.net/commons
富文本编译器网址 http://fex.baidu.com/ueditor/
github：MD5加密官网 https://github.com/node-modules/utility
文件转 Base64 https://www.css-js.com/tools/base64.html
axios中文说明 - 专业的Ajax工具 http://www.axios-js.com/docs/
学习使用es6的模块化 http://www.fanyoufu.com/article/1586361630672
VUE — ESlint（错误提示查询网） https://eslint.bootcss.com/
Babel（一个 JavaScript 编译器）js降级网址 https:/
Element-UI — 基于vue下的框架 (饿了么开源) https://element.eleme.cn/#/zh-CN/component/carousel
axios 请求拦截器 http://www.axios-js.com/docs/#Interceptors
前端处理后端Id大数的处方案 https://github.com/sidorares/json-bigint
基于Vue框架下的富文本编译器 https://quilljs.com/
微信小程序开发搜索文档 https://developers.weixin.qq.com/doc/
将本地图片转换为网络图片（土豆图床） https://images.ac.cn/?btwaf=33306310
todomvc（vue小项目实例） https://github.com/mawenxing/todomvc-hm-template
所有的原生js事件： https://developer.mozilla.org/zh-CN/docs/Web/Events
Animate动画演示 http://www.kuitao8.com/demo/20150731/1/20150731050415197/1.html
Animate文档 https://animate.style/
时间日期格式化网址 http://momentjs.cn/
Webpack打包官网 https://www.webpackjs.com/ https://webpack.js.org/
移动端：vant-ui (有赞) https://youzan.github.io/vant/#/zh-CN/
小程序: vant-Weapp(有赞) https://vant-contrib.gitee.io/vant-weapp/#/intro
在线正则表达式匹配网站 https://tool.oschina.net/regex/
百度脑图 https://naotu.baidu.com/home
Lodash是一个一致性、模块化、高性能的 JavaScript 实用工具库。 https://www.lodashjs.com/ _.debounce 防抖函数 _.throttle 节流函数
Ant Design （React 开发组件库） https://ant.design/components/layout-cn/
如果你会用jquery，那么你也会用zepto。 https://www.html.cn/doc/zeptojs_api/
Ant Design Mobile（React移动端） https://antd-mobile.gitee.io/components/tab-bar-cn/
教育机构学习地址
慕课网 https://www.imooc.com/
阿里云大学 https://edu.aliyun.com/roadmap/frontend
黑马程序员 https://yun.itheima.com/map/50.html
尚硅谷 http://www.atguigu.com/html5_video.shtml
尚学堂 https://www.bjsxt.com/qianduanshipin.html
千峰教育 http://video.mobiletrain.org/line/webxx
极客学院 https://ke.jikexueyuan.com/zhiye/web/
谷粒学院 http://www.gulixueyuan.com/path/front
珠峰培训 http://www.zhufengpeixun.cn/videoCourse/lesson.html
前端面试题
前端面试题测试 http://blog.poetries.top/FE-Interview-Questions/
前端面试题测试 https://learn.freecodecamp.one/
前端面试题测试 https://www.nowcoder.com/
前端面试题测试 https://juejin.im/post/5e8b163ff265da47ee3f54a6#heading-49
思维导图网页版 https://mm.edrawsoft.cn/create
第三方（树形分支管理列表）【npm i vue-table-with-tree-grid】 https://github.com/MisterTaki/vue-table-with-tree-grid
各大接口显示（移动端） https://www.zhihu.com/question/19892577
element-UI — 基于vue下的框架 (饿了么开源) https://panjiachen.github.io/vue-element-admin-site/zh/

 

IT前端学习资料及路线
JQuery文件网 https://code.jquery.com/jquery/
jQuery手册（pc端） http://jquery.cuishifeng.cn/
jQuery插件之家 http://www.htmleaf.com/
Vue文件网 https://cn.vuejs.org/v2/guide/installation.html
动态效果插件网 https://www.dowebok.com/
字体图标与web字体 https://www.iconfont.cn/
css教程/菜鸟教程 https://www.runoob.com/css/css-tutorial.html
W3Cschool https://www.w3school.com.cn/
将转ICO图标(浏览器标题图片) http://www.bitbug.net/
字体图标文件 .tff 文档切换（微信小程序） https://transfonter.org/
Less(css的扩充语言) http://lesscss.cn/
MDNweb https://developer.mozilla.org/zh-CN/
node.js中文网 http://nodejs.cn/download/
flexible.js官网 https://github.com/amfe/lib-flexible
Git安装官网 https://git-scm.com/
Github账号注册 https://github.com/
Bootstrap中文网 https://www.bootcss.com/ https://v3.bootcss.com/css/
GitHub(全屏插件) https://github.com/alvarotrigo/fullpage.js
数据可视化图表（BI报表） https://www.echartsjs.com/zh/index.html
智能好用的聊天机器人 http://www.turingapi.com/
Swiper中文网（手机插件） https://www.swiper.com.cn/
Zepto中文网（手机插件） https://www.html.cn/doc/zeptojs_api/
云社区开发手册 https://cloud.tencent.com/developer/chapter/13597
接口测试工具 https://www.getpostman.com/downloads/
Chrome浏览器插件安装 [https://www.gugeapps.net/ 无需扫码 ](https://www.gugeapps.net/ 无需扫码 )
国内一个谷歌浏览器插件下载网站，但需要关注公众号获取密码后才能下载 https://www.extfans.com/
art-tempalte模板引擎 http://aui.github.io/art-template/zh-cn/docs/installation.html
Axios中文说明 https://www.kancloud.cn/yunye/axios/234845
ios移动端WEb制作 http://code.cocoachina.com/list/37
Ajax玩命加载中的插件官网 http://ricostacruz.com/nprogress/
接口使用搜索链接 https://www.tianapi.com/
前端经典模块化插件----Layui https://www.layui.com/
前端经典模块化插件----EasyUI http://www.jeasyui.net/
HTTP Content-type对照表查看 https://tool.oschina.net/commons
富文本编译器网址 http://fex.baidu.com/ueditor/
github：MD5加密官网 https://github.com/node-modules/utility
文件转 Base64 https://www.css-js.com/tools/base64.html
axios中文说明 - 专业的Ajax工具 http://www.axios-js.com/docs/
学习使用es6的模块化 http://www.fanyoufu.com/article/1586361630672
VUE — ESlint（错误提示查询网） https://eslint.bootcss.com/
Babel（一个 JavaScript 编译器）js降级网址 https:/
Element-UI — 基于vue下的框架 (饿了么开源) https://element.eleme.cn/#/zh-CN/component/carousel
axios 请求拦截器 http://www.axios-js.com/docs/#Interceptors
前端处理后端Id大数的处方案 https://github.com/sidorares/json-bigint
基于Vue框架下的富文本编译器 https://quilljs.com/
微信小程序开发搜索文档 https://developers.weixin.qq.com/doc/
将本地图片转换为网络图片（土豆图床） https://images.ac.cn/?btwaf=33306310
todomvc（vue小项目实例） https://github.com/mawenxing/todomvc-hm-template
所有的原生js事件： https://developer.mozilla.org/zh-CN/docs/Web/Events
Animate动画演示 http://www.kuitao8.com/demo/20150731/1/20150731050415197/1.html
Animate文档 https://animate.style/
时间日期格式化网址 http://momentjs.cn/
Webpack打包官网 https://www.webpackjs.com/ https://webpack.js.org/
移动端：vant-ui (有赞) https://youzan.github.io/vant/#/zh-CN/
小程序: vant-Weapp(有赞) https://vant-contrib.gitee.io/vant-weapp/#/intro
在线正则表达式匹配网站 https://tool.oschina.net/regex/
百度脑图 https://naotu.baidu.com/home
Lodash是一个一致性、模块化、高性能的 JavaScript 实用工具库。 https://www.lodashjs.com/ _.debounce 防抖函数 _.throttle 节流函数
Ant Design （React 开发组件库） https://ant.design/components/layout-cn/
如果你会用jquery，那么你也会用zepto。 https://www.html.cn/doc/zeptojs_api/
Ant Design Mobile（React移动端） https://antd-mobile.gitee.io/components/tab-bar-cn/
教育机构学习地址
慕课网 https://www.imooc.com/
阿里云大学 https://edu.aliyun.com/roadmap/frontend
黑马程序员 https://yun.itheima.com/map/50.html
尚硅谷 http://www.atguigu.com/html5_video.shtml
尚学堂 https://www.bjsxt.com/qianduanshipin.html
千峰教育 http://video.mobiletrain.org/line/webxx
极客学院 https://ke.jikexueyuan.com/zhiye/web/
谷粒学院 http://www.gulixueyuan.com/path/front
珠峰培训 http://www.zhufengpeixun.cn/videoCourse/lesson.html
前端面试题
前端面试题测试 http://blog.poetries.top/FE-Interview-Questions/
前端面试题测试 https://learn.freecodecamp.one/
前端面试题测试 https://www.nowcoder.com/
前端面试题测试 https://juejin.im/post/5e8b163ff265da47ee3f54a6#heading-49
思维导图网页版 https://mm.edrawsoft.cn/create
第三方（树形分支管理列表）【npm i vue-table-with-tree-grid】 https://github.com/MisterTaki/vue-table-with-tree-grid
各大接口显示（移动端） https://www.zhihu.com/question/19892577
element-UI — 基于vue下的框架 (饿了么开源) https://panjiachen.github.io/vue-element-admin-site/zh/