Vue
MVVM双向绑定
手摸手撸后台管理
- 手摸手,带你用vue撸后台 系列一(基础篇)
- 手摸手,带你用 vue 撸后台 系列二(登录权限篇)
- 手摸手,带你用 vue 撸后台 系列三 (实战篇)
- 手摸手,带你用 vue 撸后台 系列四(vueAdmin 一个极简的后台基础模板)
- 手摸手,带你用 vue 撸后台 系列五(v4.0 新版本)
- 手摸手,带你封装一个 vue component
- 手摸手,带你优雅的使用 icon
- Webpack 4 和单页应用入门
- 手摸手,带你用合理的姿势使用 webpack4(上)
- 手摸手,带你用合理的姿势使用 webpack4(下)
Vuex使用及原理,以及实现一个购物车
- 使用 手把手教你使用Vuex,猴子都能看懂的教程
- 原理
- 购物车实践
复习好文
- Vue自测
- 这儿有20道大厂面试题等你查收
- 面试题自测
- 一名【合格】前端工程师的自检清单
- 2021年前端面试必读文章【超三百篇文章/赠复习导图】
- 一个合格(优秀)的前端都应该阅读这些文章
- 面试官:自己搭建过vue开发环境吗?
- Vue 2.x脱坑记 - 查漏补缺(汇总下群里高频询问的xxx及给出不靠谱的解决方案)
- 前端基础
- 波神的前端基础进阶 隐式类型转换
- [] == ![]发生了什么?
Webpack
- webpack 基础和优化
深入浅出 webpack - 滴滴前端工程师的 webpack 深入源码分析系列,非常的优秀。
webpack 系列之一总览 - 字节跳动范文杰的 webpack 原理系列:[万字总结] 一文吃透 Webpack 核心原理
- TODO
- 使用
- 优化
性能优化
-
推荐修言大佬的性能优化小册,这个真的是讲的深入浅出,从
webpack到网络到dom操作,全方位的带你做一些性能优化实战。这本小册我当时看的时候真的是完全停不下来,修言大佬的风格既轻松又幽默。但是讲解的东西却能让你受益匪浅。 -
谷歌开发者性能优化章节,不用多说了吧?很权威了。左侧菜单栏里还有更多相关内容,可以按需选择学习。
user-centric-performance-metrics -
详谈合成层,合成层这个东西离我们忽远忽近,可能你的一个不小心的操作就造成
层爆炸,当然需要仔细关注啦。起码,在性能遇到瓶颈的时候,你可以打开 chrome 的layer面板,看看你的页面到底是怎么样的一个层分布。
详谈层合成(composite) -
刘博文大佬的性能优化指南,非常清晰的讲解了网页优化的几个重要的注意点。
让你的网页更丝滑
JS
JS面试题
手写代码
- 「中高级前端面试」JavaScript手写代码无敌秘籍
- 死磕 36 个 JS 手写题(搞懂后,提升真的大)
- 32个手写JS,巩固你的JS基础(面试高频)
- 最简实现Promise,支持异步链式调用(20行)
- 防抖节流
HTTP
WEB安全
微信小程序
知识广度
- Monorepo
- babel
- 嘿,不要给 async 函数写那么多 try/catch 了
- TCP详解
- WebAssembly
- 平庸前端码农之蜕变 — AST
- AST抽象语法树
代码人生
关键词
- requestAnimationFrame
- 位运算
parseInt、Number.prototype.toString()十进制二进制互相转换
- transition、transition-property、animation
white-space: pre-line;webviewWeb Apisweb worker