2019年前端面试题总结以及一些面试心得（附答案）
这是一份 2019 年前端面试题整理，覆盖 CSS3、HTML5、JavaScript / jQuery、Ajax、跨域、闭包和性能优化，题目都附了答案。 题号、解答、代码示例和公式图全部保留。技术在变，但盒子模型、选择器、语义化、this、原型链这些题现在仍常问。 专题 典型题 CSS3 盒子模型…
这是一份 2019 年前端面试题整理，覆盖 CSS3、HTML5、JavaScript / jQuery、Ajax、跨域、闭包和性能优化，题目都附了答案。 题号、解答、代码示例和公式图全部保留。技术在变，但盒子模型、选择器、语义化、this、原型链这些题现在仍常问。 专题 典型题 CSS3 盒子模型…
这份 CSS 编码规范 同时覆盖手写 CSS 和预编译器（Less / Sass / Stylus）：能套用的约定尽量一起遵守。 下面按代码风格、通用选择器与属性、值与单位、文本编排、变换动画、响应式和兼容性展开，强制项与建议项都保留原文示例。 章节 抓住什么 代码风格 UTF-8 无 BOM、2 …
性能优化是双刃剑：能加快站点，也带来配置成本和一堆规则。有些建议并不适合所有场景，请带着 批判性 阅读。每条后附参考资料。 2020 年这 24 条 从减少 HTTP 请求、HTTP2、SSR、CDN，讲到重绘重排、Web Workers 和 CSS 选择器复杂度，示意图和代码示例全部保留。 小文件…
浏览器兼容性问题，指不同浏览器对同一段代码解析不一致，页面显示效果不统一。多数产品要求：用户用什么浏览器看，都该是同一套效果。所以兼容是前端必须面对的事。 前端大致能分成两类。第一类按设计图精确到 1px，很少踩兼容坑，踩到的多半是浏览器 bug，页面后期好维护。第二类间距、行高、图片位置常差几像素…
