前端技術 博客文章、書籍 積累

書籍

《JavaScriptDOM編程藝術》
《JavaScript高級程序設計》
《JavaScript框架設計》
《JavaScript專家編程》
《JavaScript Ninjia》
《JavaScript語言精粹（修訂版）》
《JavaScript設計模式》
《JavaScript面向對象編程指南（第2版）》
《JavaScript函數式編程》
《JavaScript高效圖形編程》
《編寫可測試的JavaScript代碼》
《編寫可維護的JavaScript》
《你不知道的JavaScript（上卷）》英文原版猛戳：英文原版
《第三方JavaScript編程》
《單頁Web應用》
《HTML5和JavaScript網頁設計基礎》
《HTML5+JavaScript動畫基礎》
《HTML5和JavaScript Web應用開發》
《圖解CSS3》

《湯姆大叔深刻理解JavaScript系列》
湯姆大叔的博客 深刻理解JavaScript系列

博客文章

大神博客

阮一峯的網絡日誌

張鑫旭-鑫空間-鑫生活

Orange Blog

晚晴幽草軒

HTML和CSS

精華

前端工程師必備實用網站

Html5 Tricks： HTML5資源教程 | 分享HTML5開發資源和開發教程

HTML 和 Body 在 CSS 中的區別

height與min-height的百分比問題和鋪滿屏幕的佈局方法

html body width height 100%使用

Flex 佈局教程：語法篇

CSS print 樣式

CSS Button

CSS深刻理解vertical-align和line-height的基友關係

MVC打印表格,把表格內容放到部分視圖打印

window.print()打印頁面部份內容

html5實現手勢密碼功能 九宮格1
html5實現手勢密碼功能 九宮格2

Css 可視化格式模型細節 包含塊的定義

目前比較全的CSS重設(reset)方法總結

cssSandpaper-兼容IE的CSS3 JavaScript庫

PIE使IE支持CSS3圓角盒陰影與漸變渲染

table中設置tr行間距

css中vertical-align（垂直對齊）的使用

CSS深刻理解vertical-align和line-height的基友關係 更多前端技術博客，請看張鑫旭的我的博客_web前端技術文章

Flex 佈局教程：語法篇

CSS Reset(重設)

字體圖標FontAwesome

Layui 國產前端UI框架

CSS分別設置Input樣式（按input類型）

:before、:after僞元素妙用

漫談CSS transform動畫技術

一個按鈕CSS3 返回按鈕

CSS vs JS動畫：誰更快？

CSS 對比 JavaScript 動畫

完全弄懂css中單位px和em,rem的區別

簡單的CSS3 Loading動畫

Zepto.js

Zepto.js (1.2.0) API 中文文檔-輕量級兼容jQuery的JavaScript庫

javascript、jquery

JSON--JavaScript對象表示法的基礎知識介紹

javascript深刻理解js閉包

JavaScript 的性能優化：加載和執行

jQuery中$.getJSON、$.get、$.post、$.ajax用法

JSON.stringify 語法講解

全局改變序列化方式 jQuery.ajaxSettings.traditional = true

Jquery 事件冒泡

JavaScript 錯誤以及如何修復

瀏覽器JS報錯Uncaught RangeError: Maximum call stack size exceeded？

JS 異常： Uncaught RangeError: Maximum call stack size exceeded

bootstrap同時調用多modal時，提示Maximum call stack size exceeded

堆棧溢出 Maximum call stack size exceeded（ps:某次本身遇到了堆棧溢出，好久才解決掉-_-|||）

javascript中字符串經常使用操做總結

Js獲取當前日期時間及其它操做

知乎：怎樣防止重複發送 Ajax 請求？

stackoverflow：jQuery - cannot call methods on dialog prior to initialization

stackoverflow：jquery ui Dialog: cannot call methods on dialog prior to initialization

jQuery UI 實例 - 對話框（Dialog）

mouseleave和mouseout的區別

mouseover與mouseenter的區別

js正則表達式

JS正則表達式驗證數字

最全的經常使用正則表達式大全——包括校驗數字、字符、一些特殊的需求等等

正則表達式 - JavaScript | MDN - Mozilla Developer Network

深刻淺出之正則表達式（一）

常見正則表達式

移動端開發

移動端開發的一些小問題彙總

iScroll 5: pull-to-refresh/load example 上拉下拉刷新

Swiper demo 多視圖滾動

appcan視頻播放插件uexVideo

文檔中心>JS SDK開發文檔>網絡請求Request appcan.request.getJSON( )

模板引擎

Juicer 中文文檔
Juicer 是一個高效、輕量的前端 (Javascript) 模板引擎，使用 Juicer 能夠是你的代碼實現數據和視圖模型的分離(MVC)

IE兼容問題

各類IE兼容問題,IE6,IE7,IE8,IE9,IE10

PIE使IE支持CSS3圓角盒陰影與漸變渲染

讓IE6/IE7/IE8瀏覽器支持CSS3屬性

cssSandpaper-兼容IE的CSS3 JavaScript庫

web彈窗/層

layer web彈層組件

Jquery插件

分頁插件

分頁插件jPages

表單驗證插件

jQuery Validate 插件表單驗證

jQuery Validation表單驗證插件

jQuery驗證控件jquery.validate.js使用說明+中文API

前端開發倉庫 » jQuery » jQuery Validation Engine 表單驗證

jquery.validate.js使用id和class進行驗證

Jquery validate驗證表單時多個name相同的元素只驗證第一個的問題

基於Jquery Validate 的表單驗證

validator.js一個簡單、輕量級，但功能強大的 Validator 組件

Jquery validation remote 驗證的緩存問題解決方法

Jquery Validate根據其餘元素的事件來觸發單個元素的異步校驗

jQuery validate 如何清除remote驗證的緩存 (在select驗證時這個bug尤其明顯)

validate 自定義 正整數+負整數+0 的驗證

js實現完美身份證號有效性驗證

jquery validation驗證身份證號、護照、電話號碼、email - Gtwo的我的頁面 - 開源中國社區

JS組件系列——Form表單驗證神器： BootstrapValidator

bootstrap之bootstrapValidator的使用

BootstrapValidator超詳細教程

文件下載插件

HTML5 File Upload Script, jQuery Multiple File Upload Plugin - Uploadify / UploadiFive - Uploadify

摺疊面板accordion

jQuery UI API - 摺疊面板accordion

iCheck

iCheck 網站首頁 定製複選框（checkbox）和單選按鈕（radio button）

ECharts

ECharts 文檔

ECharts 實例

zTree目錄樹

zTree API 文檔

如下兩篇zTree -- jQuery的文章是我本身用zTree時的學習記錄：
zTree -- jQuery 樹插件 使用方法與例子

zTree -- jQuery 樹插件 構造treeNode JSON 數據對象

tablesorer排序

tablesorer官網

tableSorter使用介紹

下面一篇jQuery插件 tablesorter 表格排序 使用說明的文章是我本身用JQuery tablesorter時的學習記錄：
jQuery插件 tablesorter 表格排序 使用說明

Tokeninput輸入提示插件

jQuery Tokeninput

stackoverflow ： How to make Jquery TokenInput results display in front of Bootstrap 3 Modal

如下兩篇JQuery tokeninput 輸入提示的文章是我本身用JQuery tokeninput時的學習記錄：
JQuery tokeninput 輸入提示

JQuery tokeninput 輸入提示插件 獲取JSON 數據

KindEditor富文本編輯器

KindEditor 4.x 文檔

js代碼獲取kindEditor中當前光標的位置索引 插入內容到光標處

日期插件

日期和時間表單組件 bootstrap-datetimepicker

bootstrap-datepicker sandbox（在線配置）在這個頁面上能夠在線配置本身想要的日期插件，以後，把配置項複製粘貼到本身的代碼裏便可^_^。
全部的method、event能夠查閱文檔（英文的）

日期選擇器：jquery datepicker的使用

下面是本身在使用viewer.js的時候遇到的問題，給你們分享一下：
日期插件datepicker的上月、下月按鈕圖標的問題（ps:大神的回答，超讚）

6 款 Bootstrap 日期/時間插件

圖片查看器插件

Viewer v0.5.1 --A simple jQuery image viewing plugin.

Viewer.js – 強大的JS/jQuery圖片查看器

下面是本身在使用viewer.js的時候遇到的問題，給你們分享一下：
關於viewer.js的問題 圖片查看時如何設置居中

滑動解鎖插件

SlideUnlock-Plugin 滑動解鎖插件

極驗>在線體驗 ——滑動驗證

播放器

播放器介紹

直播播放器嵌入

JW PLAYER

網頁媒體播放利器 - JW Player使用心得

JW Player使用簡介

JWplayer入門及使用

ckplayer

ckplayer

ckplayer官網-幫助手冊
ckplayer官網-幫助手冊

ckplayer官網-功能配置&使用技巧

CKPLAYER.JS視頻播放插件

其餘

前端開發工具 Emmet （它提供了一種很是簡練的語法規則，而後馬上生成對應的HTML 結構或者CSS 代碼，大幅度提升前端開發效率。好多編輯器例如vs code 等 都支持這樣的語法來快速的編寫html代碼）

如何優雅地使用Sublime Text

把 Script 標籤放在 body 結束標籤以後 html 結束標籤以前的差異

什麼是響應式Web設計？怎樣進行？