!!!!經常使用代碼——個人博客總目錄

 

摘抄：

摘抄1（0～2015.10）

摘抄2（2015.10～2016.06）

摘抄2017

 

博客總目錄頁：

jquery：

http://www.cnblogs.com/qq21270/p/3790814.html　　JQuery

http://www.cnblogs.com/qq21270/p/4012647.html 　　ajax

http://www.cnblogs.com/qq21270/p/4025907.html 　　jQuery插件（列表）

http://www.cnblogs.com/qq21270/p/5231088.html　　jquery 插件開發（須要再補充，目前很簡）　　2016-3-1

　　http://www.cnblogs.com/qq21270/p/5128725.html　　吸頂小插件（本身寫的）　　2016-1-14

 http://www.cnblogs.com/qq21270/p/4871585.html　　測試

http://www.cnblogs.com/qq21270/p/3941111.html　　js表單驗證　　2016-3-8

http://www.cnblogs.com/qq21270/p/4961686.html　　js小效果：返回頂部　　2016-4-22　　http://www.cnblogs.com/qq21270/p/4894441.html

http://www.cnblogs.com/qq21270/p/5534353.html　　代碼：拖拽　　2016-5-27

 

javascript：

http://www.cnblogs.com/qq21270/p/3772802.html 　　JS（原生javascript）

http://www.cnblogs.com/qq21270/p/3941111.html 　　JS：表單

http://www.cnblogs.com/qq21270/p/3941201.html 　　!!!經常使用js代碼塊

http://www.cnblogs.com/qq21270/p/3921784.html　　例子代碼（來源於網上，可用）

http://www.cnblogs.com/qq21270/p/3491393.html　　正則（很簡陋，待補充）

 

CSS：

http://www.cnblogs.com/qq21270/p/3721139.html 　　CSS

http://www.cnblogs.com/qq21270/p/3926726.html　　CSS代碼塊

http://www.cnblogs.com/qq21270/p/3790635.html 　　bootstrap

http://www.cnblogs.com/qq21270/p/3978578.html　　CSS Hack

http://www.cnblogs.com/qq21270/p/4934692.html 　　字體圖標（iconfont、Fontello 、雪碧圖生成工具。Glyphicons、fontawesome 等）

http://www.cnblogs.com/qq21270/p/3785961.html 　　手機網頁

　　http://www.cnblogs.com/qq21270/p/5083105.html　　CSS：手機頁面，經常使用字號和佈局（工做中用）2015-12

　　http://www.cnblogs.com/qq21270/p/5112681.html　　reset.css　　2016-1-8

http://www.cnblogs.com/qq21270/p/4891167.html　　學習筆記：CSS3動畫　　2015-10-1九、2016-4-19

http://www.cnblogs.com/qq21270/p/5192025.html　　CSS仿製 蘋果按鈕圖標　　2016-2-16

 

HTML：

http://www.cnblogs.com/qq21270/p/3956475.html 　　HTML

http://www.cnblogs.com/qq21270/p/3994514.html 　　按鈕

http://www.cnblogs.com/qq21270/p/3994537.html 　　表格

http://www.cnblogs.com/qq21270/p/3992475.html 　　圖片垂直居中

http://www.cnblogs.com/qq21270/p/4013254.html 　　頁面佈局（雙飛翼佈局）

http://www.cnblogs.com/qq21270/p/4919583.html 　　頁面佈局　　2015-10

http://www.cnblogs.com/qq21270/p/4958734.html　　PHP（暫時只放在一個頁內）

 

一些頁面效果：

http://www.cnblogs.com/qq21270/p/3824015.html　　圖片懶加載 lazyload.js 、 jquery.scrollLoading.js　　2016-3-31

http://www.cnblogs.com/qq21270/p/5150472.html　　通用模塊——文本框默認提示信息　　2016-2-16

http://www.cnblogs.com/qq21270/p/5282862.html　　代碼：PC 連接列表面板border的一種作法（每行之間有分割線）　　2016-3-15

http://www.cnblogs.com/qq21270/p/5110864.html　　代碼：仿淘寶，商品列表頁　　2016-1-7

http://www.cnblogs.com/qq21270/p/4926484.html　　代碼：仿淘寶商品詳情頁左上部分。圖片鼠標浮上去，圖片部分區域被放大　　2015-10-31

http://www.cnblogs.com/qq21270/p/5331008.html　　代碼：倒計時1.5秒環形進度條　　2016-3-28

 

 

規範：

http://www.cnblogs.com/qq21270/p/5091057.html　　前端開發規範（目錄）　　2015-12-31

 

  

 

---

擴展知識：

圖形

http://www.cnblogs.com/qq21270/p/3934822.html 　　SVG

http://www.cnblogs.com/qq21270/p/3841067.html 　　WebGL

http://www.cnblogs.com/qq21270/p/4934692.html 　　字體圖標（iconfont、Fontello 、雪碧圖生成工具。Glyphicons、fontawesome 等）　　2015-11

 

第三方API：

http://www.cnblogs.com/qq21270/p/3899336.html 　　天氣預報

http://www.cnblogs.com/qq21270/p/3899139.html 　　百度地圖

http://www.cnblogs.com/qq21270/p/3972296.html　　 富文本編輯器 

http://www.cnblogs.com/qq21270/p/4968912.html 　　baidu分享　　2015-11

https://segmentfault.com/a/1190000004978341　　如何優雅高效地插入百度廣告（這個暫且放在這裏，之後能夠單獨爲廣告，新開一篇博客）　　2016-4-22

 

框架、插件——專題、學習筆記：

http://www.cnblogs.com/qq21270/p/3737456.html 　　輪播圖

http://www.cnblogs.com/qq21270/p/4880955.html 　　圖片瀑布流（原創） 　　2015-10-16

http://www.cnblogs.com/qq21270/p/4961868.html 　　Hammer.js　　2015-11

http://www.cnblogs.com/qq21270/p/4955839.html 　　文件上傳：swfupload.js、blueimp-file-upload　　2015-11

http://www.cnblogs.com/qq21270/p/4597452.html 　　學習筆記：jqueryui

http://www.cnblogs.com/qq21270/p/4603343.html 　　學習筆記：ECharts (Enterprise Charts 商業產品圖表庫)

http://www.cnblogs.com/qq21270/p/4580499.html 　　學習筆記：AngularJs　　2015-6

http://www.cnblogs.com/qq21270/p/4567140.html 　　學習筆記：python　　2015-6

http://www.cnblogs.com/qq21270/p/5118331.html　　 學習筆記：fis3　　2016-1-10

http://www.cnblogs.com/qq21270/p/4871275.html 　　學習筆記：sass　　2015-10-12

http://www.cnblogs.com/qq21270/p/5009353.html　　學習筆記：D3　　2015-12-1

http://www.cnblogs.com/qq21270/p/5376671.html 　　學習筆記：前端模塊化、構建工具、MVVM等　　2016-4-11

http://www.cnblogs.com/qq21270/p/4871585.html　　學習筆記：前端測試 、前端調試、console 等　　2016-4-18

http://www.cnblogs.com/qq21270/p/5407292.html　　學習筆記：Stage.js　　2016-4-19

 

 

工具：

http://www.cnblogs.com/qq21270/p/4042544.html 　　EditPlus

http://www.cnblogs.com/qq21270/p/3921741.html 　　HBuilder

http://www.cnblogs.com/qq21270/p/7591330.html　　Sublime Text 3

http://www.cnblogs.com/qq21270/p/7633598.html　　pycharm

 

 

 

編碼理念： 2016-4-7

代碼風格：追求低耦合、易維護、依賴少、健壯性。

對於網站，追求重要功能實現排在第一位。大量常規頁面採用風格統一 + 扁平化 + 簡約 + 摒棄一切繁文縟節，少許重點頁面精工製做+精緻優美。

整潔的代碼：

明白易懂（直截了當、清晰明瞭、恰當的抽象層次、不故弄玄虛、變量命名有規則）

服務於現實世界，有明確的異常處理策略

可讀性和可維護性。

流程最簡化，依賴性最小化。

程序運行良好。

 

圖片from: http://www.cnblogs.com/jikey/p/5201185.html　　XX如何準備（裏邊關於知識體系的列表較好）　　2016-4-12