https://github.com/iamjoel/front-end-note

:memo: Web前端洞见。有深度的Web 前端内容。
https://github.com/iamjoel/front-end-note

front-end note

Last synced: 12 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/iamjoel/front-end-note
• Owner: iamjoel
• License: mit
• Created: 2014-11-29T08:25:36.000Z (over 11 years ago)
• Default Branch: master
• Last Pushed: 2024-12-11T01:03:21.000Z (over 1 year ago)
• Last Synced: 2025-04-05T18:04:10.694Z (about 1 year ago)
• Topics: front-end, note
• Language: HTML
• Homepage:
• Size: 14.3 MB
• Stars: 372
• Watchers: 29
• Forks: 122
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt
  • Roadmap: roadmap/junior.md

Awesome Lists containing this project

README

          
Web前端洞见



  

    

  

    

  



有深度的Web 前端内容。

## 四大关注点

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

* 代码质量&稳定性

  * [Web前端进阶之路: 提升代码质量篇](focus-point/quality)

  * [层级很深的组件 获取 最外层组件的数据 - React 和 Vue 的解决方案](focus-point/quality/resolve-prop-drilling)

  * 用 TS 来提高代码质量

  * 组件设计的思考

    * 组合VS继承

    * 职责分离的利弊：以容器组件和展示组件为例。

    * 全局管理状态数据的利弊。

  * 前端监控

  * 工具

    * eslint

    * git的 merge 和 rebase

* 开发效率

  * [Web前端进阶之路：提升前端开发效率篇](focus-point/effective)

  * 工具

    * 熟练使用IDE 之 VSCode和Sublime

* 性能

  * [Web 前端性能优化](focus-point/performance)

  * [截流函数和防抖函数](focus-point/performance/throttle.md)

* 安全

## 技术雷达

* 原则

  * 如何选择框架？

* 框架测评

  * Vue，React，Angular

  * 服务器端渲染

  * Deno和Node该选哪个？

## 核心知识

* CSS

  * [17个场景，带你掌握CSS布局](key-point/css/layout)

  * 浏览器兼容性

  * 样式

    * [图片处理](key-point/css/style/img)

* JavaScript

  * [正则表达式好难学!9个易懂的例子，轻松入门JavaScript正则](key-point/js/reg)

  * [闭包](key-point/js/closure.md)

  * this

  * 异步流程

  * 事件处理之传值

* HTTP

  * 接口跨域的处理

* Vue

  * 主要版本功能概览

  * 组件通信

  * 状态管理

  * 响应式原理

  * Virtual Dom

* React

  * [React 最佳实践](key-point/react/best-practice.md)

  * [Hooks](key-point/react/hooks)

  * 组件通信

  * 状态管理

* 代码测试

  * 单元测试

  * 端到端测试