blateyang#FrontEndNotes#Winter直播课——前端技能模型和JS语言的一些认识1

# 前端技能模型 ## 1. 基础能力 - 编程能力，架构能力，工程能力 - 前端知识 - 领域知识 ## 2. 学习方法 1. 整理法 - 顺序关系：编译（词法分析、语法分析、代码优化、代码生成） - 组合关系：CSS规则（选择器、属性、值） - 维度关系：JS（词法、语义、运行时） - 分类关系：CSS简单选择器（id选择器、类选择器、元素选择器、伪类选择器、伪元素选择器、属性选择器、...) 2. 追溯法（重要的不是结论本身，而是追溯过程中的经历和体悟） - 追溯早期文献资料 - 查看标准：whatwg、MDN - 大师：JS之父Brandn Eich 3. 利用代码爬取整理相关资料——获取CSS3各属性相应标准的代码 ```javascript var iframe = document.createElement("iframe"); document.body.appendChild(iframe); iframe.src = "https://www.w3.org/TR/css-lists-3/"; function happen(element, type){ return new Promise(resolve => { element.addEventListener(type, resolve, {once: true}) }) } happen(iframe, "load").then(function(){ console.log(document.querySelectorAll("#container li[data-tag~=css] h2:not(.Retired):not(.GroupNote)")); }) async function start() { var output = [] for(let standard of Array.