学习资源整理
ES6
http://es6.ruanyifeng.com/#docs/generator
Javascript
UI
CSS
Article | Article |
---|---|
CSS Flex布局 | 移动前端开发CSS3 |
响应式布局 媒体查询 | CSS图片响应式布局 |
lessDemo的less文件 | |
Reference | Reference |
CSS 语法参考 | CSS3动画手册 |
腾讯css3动画制作工具 | animate.css |
Animated Books with CSS 3D Transforms | Browserhacks |
HTML
Article | Article |
---|---|
HTML5有哪些让你惊艳的demo | Wallpaperbetter |
Angular
React
React | Reference |
---|---|
React教程 菜鸟教程 | React Router 使用教程 |
React开发中文手册-极客学院 | React教程-汇智网hubwiz.com/course/552762019964049d1872fc88/ |
React.js快速开始 | Reactjs 2016最佳实践 |
React 入门教程 | 汇智网 React教程hubwiz.com/course/552762019964049d1872fc88/?ch=alloyteam |
轻松入门React和Webpack | React中文索引 |
Redux 中文文档 | React Router官方文档中文翻译 |
React入门教程 | React介绍及实践教程 |
React.js 官方网址 | React.js 官方文档 |
React.js material UI | React.js TouchstoneJS UI |
React.js amazeui UI | React 入门实例教程 - 阮一峰 |
React Native 中文版 | Webpack 和 React 小书 - gitbook |
Vue
Vue | AppDemo | Demo |
---|---|---|
NewsDemo | vue计算属性 | vue生命周期 |
Article | Vue文档 | |
Vue-cli脚手架 | Vue组件 | vue自定义指令 |
Vue过渡动画 | Vue指令 | Vue api文档 |
Vue执行ajax请求 | vue实现类似angular服务的方法 | Vue源码参考文档 |
Router | 路由 | |
路由demo | 路由demo2 | |
Directive | 指令 | |
指令demo | 自定义指令demo | 滑动手势demo |
Filter | 过滤器 | |
过滤器demo | 过滤器实现分页demo | 过滤器读写数据 |
Transition | 过渡 | |
过渡demo | 过渡demo2 | |
Form | 表单 | |
获取表单值 | ||
Computed | 计算 | |
计算属性 | ||
Component | 组件 | |
组件demo | ||
Reference | Reference | Reference |
Vue官网 | Vue论坛 | Awesome-vue |
Node
Node | Article |
---|---|
node技巧 | NodeJs静态服务器 |
Reference | Reference |
Node.js 包教不包会 | 七天学会NodeJS |
从零开始nodejs系列文章 | Node入门 |
Node初学者入门,一本全面的NodeJS教程 |
Gulp
Gulp | Article |
---|---|
Gulp Demo | |
Gulp | Reference |
Gulp官网 | Gulp中文网 |
Gulp资料收集 | Gulp:任务自动管理工具 - ruanyifeng |
Gulp插件 | Gulp不完全入门教程 |
Gulp 入门指南 |
其他
Other | Article |
---|---|
关于Pornographic website的一些前端分析 | 微信公众号开发 |
Atom技巧总结 | Mac小技巧 |
CSDN页面内JS跳转脚本 | CSDN博客隐藏配置 |
百度设置小度机器人出现 | 前端冷知识,妙用浏览器地址栏 |
Vim笔记 | Cordova配置&&Ionic配置(WebApp混合开发环境) |
IE8及以下按钮超链接无法跳转的问题 |
分享功能
Share | Reference |
---|---|
百度分享(PC) | JiaThis(PC) |
社会化分享组件(Mobile) | ShareSDK轻松实现社会化功能(Mobile) |
友盟分享(Mobile) |
在线演示
Reference | Reference |
---|---|
js 在线编辑 - runjs | js 在线编辑 - jsbin |
js 在线编辑 - codepen | js 在线编辑 - jsfiddle |
java 在线编辑 - runjs | js 在线编辑 - hcharts |
js 在线编辑 - jsdm | sql 在线编辑 - sqlfiddle |
mozilla 在线编辑器 |
富文本编辑器
Reference | Reference |
---|---|
百度ueditor | ckeditor |
tinymce | kindeditor |
wysiwyg | BachEditor |
simditor | summernote |
Squire | wangEditor |
Chrome
性能优化
CDN
Reference | Reference |
---|---|
Jquery&Bootstrap中文网开源项目免费 CDN 服务 | Bootstrap中文网开源项目免费 CDN 服务 |
新浪CDN | 百度静态资源公共库 |
开放静态文件 CDN - 七牛 | CDN加速 - jq22 |
微软CDN | Angular CDN |
360网站卫士常用前端公共库CDN服务 |
Git
Article | Article |
---|---|
Git操作 | Git CSDN Blog |
Reference | Reference |
Git-scm | Git-for-windows |
廖雪峰-Git教程 | Gogithub |
Git常规命令练习 | Git的资料整理 |
我所记录的git命令(非常实用) | GitHub 漫游指南 |
GitHub秘籍 | 动画方式练习git |
Sass&Less
Markdown
Reference | Reference |
---|---|
Markdown 语法说明 (简体中文版) | Markdown入门参考 |
Mdeditor(一款国内的在线markdown编辑器) | Stackedit(国外的在线markdown编辑器,功能强大,同步云盘) |
Mditor一款轻量级的markdown编辑器 | lepture-editor |
Markdown-editor |
前端文档
Reference | Reference |
---|---|
前端知识结构 | Web前端开发大系概览 |
免费的编程中文书籍索 | 前端书籍 |
前端免费书籍大全 | 重新介绍JavaScript(JS教程) |
Gitbook | Front-End-Develop-Guide 前端开发指南 |
前端开发笔记本 | 大前端工具集 |
前端开发者手册 | 结合个人经历总结的前端入门方法 |
2016最新前端学习计划 |
前端规范
前端面试
前端网站
JS练习
Reference | Reference |
---|---|
Codewars | Javascript-puzzlers |
Freecodecamp中文版 | ES6katas |
Now Coder牛客网 | Leetcode |
Nodeschool | Hackerrank |
算法
Reference | Reference |
---|---|
数据结构与算法 JavaScript 描述. 章节练习 | 常见排序算法(JS版) |
经典排序 | 常见排序算法-js版本 |
ES
Reference | Reference |
---|---|
Exploring-ES6翻译 | 阮一峰 ES6 |
ECMA-262,第 5 版 | ES5 |
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· .NET周刊【3月第1期 2025-03-02】
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· [AI/GPT/综述] AI Agent的设计模式综述
2016-02-15 CSS3 Transform——transform-origin
2016-02-15 CSS3 2D Transform
2016-02-15 Transform-style和Perspective属性
2016-02-15 CSS3 3D Transform
2016-02-15 CSS3动画(动画已丢,看原文)