个人收藏夹整理
Contents
把平时工作和学习中查阅资料和学习知识的站点整理一下,有的值得看第二遍,还有的今后遇到类似的问题时可以快速查阅和参考。
HTML 方面
- 基础知识
- 标签相关
<head>
标签<label>
标签<fieldset>
和<legend>
标签
- 转义字符
- 缓存和本地存储
- 模板语言
- 开发工具
- HTTP知识
- 问答
兼容性方面
- can I use
- 再谈ie浏览器兼容问题
- Internet Explorer’s CSS rules limits
- rails的解决方案——https://github.com/zweilove/css_splitter
CSS方面
开发工具
- scss-lint(Configurable tool for writing clean and consistent SCSS)
- CSS Modules 详解及 React 中实践
- SASS 和 Compass 指南
思想、观点和鸡汤
- 说说CSS学习中的瓶颈(张鑫旭)
- 提升你的CSS姿势
- CSS最佳实践——成为CSS忍者的十四步(上)(下)
命名规则
技术点
- 参考资料
- flex 布局
- Flex 布局教程:语法篇(阮一峰)
- 兼容移动端的flex以及简洁的api声明式布局——flex.css
- animate动画
技巧
- 去除inline-block元素间间距的N种方法(张鑫旭)
- 盘点8种CSS实现垂直居中水平居中的绝对定位居中技术
- 伪元素表单控件默认样式重置与自定义大全(张鑫旭)
- display:inline-block/text-align:justify下列表的两端对齐布局(张鑫旭)
- css实现两端对齐的3种方法
- css中如何做到容器按比例缩放【padding的妙用】
- 有趣的css题目
开源库
- loading效果
- css动画做的loading图标~~~Github Dome
- 各种loading
- loaders.css【Dome】
- css渐变实现的纯色背景~~~ Github Dome
- 页面切换的css动画~~~ Github Dome
- awasome.cn->CSS Hub
- AlloyTeam雪碧图制作工具
- css框架
- 轻量级
- 普通
- 重量级
移动端
- 可伸缩的布局方案lib-flexible
- 使用Flexible实现手淘H5页面的终端适配(大漠)
- 淘宝弹性布局方案lib-flexible实践
- 从网易与淘宝的font-size思考前端设计稿与工作流
- 网易和淘宝移动WEB适配方案再分析
- viewports剖析
- MobileWeb适配总结
- 移动端适配方案【上】【下】
动画库
css动画
js动画
播放器和地图
- B站开源——Flv.js
- Leaflet–开源交互式地图
SVG
JS方面
参考文档
开源库
- 轻量的动画背景——particles.js Dome
- underscore.js
- javascript-MD5
- es6–promise(A polyfill for ES6-style Promises)
- 进度条
代码规范与最佳实践
知识点
- AlloyTeam—浅谈javascript的函数节流
- 实现图片的懒加载
- 深入了解 JavaScript 中的 for 循环
- JavaScript写类的前世今生
- 你真的知道怎么用javascript来写一个倒计时吗 ?
- 也谈JavaScript数组去重
- JS正则表达式一条龙讲解,从原理和语法到JS正则、ES6正则扩展,最后再到正则实践思路
你本该知道的js
React 全家桶
- 环境通用框架之一——Next.js
- react生态系统的收集——awesome-react
文档与资料
- 从零开始学 ReactJS(ReactJS 101)
- 阮一峰React技术栈
- react官网
- 在JSX中写判断的四种方法
- AlloyTeam—React.js 2016 最佳实践
- FED—高性能 React 组件
- ReactJS组件state的最佳实践
- React 最佳实践——那些 React 没告诉你但很重要的事
- 使用React重构百度新闻webapp前端
- 一个写react知识比较系统的博客(IT笔录)
组件与组件库
- 蚂蚁金服【ant design】,对应移动端【ant design mobile】
- 其他组件库
- 轮播组件【react-slick】【Dome】(http://neostack.com/opensource/react-slick)
- React-FillUploader—文件上传组件
React-Router
Webpack
- 官方文档
- webpack教程资源收集
- gitbook–webpack指南
- webpack与资源缓存
- webpack从入门到上线
- webpack中文指南
- [译] webpack 的 demos
- 完整的 webpack 开发环境与生产环境打包配置
- webpack 插件: html-webpack-plugin
- Webpack 怎么用(题叶)
- webpack-best-practice-最佳实践-部署生产
- 使用Webpack搭建生产环境工作流
- Webpack 入门指迷(题叶)
- react和webpack小书
- CommonsChunkPlugin
- DllPlugin&DllReferencePlugin
- webpack 构建性能优化策略小结
Ajax与跨域
工作流与优化
Node.js
好文章
好工作
后记
整理真是个体力活。。之前太不重视总结了,导致有时候遇到相同或者类似问题,又得浪费时间google。。所以每天的积累和总结还是很有必要的
Author: Wang He
Origin: http://wanghewanghe.github.io
Link: http://wanghewanghe.github.io/2016/12/07/个人收藏夹整理/
本文采用知识共享署名-非商业性使用 4.0 国际许可协议进行许可