front-end-note icon indicating copy to clipboard operation
front-end-note copied to clipboard

:memo: Web前端洞见。有深度的Web 前端内容。

Web前端洞见

code style: prettier

有深度的Web 前端内容。

四大关注点

Web 前端的四大关注点:代码质量,开发效率,性能和安全。

  • 代码质量&稳定性
    • Web前端进阶之路: 提升代码质量篇
    • 层级很深的组件 获取 最外层组件的数据 - React 和 Vue 的解决方案
    • 用 TS 来提高代码质量
    • 组件设计的思考
      • 组合VS继承
      • 职责分离的利弊:以容器组件和展示组件为例。
      • 全局管理状态数据的利弊。
    • 前端监控
    • 工具
      • eslint
      • git的 merge 和 rebase
  • 开发效率
    • Web前端进阶之路:提升前端开发效率篇
    • 工具
      • 熟练使用IDE 之 VSCode和Sublime
  • 性能
    • Web 前端性能优化
    • 截流函数和防抖函数
  • 安全

技术雷达

  • 原则
    • 如何选择框架?
  • 框架测评
    • Vue,React,Angular
    • 服务器端渲染
    • Deno和Node该选哪个?

核心知识

  • CSS
    • 17个场景,带你掌握CSS布局
    • 浏览器兼容性
    • 样式
      • 图片处理
  • JavaScript
    • 正则表达式好难学!9个易懂的例子,轻松入门JavaScript正则
    • 闭包
    • this
    • 异步流程
    • 事件处理之传值
  • HTTP
    • 接口跨域的处理
  • Vue
    • 主要版本功能概览
    • 组件通信
    • 状态管理
    • 响应式原理
    • Virtual Dom
  • React
    • React 最佳实践
    • Hooks
    • 组件通信
    • 状态管理
  • 代码测试
    • 单元测试
    • 端到端测试