前端技术 博客文章、书籍 积累

书籍

《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设计?怎样进行?

    原文作者:北堂棣
    原文地址: https://segmentfault.com/a/1190000004988551
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞