/Front_end_resources

前端资源归纳

Primary LanguageJavaScript

前端资源收集

javaScript

标题 链接
JavaScript中的this陷阱的最全收集 https://segmentfault.com/a/1190000002640298
JS函数式编程指南 https://llh911001.gitbooks.io/mostly-adequate-guide-chinese/content/ch1.html
JavaScript 标准参考教程 http://javascript.ruanyifeng.com/
Javascript模块化编程（一）：模块的写法 http://www.ruanyifeng.com/blog/2012/10/javascript_module.html
Javascript模块化编程（二）：AMD规范 http://www.ruanyifeng.com/blog/2012/10/asynchronous_module_definition.html
Javascript模块化编程（三）：require.js的用法 http://www.ruanyifeng.com/blog/2012/11/require_js.html
ECMAScript 6 入门 http://es6.ruanyifeng.com/
《深入理解ES6》教程学习笔记 https://github.com/hyy1115/ES6-learning

CSS

标题 链接
CSS参考 https://tympanus.net/codrops/css_reference/
CSS3动画手册 https://isux.tencent.com/css3/index.html
CSS3动画工具 https://isux.tencent.com/css3/tools.html

CSS3代码生成器

标题 介绍 链接
CSS3 Generator 对于不同类别的代码生成器，包括 RGBa，transform，flexbox 等等，它有不同的页面。 http://css3generator.com/
Enjoy CSS 它可提供定制的代码，用于转换和过渡，并预建项，如 CSS3 按钮这样常见的页面元素。 http://enjoycss.com/
ColorZilla Gradients 一个免费的用于 CSS3 背景渐变的生成器。 http://www.colorzilla.com/gradient-editor/
CSSmatic 它可以生成 4 个不同的 CSS 属性：渐变、圆角边框、圆角和框投影以及 BG 噪音，整个网站完全免费。 http://www.cssmatic.com/
Prefixr Prefixr 是一个免费更新 CSS 代码以包括所有必需前缀属性的工具。 http://prefixr.com/
CSS3 Button Generator 用于自定义按钮样式和标签文本的免费工具。只要修改设置，就能自动生成和更新代码。 http://css3buttongenerator.com/
Best CSS Button Generator 和上面一样，这也是完全免费的，可以从预设的按钮中选择并使用模板用于自己的设计 http://www.bestcssbuttongenerator.com/

移动端

标题 链接
移动前端的一些坑和解决方法 http://caibaojian.com/mobile-web-bug.html
移动web资源整理 http://www.cnblogs.com/PeunZhang/p/3407453.html
mobile-web-favorites https://github.com/hoosin/mobile-web-favorites
移动端基于vw和rem的根字号大小设置CSS代码 http://www.zhangxinxu.com/php/microCodeDetail.php?id=6
解决position:fixed自适应BUG https://github.com/maxzhang/maxzhang.github.com/issues/11
Flexbox playground https://codepen.io/enxaneta/pen/adLPwv
vue-list 列表滚动 https://github.com/hejianxian/vue-list
向下滚动加载数据 https://github.com/zhangchen2397/infiniteScrollPage
H5下拉刷新上拉加载 http://www.jq22.com/demo/pullrefresh-master201706221357/
手势控制下拉刷新 http://www.jq22.com/yanshi5444
长按删除、全选 http://blog.csdn.net/u012767607/article/details/52622087

分享插件

标题 链接
百度分享 http://share.baidu.com/
手机HTML5分享 http://www.jiathis.com/getcode/mobile
友盟社会化分享 http://dev.umeng.com/social/android/quick-integration

字体图标

标题 链接
font-awesome http://www.bootcss.com/p/font-awesome/#
阿里巴巴iconfont图标库 http://www.iconfont.cn/
Icon font https://icomoon.io/

正则表达式

标题 链接
JS正则表达式元字符 https://segmentfault.com/a/1190000002471140
正则表达式 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions
regexper https://regexper.com/

代码规范

标题 链接
腾讯前端规范 http://alloyteam.github.io/CodeGuide/
JavaScript 风格指南/编码规范 http://blog.jobbole.com/79484/

轮播

标题 链接
carousel-demystified http://bxslider.com/examples/carousel-demystified
swiper中文版 http://www.swiper.com.cn/
Slider JS http://wowslider.com/slider-js-utter-blinds-demo.html
纯css滑块 http://cssslider.com/
dowebok http://www.dowebok.com/demo/2014/93/
react-slick（轻量级轮播插件） https://github.com/akiran/react-slick

前端开发工具

标题 链接
提供最新的浏览器支持表 https://caniuse.com/#home
Sublime Text http://www.sublimetext.com/
如何优雅地使用Sublime Text http://jeffjade.com/2015/12/15/2015-04-17-toss-sublime-text/#
Sublime Text主题 https://github.com/ihodev/sublime-boxy
WebStorm http://www.jetbrains.com/webstorm/
WebStorm 主题 http://www.phpstorm-themes.com/
WebStorm快捷键 http://www.51xuediannao.com/qd63/index.php/page-2-109-1.html
浏览器同步测试工具 http://www.browsersync.cn/
json在线解析 http://www.json.cn/

前端博客以及某些前端网

标题 链接
haorooms http://www.haorooms.com/
前端人的俱乐部 http://f2er.club/
大前端 http://www.daqianduan.com/
前端网 http://www.qdfuns.com/

代码优化

标题 链接
CSS代码优化 http://csslint.net/
JS代码优化 http://jshint.com/

Js template

标题 链接
artTemplate https://github.com/aui/artTemplate
EJS http://www.embeddedjs.com/
Handlebars http://handlebarsjs.com/
Jade http://jade-lang.com/
Velocity http://velocity.apache.org/

一些资源的在线引入地址

标题 链接
awesomes（前端资源库） https://www.awesomes.cn/
前端各类库最新的资源地址 https://cdnjs.com/

收集一些优秀的js插件或库

标题 链接
Echo.js – 简单易用的图片延迟加载插件 https://toddmotto.com/echo-js-simple-javascript-image-lazy-loading/
Lazyr.js – 延迟加载图片 http://callmecavs.com/layzr.js/
better-scroll.js（模拟滚动条的插件） https://ustbhuangyi.github.io/better-scroll/
轻量级IOS风格的JavaScript选择器 http://ustbhuangyi.github.io/picker/
实现元素拖拽排序的功能的插件 http://rubaxa.github.io/Sortable/
Cleave.js 自动格式化表单输入框的文本内容 http://nosir.github.io/cleave.js/
创建逼真的物理动画的 JS 库 http://dynamicsjs.com/
使用 JavaScript 实现雨滴效果 http://maroslaw.github.io/rainyday.js/
imagesLoaded 检测网页中的图片是否加载完成 http://imagesloaded.desandro.com/
Draggabilly 轻松实现拖放功能 http://draggabilly.desandro.com/
一款滚动加载按需加载的轻量级插件 http://www.infinite-scroll.com/
iTyped 模拟打字效果，无依赖 https://ityped.surge.sh/
Move.js http://visionmedia.github.io/move.js/
zoom.js 点击放大图片，增强用户体验 https://github.com/nishanths/zoom.js
APlayer 精美的HTML5 音乐播放器 https://github.com/DIYgod/APlayer
niceValidator 表单校验 https://validator.niceue.com/
全屏视频背景插件 http://www.5iweb.com.cn/resource/5iweb2016100801/index.html
滚动条模拟 http://jquery-plugins.net/tag/scrollbar

前端资源文档及问题研究

标题 链接
JavaScript跨域总结与解决办法 http://www.cnblogs.com/rainman/archive/2011/02/20/1959325.html
JavaScript 数组常用方法介绍 http://mp.weixin.qq.com/s/NqyQMoDWW5YY6Cn51wNR3g
详细图解作用域链与闭包 www.jianshu.com/p/21a16d44f150
详解面向对象、构造函数、原型与原型链 www.jianshu.com/p/15ac7393bc1f
35个Jquery小技巧 https://segmentfault.com/a/1190000003902322
jquery源码浅析--整体架构 http://www.cnblogs.com/coco1s/p/5261646.html
js/jquery各种宽高的理解和应用 http://www.haorooms.com/post/js_jquery_whljyy
浅谈web自适应 http://www.cnblogs.com/constantince/p/5708930.html
高性能视差滚动 https://dumengjie.github.io/2017/07/24/%E8%AF%91-%E9%AB%98%E6%80%A7%E8%83%BD%E8%A7%86%E5%B7%AE%E6%BB%9A%E5%8A%A8/
three.js中文文档 http://techbrood.com/threejs/docs/
'autocomplete="off"'在Chrome中不起作用解决方案 http://blog.csdn.net/xw505501936/article/details/52129579
点击浏览器或者手机返回按钮，刷新历史页面解决方案 http://www.haorooms.com/post/refrash_historypage
代码高亮（代码量少，无依赖，对标签的 class 起名起的好，允许你 copy 它的代码自己修改和定制） http://prismjs.com/
一份关于任何可以写入到你的文档中 部分的清单。 https://www.awesomes.cn/repo/joshbuchea/head
Vue-element（基于 vue2 + vuex 构建一个具有 45 个页面的大型单页面应用） https://www.awesomes.cn/repo/bailicangdu/vue2-elm

前端框架收录

标题 链接
iView admin（基于Vue.js） https://www.awesomes.cn/repo/iview/iview-admin

如有问题，欢迎来这里指出!