❤️❤️❤️前端成神之路必看学习资源,建议收藏起来,偷偷学习!!!❤️❤️❤️
Posted 凯小默
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了❤️❤️❤️前端成神之路必看学习资源,建议收藏起来,偷偷学习!!!❤️❤️❤️相关的知识,希望对你有一定的参考价值。
整理一下我博客上的学习资源,具体可以查看我的个人博客:卡夫卡的岛上书店–资源工具
冴羽的博客
下面是冴羽大佬写的系列文章,如果觉得写得不错可以去大佬项目star
一下
浏览器相关
面试相关
深入系列目录
- JavaScirpt深入之从原型到原型链
- JavaScript深入之词法作用域和动态作用域
- JavaScript深入之执行上下文栈
- JavaScript深入之变量对象
- JavaScript深入之作用域链
- JavaScript深入之从ECMAScript规范解读this
- JavaScript深入之执行上下文
- JavaScript深入之闭包
- JavaScript深入之参数按值传递
- JavaScript深入之call和apply的模拟实现
- JavaScript深入之bind的模拟实现
- JavaScript深入之new的模拟实现
- JavaScript深入之类数组对象与arguments
- JavaScript深入之创建对象的多种方式以及优缺点
- JavaScript深入之继承的多种方式以及优缺点
- JavaScript深入系列15篇正式完结!
- JavaScript深入之浮点数精度
- JavaScript深入之头疼的类型转换(上)
- JavaScript深入之头疼的类型转换(下)
专题系列目录
- JavaScript专题之跟着underscore学防抖
- JavaScript专题之跟着underscore学节流
- JavaScript专题之数组去重
- JavaScript专题之类型判断(上)
- JavaScript专题之类型判断(下)
- JavaScript专题之深浅拷贝
- JavaScript专题之从零实现jQuery的extend
- JavaScript专题之如何求数组的最大值和最小值
- JavaScript专题之数组扁平化
- JavaScript专题之学underscore在数组中查找指定元素
- JavaScript专题之jQuery通用遍历方法each的实现
- JavaScript专题之如何判断两个对象相等
- JavaScript专题之函数柯里化
- JavaScript专题之偏函数
- JavaScript专题之惰性函数
- JavaScript专题之函数组合
- JavaScript专题之函数记忆
- JavaScript专题之递归
- JavaScript专题之乱序
- JavaScript专题之解读 v8 排序源码
- JavaScript专题系列20篇正式完结!
- JavaScript专题之花式表示26个字母
underscore 系列目录
- underscore 系列之如何写自己的 underscore
- underscore 系列之链式调用
- underscore 系列之内部函数 cb 和 optimizeCb
- underscore 系列之内部函数 restArgs
- underscore 系列之防冲突与 Utility Functions
- underscore 系列之实现一个模板引擎(上)
- underscore 系列之实现一个模板引擎(下)
- underscore 系列之字符实体与 _.escape
- underscore 的源码该如何阅读?
ES6 系列目录
- ES6 系列之 let 和 const
- ES6 系列之模板字符串
- ES6 系列之箭头函数
- ES6 系列之模拟实现 Symbol 类型
- ES6 系列之迭代器与 for of
- ES6 系列之模拟实现一个 Set 数据结构
- ES6 系列之 WeakMap
- ES6 系列之我们来聊聊 Promise
- ES6 系列之 Generator 的自动执行
- ES6 系列之我们来聊聊 Async
- ES6 系列之异步处理实战
- ES6 系列之 Babel 将 Generator 编译成了什么样子
- ES6 系列之 Babel 将 Async 编译成了什么样子
- ES6 系列之 Babel 是如何编译 Class 的(上)
- ES6 系列之 Babel 是如何编译 Class 的(下)
- ES6 系列之 defineProperty 与 proxy
- ES6 系列之模块加载方案
- ES6 系列之我们来聊聊装饰器
- ES6 系列之私有变量的实现
- ES6 完全使用手册
Jony的博客
下面是Jony写的系列文章,如果觉得写得不错可以去大佬项目star
一下
最新3篇文章
历史文章列表
- Css/Css3
- JS/ES6/ES.next
- Typescript
- React/Redux/Mobx/RxJS
- React hooks中swr的原理和源码解析
- React Hooks工程实践总结
- 如何优雅的使用react hooks来进行状态管理
- React生态,dva源码阅读
- 在React项目中,如何优雅的优化长列表
- React-tiny-virtual-list源码阅读
- 从mixin到hooks,谈谈对16.7.0-alpha中即将引入的hooks的理解
- 发布一个react组件——react-read-pdf,用于在移动端展示PDF文件
- 从路由原理出发,深入阅读理解react-router 4.0的源码
- 彻彻底底教会你使用Redux-saga(包含样例代码)
- React16.x中的服务端渲染(SSR)
- Redux源码深度解读
- Redux源码解读拾遗,createStore的第三个参数
- RxJS入门——基础操作指北
- React内部原理,第一部分:基础渲染
- React内部原理,第二部分: componentWillMount and componentDidMount
- WebGL
- Nodejs
- Golang
- 构建工具
- Threejs
- 其他
汪图南的博客
下面是老汪(汪图南)写的系列文章,如果觉得写得不错可以去大佬项目star
一下
Github博客地址:https://wangtunan.github.io/blog/
Gitee国内镜像:http://wangtunan.gitee.io/blog/
面试
前端书籍阅读笔记
- 你不知道的 JavaScript 上
- 你不知道的 JavaScript 中下
- 深入理解 ES6
- JavaScript 设计模式与开发实践
- JavaScript 数据结构和算法
- JavaScript 高级程序设计
- JavaScript 设计模式与开发实践
- JavaScript 数据结构和算法
Vue2.0 源码分析
自动化测试
Webpack4.0
TypeScript
VuePress
黑色技术:一些前端开发的干货
推荐
- 渗透攻击10年系列
- 阮一峰每周分享摘录
- bird.so 用不了谷歌搜索可以用这个
- 公众账号推荐
- 掘金
- Easy Mock 模拟数据
- JavaScript错误监测
- 个人常用开发工具
- HEAD 能够放在文档的
<head>
中的各种配置元素,mate列表大全 中文- ScriptOJ 是首个 Web 前端开发评测系统
- 项目规范-avaScript工程项目的一系列最佳实践策略
- 30 Seconds of CSS
- Zan Proxy - 本地代码调试线上页面,环境再也不是问题
- 最全前端资源汇集
- CSS Inspiration,在这里找到写 CSS 的灵感!
- 看图学算法
- OI-wiki 编程竞赛相关知识教程
- 成为专业程序员路上用到的各种优秀资料、神器及框架
- Web前端入门和进阶学习笔记
- Algorithm Visualizer 算法展示
- 大前端面试宝典 - 图解前端
周刊
编码规范
前端库搜索
前端导航
API文档
- Vue Docs 中文文档翻译合集
- css手册
- webkitcss 属性查询文档
- (英文)css属性详解 -各种参数有demo进行对比
- flex
- jQuery API 中文文档
- jQuery UI API中文文档
- Chrome 开发者工具
- Sass (3.4.21) 中文文档
- ES6 手册
- React 中文文档(V15.5.4)
- React 官方中文文档(V16.13.1)
- Zepto.js 中文文档
- Backbone.js 中文文档
- Underscore.js 中文文档
- JSDoc中文文档
- Bootstrap 中文文档
- Lodash 中文文档
- webpack 官方中文文档
- webpack 中文文档(2.2)
- avalon 2 中文文档
- vue1.0 中文文档
- vue2.0 中文文档
- vuex 中文文档
- Express 4.x API 中文手册
- koa 中文文档
- koa 中文文档 同上
- Koa 中文文档 同上
- rollup.js 中文文档
- Angular 中文文档
- weex
- Electron 中文文档
- SuperAgent中文使用文档
- Flutter中文网
- Linux 命令大全搜索工具
- CSS 种植手册
- Jest 测试单元文档
- three.js 中文手册
- Three.js 中文教程
- three.js 部分中文教程
- Nest.js 中文教程
移动端资料
- H5 案例 - 不定期收集市面上优秀的 H5 作品。
- 移动H5前端性能优化指南
- 支付宝无线Web开发经验谈
- 移动前端系列——移动端页面坑与排坑技巧( 2014-12-08 )
- 移动web最佳实践(2013)
- 移动Web前端框架 ( 2014 )
- 移动端自适应方案-lib.flexible,淘宝手机版都是用这个框架
- iOS 微信 音频 视频自动播放
- 解决ios下的微信打开的页面背景音乐无法自动播放
- 微信JS-SDK说明文档
- 微信js demo
- QQ浏览器X5内核问题汇总
- 手机分辨率查询
- 移动端响应式框架-测试阶段,不适用于复杂页面
- 视频H5のVideo标签在微信里的坑和技巧
- LAVAS 基于 Vue.js 的 PWA 解决方案 帮助开发者快速搭建 PWA 应用,解决接入 PWA 的各种问题
学习资料/文章
Git
其他
书籍资料
一些社区
- Stack Overflow:Stack Overflow是一个与程序相关的IT技术问答网站。用户可以在网站免费提交问题,浏览问题,索引相关内容,在创建主页的时候使用简单的HTML。
- segmentfault:是中国领先的开发者技术社区。
系列文章
- 《深入理解Node.js:核心思想与源码分析》
- 性能专栏
- Docker — 从入门到实践
- Nginx开发从入门到精通
- React Cookbook
- React.js 小书
- React 入门实例教程
- React-Native学习指南
- html5 Canvas画图系列教程目录
- web前端开发分享-目录系列
- 深入理解javascript原型和闭包系列
- 深入理解JavaScript系列
- JavaScript模式集合
- 深入理解JavaScripts设计模式系列:
- 设计模式总结,非js
- 7 天打造前端性能监控系统
- 七天学会NodeJS
- 前端之困 · XSS CookBook系列
- 一个月时间整理《深入浅出Node.js》
- 【web必知必会】——图解HTTP
- 廖雪峰-JavaScript基础教程
- MDN JavaScript基础教程
- 45个实用的JavaScript技巧、窍门和最佳实践
- Must-Watch JavaScript 需要翻墙
- Must-Watch CSS 需要翻墙
- 搜罗一切webpack的好文章好工具
- Vim 从入门到精通
- 如何提高英语技能
- 《Node.js 调试指南》
- 《JavaScript 闯关记》
- Node.js技术栈
- 手把手撕LeetCode题目,扒各种算法套路的裤子
其他工具
- flexbox在线制作器
- SPARK动画平台 这是我们组做的一个动画效果平台,里面集合了所有的牛逼动画,可以让你灵感猛增!(目前已开放外网使用)
- OneDiv 这是个神奇的网站,里面的所有细节都是用一个div元素通过复杂的Css3实现的,有空可以去开开脑洞噢
- 贝塞尔曲线生成器
- HTML5 与 CSS3 技术应用评估
- 各种奇妙的hack
- 几乎所有设备的屏幕尺寸与像素密度表
- 移动设备参数表
- ios端移动设备参数速查
- 浏览器兼容表
- 移动设备查询器
- 移动设备适配库
- 移动设备适配库2
- viewport与设备尺寸在线检测器
- html5 移动端兼容性速查
- 在线转换字体
- css3 选择器测试
- 兼容性速查表
- 浏览器的一些独特参数
- 各种各样的媒体查询收集
- sass @include-media 媒体查询库
- css3 动画在线制作器
- css3 渐变在线制作器
- 移动端手势表
- webkit独有的样式分析
- HTML5 Cross Browser Polyfills
- HTML5 POLYFILLS
- iPhone 6 屏幕揭秘
- 智图客户端 – 你的图片你做主,本地图片快速压缩工具
- 网站视频/音乐 扒神器
- ELF 灵活可扩展的HTML5 构建工具
- 让小程序支持组件化开发的框架-类型vue组件开发
- APIJSON - API 服务的框架
- sentry-javascript - Official Sentry SDKs for Javascript 错误日志打点统计
- GitHub issues 备份工具
js插件网站
- Unheap
- jquer.in
- OpenLib–http://www.open-lib.com/
- jQuery插件库–http://www.jq22.com/
- jquery之家–http://www.htmleaf.com/
- 分享天空–http://www.sharetk.com/
- jQuery Script–http://www.jqueryscript.net/
- dowebok 做好网站–http://www.dowebok.com/
- Web前端开发–http://www.zjgsq.com/
手势库
vue专题
Vue相关开源项目库汇总
- http://www.opendigg.com/tags/front-vue
- https://github.com/opendigg/awesome-github-vue
- https://vuejsexamples.com/
- Vue.js Script
vue ui组件库
- vue.js ie9+
- 滴滴 Web 移动端组件库 cube-ui
- AT UI 由阿里通信技术团队打造基于Vue的Web组件库
- 微信UI Vux 支持@^1.0.24
- bootstrap风格 Vux 支持@v1.x.x
- material风格 vue-mdl
- Keen-UI
- Mint UI
- iView UI
- element UI 支持vue@2.0
- Muse-UI - 基于 Vue 2.0 和 Material Desigin 的 UI 组件库
- Vue Material
- vant 有赞开发的基于 Vue.js 2.0 的 UI 组件库
- vue-beauty 基于 ant design 的漂亮的 vue 组件库
vue 其他插件组件
- PortalVue , anywhere in the document/普通开发使用组件
- mpvue vue转微信小程序
- vue-axios
- Vue-Lazyload 图片延迟加载
- vue-amap 基于Vue 2.0 和高德地图的地图组件
- Vueditor 基于Vue 2.0 的富文本编辑器
- Scroller for Vue 2.0
- JRoll无限加载+下拉刷新 for Vue2
- Vue-Core-Image-Upload 2.0 一款轻量级图片裁剪上传插件
- vue-datepicker 日期拾取组件
- 一个生成 svg 图标组件的工具 (vue2.x)
- vue GUI generator
React 相关
Weex
Node
小程序相关
nginx
前端自动化(Workflow)
- 依赖安装
- 前端构建工具
- 前端模块管理器
- Bower - A package manager for the web
- Browserify
- Component
- Duo
- RequireJS
- Sea.js
- webpack
- ESL是一个浏览器端、符合AMD的标准加载器,适合用于现代Web浏览器端应用的入口与模块管理。
- css预处理器
前端框架(Frameworks)
- Material-UI 移动端ui框架,效果好 github
- Frozen UI 腾讯移动UI框架
- Bootstrap
- Foundation
- Amaze UI
- Semantic UI
- Pure CSS
- topcoat
- UIkit
- Material UI
- Framework7
- mui
- ionic framework
- Fries
- jQuery Mobile
- H-ui 前端框架
- Skeleton
- HaloJS
- QMUI Web 是一个专注 Web UI
- LuLu ui
后端UI框架
javascript 框架汇总
-
JavaScript 框架
- react
- preact (react的代替者)
- Angular
- jQuery
- Backbone.js
- Ractive.js
- KISSY
- Zepto.js
- ZeptoBuilder是Zepto的一个在线版本,从列表中选取你想包含的文件,就能得到你自定义的构建了
- Vanilla JS
- Avalon
- Sprint.js - 一个高性能、小体积的 DOM 操作库 (Benjamin De Cock)
- JSLite.js
- Ember.js:一个用于创建 web 应用的 JavaScript MVC 框架,采用基于字符串的Handlebars模板,支持双向绑定、观察者模式、计算属性(依赖其他属性动态变化)、自动更新模板、路由控制、状态机等。
-
轻量级JavaScript框架
-
JavaScript 工具库[扩展库]
-
[es6-promise] (https://github.com/stefanpenner/es6-promise)
-
underscore.js JavaScript实用库,提供了类似Prototype.js的一些功能,但是没有继承任何JavaScript内置对象。
前端游戏框架(动画引擎)
- Hilo 跨终端的互动游戏解决方案 阿里出品
- Pixi.js v4 - WebGL 国外游戏引擎
- cocos2d-html5
- Egret Engine
- LimeJS
- EaselJS
- three.js
- AlloyStick
- The-Best-JS-Game-Framework
- CanvasEngine
- Quintus
- LayaAir 引擎 国内游戏框架,跟白鹭比较??暂时不知道
- soya2d 一个 好学、易用、强大、开源的 H5游戏引擎 现在,有你掌控
- phina.js JavaScript游戏开发库
- melon.js
- Phaser - HTML5 Game Framework
- PlayCanvas WebGL Game Engine
- Popmotion.js – 小巧,灵活的 JavaScript 运动引擎
- Dynamics.js - 创建逼真的物理动画的 JS 库
- Snabbt.js – 极简的 JavaScript 动画库
ui组件库
- GMU - 基于zepto的ui组件库,适用于移动端
- FrozenUI - 腾讯移动端组件库
- NEC
- NEJ
- Pure CSS Components
- magic-of-css
- Primer - The CSS toolkit and guidelines that power GitHub
- [ZUI - 一个开源前端实践方案,帮助你快速构现代跨屏应用。][1]
- [WeX5开源前端][2]
- [B-JUI][3]
- MUI 轻量级WEB框架
- jQuery WeUI - V0.7.1 WeUI 的jQuery实现版,提供了大量官方WeUI没有的组件, 同时兼容 jQuery 和 Zepto。
- Light7 手机ui组件
- bttn.css Awesome buttons for awesome projects
- CSS Pressable 3D Buttons
基础模版
-
浏览器统一(Cross Browser)
-
响应式
- Responsive - 响应式布局
- Spectre.css - 轻量级响应式 CSS 框架
- Wing 是一个微型(压缩后仅有4KB
以上是关于❤️❤️❤️前端成神之路必看学习资源,建议收藏起来,偷偷学习!!!❤️❤️❤️的主要内容,如果未能解决你的问题,请参考以下文章
❤️吐血总结《MySQL从入门到成神》,图文并茂(建议收藏)❤️
这样配置学习VSCode,写前端代码想不快都难(❤️精心准备多动图,建议收藏噢~❤️)
学习爬虫你敢说你一丁点前端都不会?两万字图文教会你HTML❤️熬夜整理&建议收藏❤️
❤️Android精进之路-05怎么创建Activity,如何启动另一个Activity,干货满满,建议收藏❤️