學習網站

https://123.w3cschool.cn/webtools

W3在線工具，挺好用

 

https://juejin.im/post/5c1f8e52f265da6170071e43#heading-13?tdsourcetag=s_pcqq_aiomsg

node學習

https://i5ting.github.io/How-to-learn-node-correctly/?utm_medium=email&utm_source=gank.io&tdsourcetag=s_pcqq_aiomsg

 

https://github.com/hoosin/mobile-web-favorites?tdsourcetag=s_pcqq_aiomsg

前端經常使用或者問題的網站（githup）

 

https://leetcode-cn.com/

力扣（題庫）

 

https://github.com/blogwy/BilibiliVideoDownload

pc端下載嗶哩嗶哩視頻

 

http://www.jq22.com/

jq插件效果（帶源碼） 

 

http://www.jq22.com/yanshi1621

http://www.jq22.com/yanshi819?tdsourcetag=s_pcqq_aiomsg

http://www.jq22.com/jquery-info819

css動畫效果（有源碼）

 

http://114.67.97.221:9022/#/?tdsourcetag=s_pcqq_aiomsg

農業產業鏈大數據可視化

 

http://www.360doc.com/content/19/0522/21/54267676_837555786.shtml

html特效以及一些知識點比較冷門的

 

 https://postwoman.io/

postwoman 網頁調試工具，相似postman

 

https://router.vuejs.org/zh/ 

vue-router

 

https://vuex.vuejs.org/zh/

vuex

 

https://www.zcool.com.cn/work/ZMTk5NDMxNDg=.html

大數據可視化頁面（圖表）

 

https://panjiachen.github.io/vue-element-admin

頁面整合模板（vue-ele-admin）

 

https://www.jianshu.com/p/9a6b2926a786

https://aonaotu.com/use

https://zhimap.com

在線腦圖

 

開發工具webstrom
一、 基礎入門
SVG矢量圖繪製
https://www.imooc.com/learn/143
像素、媒體查詢、彈性佈局
https://www.imooc.com/learn/494
二、 bootstrap入門
https://www.imooc.com/learn/141
https://www.imooc.com/learn/262
https://www.imooc.com/learn/182
jquery樣式：https://www.imooc.com/learn/418
三、vue入門
Vue入門基礎https://www.imooc.com/learn/694
Vue 2.0課程https://www.imooc.com/learn/980
Vue web: https://www.imooc.com/learn/796
綜合案例：
貓眼電影https://www.imooc.com/article/20690
 

http://www.lakezonetech.cn/view/page-1-4.html

es6

 

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/export?tdsourcetag=s_pcqq_aiomsg

export

 

https://ice.work/docs/guide/about

前端模板  飛冰

 

https://www.cnblogs.com/-youth/p/6404808.html

https://www.cnblogs.com/Upton/p/5999179.html

模糊查詢

 

 

<script src="https://cdn.bootcss.com/echarts/4.2.1-rc1/echarts-en.common.min.js" type="text/javascript" charset="utf-8"></script>

echarts的cdn

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>

jquery的cdn

<!-- 引入element樣式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 引入element組件庫 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

<script src="https://unpkg.com/vue/dist/vue.js"></script>

vue的cdn

 

https://github.com/

githu官網，經過下載項目源文件進行查看代碼或者其餘操做

 

https://www.chuangkit.com/?tdsourcetag=s_pcqq_aiomsg

創客貼，平面設計做圖神器

 

http://www.wangeditor.com/

富文本編輯器

 

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/export?tdsourcetag=s_pcqq_aiomsg

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/import

export和import

 

http://www.jq22.com/demo/bootstrap3-levanax201706260024/

bootstrap拖拽，提早查看網站想要的效果或者是其餘方面

 

https://startbootstrap.com/

好的bootstrap實例，能夠參考（比較漂亮）

 

http://uehtml.uemo.net/#!/intro
動畫堆成的網站，挺好看，能夠參考（展現型）

 

https://ziyuan.baidu.com/badlink/index

百度站長seo

 

www.easyicon.net
圖標（能夠下載，特別實用特比精緻）

 

 

https://huaban.com/search/?q=%E5%8A%A0%E5%85%A5%E6%88%91%E4%BB%AC&type=pins

平面設計參考網站，裏面能夠搜索想要的模塊，例如加入咱們，它會給你不少推薦，你能夠選擇你喜歡的模塊，裏面的圖片也能夠進行下載的

 

https://unbug.github.io/codelf/

程序變量取名（在開發過程當中會遇到難取名字的問題，直接搜索關鍵字會給你幾百種相關的名字給你挑（大部分是英文））

 

高清圖片壁紙：
https://wall.alphacoders.com/finding_wallpapers.php?lang=Chinese

 

https://codepen.io/omercanbalandi/pen/QXXxdX
https://codepen.io/sabitha_kuppusamy/pen/zgYxwL
https://codepen.io/team/keyframers/pen/mZZWjB
https://codepen.io/giaco/pen/zVXWqM
https://codepen.io/marianab/pen/Mdzbeo
動畫之類效果的網站，純HTML和CSS和JS

 

https://github.com/liujians/vue-adminLte-vue-router
githup上的開源項目
https://www.jb51.net/article/140495.htm
Vue整合AdminLTE模板

https://panjiachen.github.io/vue-element-admin

vue-element後臺模板

 

https://threejs.org/

3D模型交互動畫

 

https://codepen.io/deadzq/# codepen

代碼筆（能夠在線進行編輯，html，css，js而後在線查看效果）

 

 

三維建模

掌握 HT 基礎： 一、先入門手冊 http://www.hightopo.com/guide/guide/core/beginners/ht-beginners-guide.html 二、看數據模型 http://www.hightopo.com/guide/guide/core/datamodel/ht-datamodel-guide.html 三、閱矢量手冊 http://www.hightopo.com/guide/guide/core/vector/ht-vector-guide.html 四、讀數據綁定 http://www.hightopo.com/guide/guide/core/databinding/ht-databinding-guide.html 五、序列化機制 hightopo.com/guide/guide/core/serialization/ht-serialization-guide.html 若有三維需求： 一、入門手冊 http://www.hightopo.com/guide/guide/core/3d/ht-3d-guide.html 二、建模手冊 http://www.hightopo.com/guide/guide/plugin/modeling/ht-modeling-guide.html 三、OBJ 導入 http://www.hightopo.com/guide/guide/plugin/obj/ht-obj-guide.html

 

 

 

http://www.jq22.com/demo/jquery-login-20150514/

一個登陸頁面