013 博客

数据结构与算法

• 栈
• 队列
• 树
• 时间、空间复杂度
• 字符串中的应用
• 数组中的应用
• 链表中的应用
• 二叉树中的应用
• 排序算法
• 查找算法

设计模式

• 单例模式
• 工厂模式
• 装饰器模式
• 适配器模式
• 策略模式
• 代理模式
• 状态模式
• 观察者模式
• 迭代器模式

CSS 作用域

• BEM
• bem-101
• css Modules

JavaScript

• JavaScript中原型以及原型链
• 作用域
• 执行上下文
• 调用栈
• 作用域链
• 闭包
• call和apply的模拟实现
• bind的模拟实现
• new的模拟实现
• 类数组对象与arguments
• 创建对象的方式
• 各种继承
• DOM Events

ES6

• let 和 const
• 函数新特性
• 箭头函数

网络

• TCP/IP

性能优化

• 预解析
  • 用 preload 预加载页面资源
  • Preload，Prefetch 和它们在 Chrome 之中的优先级
• async 和 defer
  • Script-injected "async scripts" considered harmful
  • async
  • async 和 defer
• webpack 性能调优与Gzip压缩
  • HappyPack 或 thread-loader + cache-loader
  • DLL
• 图片优化
  • optimize-images-for-web
• 缓存
  • 缓存策略
  • 本地存储
• CDN 的缓存与回源机制解析

工程化构建

• Webpack

  • Define global variable with webpack
  • Using environment variables with Webpack
  • How to update all npm packages to latest version

• Babel

  • AST
  • AST Online Tools

微前端

• single-spa
• qiankun

编码素养

• airbnb JavaScript 代码规范
• Vue 代码规范
• 代码整洁之道
• 优雅处理 async/await 的异常

移动端

• Flutter 相关文章
  • Flutter 开发中的问题汇总
  • 20 Flutter Library, that you should know about it
  • Free Flutter Templates 2021

操作系统相关的

• All You Need to Know About Your Mac’s Hosts File

Test

• API 测试工具
  • chakram
  • frisbyjs
  • pactumjs
  • supertest

部署

• install nginx
• nginx 部署 SPA 应用
• PM2 部署 Nuxt

Cookie

• Client side JavaScript can set cookies only for the domain the webpage is hosted on.

其它

ECMAScript ECMAScript5.1规范

2022 Vue Roadmap