掘友等级
But only love can say, try again or walk away. 
获得徽章 0
编译原理：TypeScript、Vue 3、跨端框架都强烈依赖这项技术，如果你是月薪超过 20k 的前端，一定要重温一下编译原理，才能看懂这些技术的源码
函数式编程：React 的 Hooks 用到的思想来自于函数式编程，什么是副作用，你能不能说清楚，20k 以上的前端建议重点学习一下
后端知识：前端技术已经有五年没有较大变化了，想要突破瓶颈的前端可以以 Node.js 为抓手（阿里喜欢说这个词）来进入后端编程领域，需要学的包括但不限于关系型数据库、Redis、非关系型数据库、HTTP、TCP/IP、MVC 架构等
前端知识巩固：Vue 3 和 React 的源码可以了解一下
React Native 是以 Web 技术开发原生移动应用的典型框架。但是与众多基于 Html 的跨平台框架相比，Flutter 绝对是体验最好，性能与构建思路几乎最接近原生开发的框架。
Flutter 目前虽然有着跨端最好的性能和体验但是关注人数和 React Native 不相上下。React Native 由于先出优势加上 React 的影响力导致目前很多 APP 都已经进入存量阶段，少有新的 APP 出现，所以在没有足够的收益情况下，大部分 APP 是不会进行技术变更的。所以在 2022 年，如果两者都无重大的技术变更，除了对 Flutter 关注的人会逐渐变多，两者大概不会有什么比较大的转变。
1、基础入门：HTML5+CSS3+实战项目 →移动web
2、JavaScript阶段：JavaScript基础 → JavaScript核心Web APIs → 数据交互 & 异步编程Ajax\Git
3、VUE开发：框架前置课Nodejs&es6 → Vue2+Vue3
4、React + 微信小程序：React → TypeScript → 微信小程序
5、项目实战 -工程化 -服务化等
6、简历 & 面试指导
[ ] 模块懒执行(CMD)与与预执行(AMD)
loadJs模块化加载原理与实现
[ ] 创建script标签，需要id映射到资源url
[ ] onload加载模块队列判断
[ ] 全部加载完成后触发
[ ] 加载失败问题优化
[ ] requirejs、modjs、seajs
polyfill、shim原理与实现
[ ] polyfill提供了开发者们希望浏览器原生提供支持的功能特性
[ ] shim将新的API引入到旧的环境中,且仅靠旧环境中已有的手段实现
前端工程师技能整理
一、框架与组件
bootstrap等UI框架设计与实现
[ ] 伸缩布局：grid网格布局
[ ] 基础UI样式：元素reset、按钮、图片、菜单、表单
[ ] 组件UI样式：按钮组、字体图标、下拉菜单、输入框组、导航组、面包屑、分页、标签、轮播、弹出框、列表、多媒体、警告
[ ] 响应式布局：布局、结构、样式、媒体、javascript响应式
HTML与CSS有两版，第一版是2005年出的，书名是HTML, CSS和XHTML，中文版是2008年出的，第二版是2012年出的，书名是HTML和CSS，没有中文版
不用说应该尽量看新版，新版对HTML5， mobile web等都有涉及，旧版已经将近10年，虽然语法没变，但标准，设备和网络环境已经变了很多，直接看新版更利于快速进入实战阶段
是不是已经厌倦了那些深奥的HTML书？你可能在抱怨，只有成为专家之后才能读懂那些书。那么，这本《Head First HTML与CSS（第2版）》可以帮助你很好的学习HTML。
语言概览、语句语法、数据类型、运算符、隐式转换、运算规则、控制流程、作用域、作用域链、作用域解析、js解释引擎、字符串属性方法、for of/for in
数组属性方法、对象、广义对象概念、对象特性、存储机制、深拷贝、对象实际应用、工厂模式、构造函数、原型、原型链、原型指向、封装、
多种继承、包装对象、this、this指向、js数据处理、垃圾GC、闭包原理与应用、debug方法论、浏览器控制台工具应用、面向对象开发、函数式开发、
打包器
打包器大概可以分为传统编译和ESM 混合编译，而由于 ESM 混合编译类打包器依赖于其他打包器，所以理论上 NPM 下载量永远不可能超过其依赖。同时 ESM 混合编译今年整体表现平平。
UI 框架
由于模块化CSS、摇树、MVVM 的流行，UI 框架的选择其实没有那么举足轻重了，针对自己选用的框架选择一个符合项目风格的 UI 即可。UI框架方面，预计今年也不会有黑马闯入和变动
一提到前端工程化很多人想到的都是 webpack，这是不对的，webpack 仅仅是前端工程化中的一环。在整个工程化过程中他帮我们解决了绝大多数的问题，但并没有解决所有问题。
前端工程化是通过工具提升效率，降低成本的一种手段。
近些年被广泛的关注和探讨，究其原因主要是因为现代化前端应用功能要求不断提高，业务逻辑日益复杂，作为当下互联网时代唯一不可或缺的技术，前端可以说是占据了整个开发行业的半壁江山。从传统的网站，到现在的 H5,移动 App,桌面应用，以及小程序。前端技术几乎是无所不能的全面覆盖。
前端和后端相比，需要学习的知识还是要少很多，如果你要入门后端，你可以要学习一大堆只是，但是你入门前端，只要把 HTML + CSS + JavaScript 这三门知识学习了，就基本差不多入门前端了，并且可以利用这三门知识，写出很多漂亮的交互页面，下面讲一讲这三门知识的学习。
