一、简单页面

1、CSS选择器样式优先级

2、CSS实现三列布局（左右固定宽度，中间自适应）

（1）CSS浮动

第一个float:left，第二个float:right，第三个设置margin-left和margin-right

本文已经过原作者Ahmad shaded 授权翻译。

大多数时候，我们在不了解有关内存管理的知识下也只开发，因为 JS 引擎会为我们处理这个问题。不过，有时候我们会遇到内存泄漏之类的问题，这个只有知道内存分配是怎样工作的，我们才能解决这些问题。

还记得以前用浏览器打开一个复杂的在线表格工具或实时数据分析应用时，页面卡得你想关掉一切重启人生吗？这是因为传统的 JavaScript 在处理计算密集型任务时，性能往往不尽如人意。尤其是像 Google Sheets 这种大型在线工具，当数据量飙升时，性能瓶颈让用户体验直线下滑。为了破解这个难题，Google 并没有简单地优化 JavaScript，而是祭出了 WebAssem)bly（简称 Wasm）的大杀器。

作者：吾名云中桥

转发链接：https://mp.weixin.qq.com/s/-UHOsR26jnnogHqPfPM0rQ

前言

在实际工作中，我们很少会遇到一次性需要向页面中插入大量数据的情况，但是为了丰富我们的知识体系，我们有必要了解并清楚当遇到大量数据时，如何才能在不卡主页面的情况下渲染数据，以及其中背后的原理。

桔妹导读：线上性能问题的定位和优化是程序员进阶的必经之路，定位问题的方式有多种多样，常见的有观察线程栈、排查日志和做性能分析。性能分析（profile）作为定位性能问题的大杀器，它可以收集程序执行过程中的具体事件，并且对程序进行抽样统计，从而能更精准的定位问题。本文会以 go 语言的 pprof 工具为例，分享两个线上性能故障排查过程，希望能通过本文使大家对性能分析有更深入的理解。

在遇到线上的性能问题时，面对几百个接口、成吨的日志，如何定位具体是哪里的代码导致的问题呢？这篇文章会分享一下 profiling 这个定位性能问题的利器，内容主要有：

HTML、CSS相关

html5新特性、语义化

• 语义化标签 ： header nav main article section aside footer

作者：京东零售 周明亮

一、友商网页分析

1.1 亚马逊

亚马逊商详地址：
https://www.amazon.com/OtterBox-Commuter-Case-iPhone-Packaging

来源作者：wintyQ

背景

本人前端，3年经验，由于个人的原因，决定跳槽，于是大概3月开始找工作，总历时大概2个月，面试了微信/阿里/头条，三家都拿到了offer，来分享一下面经。

问题比较多，而且很多面试题都是跟个人项目相关的，项目相关的问题借鉴意义不大，所以这里总结一些与项目无绝对关系的问题，欢迎围观～

本文答案均以链接的形式给出，因为我本人的一个特点就是回答题目一定要够详细，而且大部分的题目我都写过文章或者公众号转发过文章了，感兴趣可以直接点上方蓝字关注公众号前端Q，希望对你有帮助～

前几天去网易面试，公司大到找不到综合楼，加油，有机会去网易啊朋友们

记录一下前端面试题

• 1、浏览器本地存储？