前端必须要珍藏的技术文章和面试题

前端工程师学习资料，快速查找面试题，经典技术文章的总结，编程技巧，帮助学习者快速定位问题
花点时间整理出一下 web 前端工程师日常工作所需要的学习资料查找，帮助学习者快速掌握前端工程师开发的基本知识
编程始于足下！
记住：再牛逼的梦想也抵不住傻逼似的坚持！
 

 HTML
蝴蝶教程是一个崭新的比较全的教程技术文章，每天都在更新 https://www.jc2182.com

HTML5 教程

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 框架

<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>
VUE
<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://ssr.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 框架

<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>

前端面试题

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