前端手艺 博客文章、书本 积聚

书本

《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
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞