摘要：好多編輯器例如等都支持這樣的語(yǔ)法來(lái)快速的編寫(xiě)代碼如何優(yōu)雅地使用把標(biāo)簽放在結(jié)束標(biāo)簽之后結(jié)束標(biāo)簽之前的差別什么是響應(yīng)式設(shè)計(jì)怎樣進(jìn)行

《JavaScriptDOM編程藝術(shù)》
《JavaScript高級(jí)程序設(shè)計(jì)》
《JavaScript框架設(shè)計(jì)》
《JavaScript專(zhuān)家編程》
《JavaScript Ninjia》
《JavaScript語(yǔ)言精粹（修訂版）》
《JavaScript設(shè)計(jì)模式》
《JavaScript面向?qū)ο缶幊讨改希ǖ?版）》
《JavaScript函數(shù)式編程》
《JavaScript高效圖形編程》
《編寫(xiě)可測(cè)試的JavaScript代碼》
《編寫(xiě)可維護(hù)的JavaScript》
《你不知道的JavaScript（上卷）》英文原版猛戳：英文原版
《第三方JavaScript編程》
《單頁(yè)Web應(yīng)用》
《HTML5和JavaScript網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)》
《HTML5+JavaScript動(dòng)畫(huà)基礎(chǔ)》
《HTML5和JavaScript Web應(yīng)用開(kāi)發(fā)》
《圖解CSS3》

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

阮一峰的網(wǎng)絡(luò)日志

張?chǎng)涡?鑫空間-鑫生活

Orange Blog

晚晴幽草軒

精華

前端工程師必備實(shí)用網(wǎng)站

Html5 Tricks： HTML5資源教程 | 分享HTML5開(kāi)發(fā)資源和開(kāi)發(fā)教程

HTML 和 Body 在 CSS 中的區(qū)別

height與min-height的百分比問(wèn)題和鋪滿(mǎn)屏幕的布局方法

html body width height 100%使用

Flex 布局教程：語(yǔ)法篇

CSS print 樣式

CSS Button

CSS深入理解vertical-align和line-height的基友關(guān)系

MVC打印表格,把表格內(nèi)容放到部分視圖打印

window.print()打印頁(yè)面部分內(nèi)容

html5實(shí)現(xiàn)手勢(shì)密碼功能 九宮格1
html5實(shí)現(xiàn)手勢(shì)密碼功能 九宮格2

Css 可視化格式模型細(xì)節(jié) 包含塊的定義

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

cssSandpaper-兼容IE的CSS3 JavaScript庫(kù)

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

table中設(shè)置tr行間距

css中vertical-align（垂直對(duì)齊）的使用

CSS深入理解vertical-align和line-height的基友關(guān)系 更多前端技術(shù)博客，請(qǐng)看張?chǎng)涡竦膫€(gè)人博客_web前端技術(shù)文章

Flex 布局教程：語(yǔ)法篇

CSS Reset(重設(shè))

字體圖標(biāo)FontAwesome

Layui 國(guó)產(chǎn)前端UI框架

CSS分別設(shè)置Input樣式（按input類(lèi)型）

:before、:after偽元素妙用

漫談CSS transform動(dòng)畫(huà)技術(shù)

一個(gè)按鈕CSS3 返回按鈕

CSS vs JS動(dòng)畫(huà)：誰(shuí)更快？

CSS 對(duì)比 JavaScript 動(dòng)畫(huà)

徹底弄懂css中單位px和em,rem的區(qū)別

簡(jiǎn)單的CSS3 Loading動(dòng)畫(huà)

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

JSON--JavaScript對(duì)象表示法的基礎(chǔ)知識(shí)介紹

javascript深入理解js閉包

JavaScript 的性能優(yōu)化：加載和執(zhí)行

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

JSON.stringify 語(yǔ)法講解

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

Jquery 事件冒泡

JavaScript 錯(cuò)誤以及如何修復(fù)

瀏覽器JS報(bào)錯(cuò)Uncaught RangeError: Maximum call stack size exceeded？

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

bootstrap同時(shí)調(diào)用多modal時(shí)，提示Maximum call stack size exceeded

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

javascript中字符串常用操作總結(jié)

Js獲取當(dāng)前日期時(shí)間及其它操作

知乎：怎樣防止重復(fù)發(fā)送 Ajax 請(qǐng)求？

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

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

jQuery UI 實(shí)例 - 對(duì)話框（Dialog）

mouseleave和mouseout的區(qū)別

mouseover與mouseenter的區(qū)別

JS正則表達(dá)式驗(yàn)證數(shù)字

最全的常用正則表達(dá)式大全——包括校驗(yàn)數(shù)字、字符、一些特殊的需求等等

正則表達(dá)式 - JavaScript | MDN - Mozilla Developer Network

深入淺出之正則表達(dá)式（一）

常見(jiàn)正則表達(dá)式

移動(dòng)端開(kāi)發(fā)的一些小問(wèn)題匯總

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

Swiper demo 多視圖滾動(dòng)

appcan視頻播放插件uexVideo

文檔中心>JS SDK開(kāi)發(fā)文檔>網(wǎng)絡(luò)請(qǐng)求Request appcan.request.getJSON( )

Juicer 中文文檔
Juicer 是一個(gè)高效、輕量的前端 (Javascript) 模板引擎，使用 Juicer 可以是你的代碼實(shí)現(xiàn)數(shù)據(jù)和視圖模型的分離(MVC)

各種IE兼容問(wèn)題,IE6,IE7,IE8,IE9,IE10

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

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

cssSandpaper-兼容IE的CSS3 JavaScript庫(kù)

layer web彈層組件

分頁(yè)插件jPages

jQuery Validate 插件表單驗(yàn)證

jQuery Validation表單驗(yàn)證插件

jQuery驗(yàn)證控件jquery.validate.js使用說(shuō)明+中文API

前端開(kāi)發(fā)倉(cāng)庫(kù) ? jQuery ? jQuery Validation Engine 表單驗(yàn)證

jquery.validate.js使用id和class進(jìn)行驗(yàn)證

Jquery validate驗(yàn)證表單時(shí)多個(gè)name相同的元素只驗(yàn)證第一個(gè)的問(wèn)題

基于Jquery Validate 的表單驗(yàn)證

validator.js一個(gè)簡(jiǎn)單、輕量級(jí)，但功能強(qiáng)大的 Validator 組件

Jquery validation remote 驗(yàn)證的緩存問(wèn)題解決方法

Jquery Validate根據(jù)其他元素的事件來(lái)觸發(fā)單個(gè)元素的異步校驗(yàn)

jQuery validate 如何清除remote驗(yàn)證的緩存 (在select驗(yàn)證時(shí)這個(gè)bug尤為明顯)

validate 自定義 正整數(shù)+負(fù)整數(shù)+0 的驗(yàn)證

js實(shí)現(xiàn)完美身份證號(hào)有效性驗(yàn)證

jquery validation驗(yàn)證身份證號(hào)、護(hù)照、電話號(hào)碼、email - Gtwo的個(gè)人頁(yè)面 - 開(kāi)源中國(guó)社區(qū)

JS組件系列——Form表單驗(yàn)證神器： BootstrapValidator

bootstrap之bootstrapValidator的使用

BootstrapValidator超詳細(xì)教程

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

jQuery UI API - 折疊面板accordion

iCheck 網(wǎng)站首頁(yè) 定制復(fù)選框（checkbox）和單選按鈕（radio button）

ECharts 文檔

ECharts 實(shí)例

zTree API 文檔

以下兩篇zTree -- jQuery的文章是我自己用zTree時(shí)的學(xué)習(xí)記錄：
zTree -- jQuery 樹(shù)插件 使用方法與例子

zTree -- jQuery 樹(shù)插件 構(gòu)造treeNode JSON 數(shù)據(jù)對(duì)象

tablesorer官網(wǎng)

tableSorter使用介紹

下面一篇jQuery插件 tablesorter 表格排序 使用說(shuō)明的文章是我自己用JQuery tablesorter時(shí)的學(xué)習(xí)記錄：
jQuery插件 tablesorter 表格排序 使用說(shuō)明

jQuery Tokeninput

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

以下兩篇JQuery tokeninput 輸入提示的文章是我自己用JQuery tokeninput時(shí)的學(xué)習(xí)記錄：
JQuery tokeninput 輸入提示

JQuery tokeninput 輸入提示插件 獲取JSON 數(shù)據(jù)

KindEditor 4.x 文檔

js代碼獲取kindEditor中當(dāng)前光標(biāo)的位置索引 插入內(nèi)容到光標(biāo)處

日期和時(shí)間表單組件 bootstrap-datetimepicker

bootstrap-datepicker sandbox（在線配置）在這個(gè)頁(yè)面上可以在線配置自己想要的日期插件，之后，把配置項(xiàng)復(fù)制粘貼到自己的代碼里即可^_^。
所有的method、event可以查閱文檔（英文的）

日期選擇器：jquery datepicker的使用

下面是自己在使用viewer.js的時(shí)候遇到的問(wèn)題，給大家分享一下：
日期插件datepicker的上月、下月按鈕圖標(biāo)的問(wèn)題（ps:大神的回答，超贊）

6 款 Bootstrap 日期/時(shí)間插件

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

Viewer.js – 強(qiáng)大的JS/jQuery圖片查看器

下面是自己在使用viewer.js的時(shí)候遇到的問(wèn)題，給大家分享一下：
關(guān)于viewer.js的問(wèn)題 圖片查看時(shí)如何設(shè)置居中

SlideUnlock-Plugin 滑動(dòng)解鎖插件

極驗(yàn)>在線體驗(yàn) ——滑動(dòng)驗(yàn)證

播放器介紹

直播播放器嵌入

網(wǎng)頁(yè)媒體播放利器 - JW Player使用心得

JW Player使用簡(jiǎn)介

JWplayer入門(mén)及使用

ckplayer

ckplayer官網(wǎng)-幫助手冊(cè)
ckplayer官網(wǎng)-幫助手冊(cè)

ckplayer官網(wǎng)-功能配置&使用技巧

CKPLAYER.JS視頻播放插件

前端開(kāi)發(fā)工具 Emmet （它提供了一種非常簡(jiǎn)練的語(yǔ)法規(guī)則，然后立刻生成對(duì)應(yīng)的HTML 結(jié)構(gòu)或者CSS 代碼，大幅度提高前端開(kāi)發(fā)效率。好多編輯器例如vs code 等 都支持這樣的語(yǔ)法來(lái)快速的編寫(xiě)html代碼）

如何優(yōu)雅地使用Sublime Text

把 Script 標(biāo)簽放在 body 結(jié)束標(biāo)簽之后 html 結(jié)束標(biāo)簽之前的差別

什么是響應(yīng)式Web設(shè)計(jì)？怎樣進(jìn)行？