前端最实用书签(持续更新)

前言

一直混迹社区,突然发现自己收藏了不少好文但是管理起来有点混乱;
所以将前端主流技术做了一个书签整理,不求最多最全,但求最实用。

书签源码

书签导入浏览器效果截图

书签源码请戳github地址
Chrome---设置---书签---导入书签就可在浏览器即可使用

1.ES6,ES7和ES8

• JS思维导图
• promise和async，await介绍1
• async和await介绍2
• reduce,async,filter,map使用
• promise原理
• JS异步实现方式
• JS常用的设计模式
• ajax跨域最全的解决方案了

2.vue

2.1 api

• vue的API教程
• vuex入门教程和思考
• Vuex下Store的模块化拆分实践
• vue-router入门教程和总结
• vue生命周期理解
• vue路由钩子

2.2 vue源码

• 剖析Vue原理和实现双向绑定MVVM
• vue源码解析
• 理解Object.defineProperty的作用
• 理解 Vue Computed 计算属性
• 浅谈Vue.use
• axios源码阅读与分析

2.3 插件

• element
• iview
• nuxt
• 拖拽vue-draggable
• 省市联动v-distpicker
• vue-echarts
• vue基于nuxt的 SSR
• mint-ui
• vux

2.3 项目

• 花裤衩vue项目实战
• vue多页面项目
• 使用node+vue.js解决SEO
• Vue全家桶+TypeScript使用总结
• VueJS和KOA2 实现基于 token 的登录注册
• 前端QQ.微信,微博登录
• github的UI组件集

2.4 vue-cli

• vue-cli中一些webpack的配置总结
• vue-cli3资料全集

2.5 vue高级

• iview开发思路
• vue五招操作
• vue异步组件
• vue、react等单页面项目部署到服务器

3.react

3.1 api

• react学习路径
• redux+react-redux学习
• 使用PropTypes进行类型检测

3.2 ui组件

• ant.design PC
• ant.design mobile
• React 之容器组件和展示组件相分离解密

3.3 项目

• github的react-demos api教程
• react留言版
• React-Express-Blog-Demo
• react+redux+webpack+ES6+antd的SPA的后台管理

3.4 源码解析

• create-react-app源码
• React和Vue对比

4.微信小程序

4.1 api

• 近两万字小程序攻略

4.2 插件

• wepy微信组件
• 官方组件weui
• wxParse小程序富文本插件
• iView Weapp--iview的小程序组件
• wxParser-plugin富文本插件
• github组件集

4.3 项目

电商项目1
小程序demo

5.Hybrid

5.1 通讯

• HyBrid通讯的几种方式
• JSBridge实现原理

5.2 适配和兼容

• H5适配
• H5问题1
• H5问题2
• H5问题三

6.webpack

• 腾讯webpack详解
• webpack详细教程
• webpack sourcemap 选项多种模式的一些解释

7.npm

npm配置

8.node.js

8.1 api

• node.js学习笔记
• node.js设计模式

8.2 框架

• express
• koa
• egg
• mongobDB

8.3项目

• nodeclub社区
• node+express项目
• node+koa项目
• node+egg项目

9.高德地图

• 高德JS的API
• 高德功能参考手册

9.css

• css按钮动态样式
• 15种css居中方案
• 前端布局大全

10.性能优化

• Hybrid首屏白屏优化
• 打造一个全满分网站
• H5图片过多优化
• 高性能JavaScript整理总结
• JavaScript 深拷贝性能分析
• vue项目优化1
• Vue项目优化2
• vue项目骨架屏

11.安全

• 打造一个安全满分网站
• 前端xss,CSRF攻击

12.前端架构

• 大型网站技术架构1
• 大型网站技术架构2

13.算法

• 常见的七种加密算法及实现
• 算法基础

14.前端测试

• 测试介绍
• vue单元测试
• 单元测试Karma Mocha和jest对比

15.常用工具

• H5的5种调试工具
• HFS文件传输服务器
• VSCode 常用快捷键
• console.log的拓展
• JS实现屏幕截图
• 动态图生成器

16.浏览器

• 从浏览器多进程到JS单线程
• chrome插件开发

17.大佬博客

• 博客1
• 阿里大佬bang的博客
• 腾讯代码规范
• github上值得关注的前端项目

18.面试

• 面试图谱
• vue的81道试题总结
• 面试知识点
• 阿里社招面试总结
• 阿里面试题
• BAT实习知识图
• 从输入URL到页面加载的过程？如何由一道题完善自己的前端知识体系

结语

后期会继续优化维护这些书签
为了便于知识归纳,所以将有些作者的文章标题修改了,谢谢优秀作者的文章分享!