前端必須要珍藏的技術文章和麪試題

前端工程師學習資料，快速查找面試題，經典技術文章的總結，編程技巧，幫助學習者快速定位問題
花點時間整理出一下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>