Front-end collection of technical articles must

Front-end engineers learning materials, quickly find the face questions, summed up the classic technical articles, programming skills, to help learners quickly locate problems
take the time to sort out what learning materials web front-end engineers everyday work needed to find help learners to grasp the front-end engineers basic knowledge of the development
program begins with one step!
Remember: again Niubi dreams give way and did not forget to insist on early heart!

 HTML

Butterfly tutorial is a relatively new website full of tutorials, updated every day https://www.jc2182.com

HTML5 Tutorials

CSS

<p><a href="https://meyerweb.com/eric/tools/css/reset/">CSS重置样式 Reset CSS</a></p>
<p><a href="http://www.ruanyifeng.com/blog/2018/10/flexbox-form.html">移动端flex布局</a></p>
<p><a href="https://www.imooc.com/article/28513?block_id=tuijian_wz">CSS3网格布局</a></p>
<p><a href="https://www.cnblogs.com/starof/p/4968769.html">CSS3常用的动画</a></p>
<p><a href="https://www.sass.hk/">sass的快速入门<a></p>
<p><a href="http://lesscss.cn/">less的快速入门</a></p>
<p><a href="http://stylus-lang.com/">stylus快速入门</a></p>
<p><a href="https://www.cssworld.cn/">张鑫旭老师的《css世界》建议购买</a></p>
<a><a href="https://github.com/Sweet-KK/css-layout">常见布局CSS实现</a></a>

JAVASCRIPT

<p><a href="https://www.jc2182.com/javascript-jiaocheng/67.html">蝴蝶教程 JavaScript编程</a></p>
<p><a href="https://item.jd.com/10951037.html">JavaScript高级程序设计(第3版)</a></p>
<p><a href="https://item.jd.com/40776018022.html">你不知道的JavaScript 上中下卷 JavaScript程序设计深入</a></p>
<p><a href="https://item.jd.com/12306772.html">JavaScript忍者秘籍 第2版 John Resig 是 jQuery 之父写的书</a></p>
<p><a href="http://es6.ruanyifeng.com/">阮一峰老师的ES6入门电子书</a></p>
<p><a href="http://www.imooc.com/learn/955">慕课网ES6快速入门视频</a></p>
<p><a href="https://github.com/airbnb/javascript#types">javascript airbnb的代码风格编写的好与坏的写法</a></p>
<p><a href="https://developer.mozilla.org/zh-CN/docs/Web/JavaScript">MDN JavaScript中文文档</a></p>
<p><a href="http://www.php.cn/js-tutorial-360445.html">BOM、DOM与JS中的事件介绍</a></p>
<p><a href="https://segmentfault.com/a/1190000011363171">JavaScript中的面向对象、原型、原型链、继承</a></p>
<p><a href="https://www.imooc.com/learn/10">JavaScript进阶篇视频教程</a></p>

 JQUERY

<p><a href="https://jquery.com/">jquery官方</a></p>
<p><a href="http://jquery.cuishifeng.cn/index.html">jquery api在线查询手册</a></p>
<p><a href="http://www.jq22.com/">jquery 插件库</a></p>
<p><a href="http://plugins.jquery.com/form/">jQuery Form插件是一个优秀的Ajax表单插件</a></p>
<p><a href="https://github.com/victorjonsson/jQuery-Form-Validator">jQuery formValidator表单验证插件</a></p>
<p><a href="https://www.swiper.com.cn/">swiper轮播图插件</a></p>
<p><a href="https://github.com/chengjs/rem">前端适配 rem 移动端布局插件</a></p>

WEB framework

<p><a href="https://v4.bootcss.com/">Bootstrap4 全球最受欢迎的前端组件库</a></p>
<p><a href="https://www.layui.com/">经典模块化前端框架layui</a></p>
<p><a href="http://www.miniui.com/demo/#src=datagrid/celledit.html">jQuery MiniUI v3.0专业WebUI控件库</a></p>
<p><a href="http://www.jeasyui.net/">Jquery EasyUI 美观的UI界面</a></p>
<p><a href="http://www.ligerui.com/">LigerUI 快速开发UI框架</a></p>
<p><a href="http://jqueryui.com/">jQuery UI框架</a></p>
<p><a href="http://www.getuikit.net/">UIkit一款轻量级、模块化的前端框架</a></p>
<p><a href="http://sui.taobao.org/sui/docs/index.html">SUI 是一套基于bootstrap开发的前端组件库</a></p>
<p><a href="http://www.uileader.com/quickui_doc/">QUICK UI 4.0是基于jquery1.9开发</a></p>
<p><a href="http://www.w3school.com.cn/jquerymobile/index.asp">jQuery Mobile 是创建移动 web 应用程序的框架</a></p>
<p><a href="http://dev.dcloud.net.cn/mui/">MUI最接近原生APP体验前端框架</a></p>

VIEW

<p><a href="https://cn.vuejs.org/">Vue 渐进式JavaScript 框架</a></p>
<p><a href="https://router.vuejs.org/zh/">Vue Router 是 Vue.js 官方的路由管理器</a></p>
<p><a href="https://vuex.vuejs.org/zh/">Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式</a></p>
<p><a href="https://***.vuejs.org/zh/">Vue.js 服务器端渲染指南</a></p>
<p><a href="https://www.kancloud.cn/yunye/axios/234845">Axios 是一个基于 promise 的 HTTP 库</a></p>
<p><a href="https://github.com/vuejs/awesome-vue">Vue.js 资源库</a></p>

vue framework

<p><a href="https://element.eleme.cn/#/zh-CN/component/installation">Element-ui 基于 Vue.js的UI组件库</a></p>
<p><a href="https://didi.github.io/cube-ui/#/zh-CN">Cube UI 基于 Vue.js 实现的精致移动端组件库</a></p>
<p><a href="https://iviewui.com/">Iview一套基于 Vue.js 的高质量 UI 组件库</a></p>
<p><a href="https://vuetifyjs.com/en">Vuetify</a></p>
<p><a href="http://yuche.github.io/vue-strap/">VueStrap 基于 Vue.js 的 Bootstrap 组件</a></p>
<p><a href="https://buefy.org/#/">Buefy 基于 Bulma 的 Vue.js 轻量级 UI 组件库</a></p>

A front end face questions

<p><a href="http://www.imooc.com/article/271528">2019前端面试题精选</a></p>
<p><a href="https://www.jianshu.com/p/b034663019a9">2019年一些前端的面试题(含答案)</a></p>

Guess you like

Origin blog.51cto.com/13578973/2424418