作某一項目常見知識點連接

1，表單驗證
http://blog.csdn.net/bboyjoe/article/details/51813645

2，驗證碼
http://blog.csdn.net/github_37483541/article/details/54951174

3，git下載

http://gitforwindows.org/

4，git使用
http://blog.csdn.net/hcbbt/article/details/11651229/
https://www.cnblogs.com/my-freedom/p/5701427.html
https://www.cnblogs.com/tugenhua0707/p/4050072.html

https://git-scm.com/book/zh/v2

5，圖片轉base64
http://imgbase64.duoshitong.com/

6，layui
http://www.layui.com/doc/

2018-01-05    13:45:43

  7，Gulp（前端構建框架）

https://www.cnblogs.com/2050/p/4198792.html

https://www.gulpjs.com.cn/docs/getting-started/

8.插件

文件樹 插件

 輪播插件

http://www.superslide2.com/param.html         superslide

http://www.superslide2.com/demo.html

http://www.superslide2.com/ 

 

9.http://www.iconfont.cn/            字體圖標

（登錄   找圖標先添加到購物車（添加入庫），加入個人項目，在個人項目中，點擊下載至本地，解壓，複製文件夾下的全部文件，覆蓋項目中字體圖標中的全部文件）

10.前端常見錯誤碼

https://www.cnblogs.com/ctaixw/p/5075727.html  

11.獲取圖片 真實高 頁面渲染的高度

http://www.jb51.net/article/92988.htm  

 

12.調試

 network看地址報紅色，看參數多是前端參數傳錯了。

http://testsize.com/

 

13.手機電腦響應式的設置 

https://segmentfault.com/q/1010000008194311?_ea=1575825

手機響應式的  若是有固定寬度的話  就不要加<meta name="viewport" ........>,讓他本身縮小，否則你有固定寬度超過的話就會顯示一部分，必須滑動才能正常顯示。

若是是百分比的話，必須加<meta name="viewport" ........>。

 

14,微信打開網頁點擊下載沒反應的解決辦法

https://www.jianshu.com/p/83e9c6ba3568

https://www.cnblogs.com/rizzle/p/4434518.html

https://www.cnblogs.com/tianyalu/p/4739701.html

15.微信網頁下載的文件在哪一個文件夾

https://zhidao.baidu.com/question/2075424837268512868.html

 http://blog.csdn.net/angjunqiang/article/details/46376319

 16.微信web開發者工具

 https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=2018119

17.微信分享引導頁

 http://blog.csdn.net/angjunqiang/article/details/46376319

18.前端各類寬高

 https://www.cnblogs.com/wcg249165510/archive/2009/02/20/1394749.html

 19.Redmine的使用

http://www.redmine.org.cn/326.html

20.前端代碼生成器

http://www.css88.com/tool/css3Preview/Box-Shadow.html   

21.前端調試 瀏覽器 小知識

http://www.ybao.org/index.html

22.解決頁面加載慢的問題

解決圖片加載慢的方法（壓縮，預加載，緩存，圖牀。jquery的一個延遲加載插件 網頁無損壓縮大師）

https://www.zhihu.com/question/23655692

https://www.cnblogs.com/he-qiang/p/5798050.html 

https://www.cnblogs.com/codelir/p/5140191.html    https://www.cnblogs.com/hjt-7/p/6293266.html   延遲加載  懶加載

https://www.cnblogs.com/jiekk/p/5687720.html 預加載

優化圖片加載的方法

一、圖片懶加載  在頁面上的未可視區域能夠添加一個滾動條事件，判斷圖片位置到瀏覽器頂端的距離和到頁面低端的距離，若是前者小於後者，優先加載。

二、若是爲幻燈片、相冊等，可使用圖片預加載技術，將當前展現圖片的前一張和後一張優先下載。

三、若是圖片爲css圖片，可使用CSSsprite，SVGsprite，Iconfont等技術。

四、若是圖片過大，可使用特殊編碼的圖片，加載時會先加載一張壓縮的特別厲害的縮略圖，以提升用戶體驗。

五、若是圖片展現區域小於圖片的真實大小，則因在服務器端根據業務須要先行進行圖片壓縮，圖片壓縮後大小與展現一致。

若是是css圖片，如下爲主要技術的介紹：

CSS Sprites  其實就是把網頁中一些背景圖片整合到一張圖片文件中，再利用CSS的「background-image」，「background- repeat」，「background-position」的組合進行背景定位，background-position能夠用數字精確的定位出背景圖片的位置。

23.window.onload 

window.onload 是javaScript 的頁面加載完成事件，當一個Web頁面加載完成後就會觸發執行window.onload 裏的代碼，通常能夠用這個事件作一些頁面數據初始化之類的工做。

24.佔位圖

 https://tool.lu/imageholder/ 佔位圖

 

https://baijiahao.baidu.com/s?id=1578480909779291862&wfr=spider&for=pc  自定義佔位圖實現生成圖片的效果

 

http://www.jb51.net/article/87029.htm  Javascript實現圖片加載從模糊到清晰顯示的方法

 

https://www.cnblogs.com/wangmeijian/p/6822674.html?utm_source=tuicool&utm_medium=referral

 

https://www.cnblogs.com/yesu/p/7010003.html

25.限制瀏覽器的網速

https://jingyan.baidu.com/article/39810a23ba7adab636fda6f0.html

 26.JSON.stringify 語法實例講解

http://www.jb51.net/article/29893.htm

27.$.extend()   $.fn.extend()

1,jQuery.fn = jQuery.prototype

2,$.extend()   擴展的方法只能jquery（$）調用

.extend({



jQuerymin: function(a, b) { return a < b ? a : b; },max: function(a, b) { return a > b ? a : b; }});jQuery.min(2,3); //  2 
jQuery.max(4,5); //  5

3, $.fn.extend() 擴展的方法，是公共方法，全部的對象均可以調用 

$.fn.extend({          
    alertWhileClick:function() {            
          $(this).click(function(){                 
                 alert($(this).val());           
           });           
     }       
});       
$("#input1").alertWhileClick(); /

28.如何使用HTC文件來封裝CSS樣式

https://www.cnblogs.com/NetSos/archive/2010/12/05/1896738.html

 29.echarts圖表導出excel示例

https://blog.csdn.net/qq_24803895/article/details/48706991

https://blog.csdn.net/qq_33212500/article/details/73274799

https://blog.csdn.net/luckycz/article/details/47446837

將頁面表格導出到excel

https://jingyan.baidu.com/article/4853e1e564c3771908f7264a.html

https://www.cnblogs.com/zhuxinghan/p/6063193.html

https://zhidao.baidu.com/question/520986072664111645.html

30.把txt doc導入sql

 

 

藝術字體在線生成器 藝術字轉換器

http://www.likefont.com/  識別圖片中的字體