摘要： 常用布局方法： table表格布局 float浮动 + margin inline-block布局 flexbox布局 1. 表格布局 很久以前广泛使用，现在用的比较少。文字会自动垂直居中，左右两个布局，缩短左边的宽度右边宽度会自动增加。 还可以用长得像表格的 div实现： display：tabl 阅读全文

摘要： 全称：Cascading Style Sheet 2. 选择器 选择器 { 属性：值； 属性：值； } 选择器用于匹配HTML元素，有不同的匹配规则，多个选择器可以叠加。 浏览器解析CSS选择器方式和我们写选择器的方式是相反的：从右往左 选择器分类 伪元素（双冒号）是真实存在的元素，可以被显示出来的 阅读全文

摘要： HTML常见元素 <meta name="viewport">视口,默认像素980px。适配移动端。 HTML版本对比 HTML元素分类 按默认样式分：块级block（div、p）、行内/内联inline（span）、inline-block（select） 按内容分： *4. 嵌套关系 块级元素可 阅读全文

摘要： 页面如何进行首屏优化？ 路由懒加载 服务端渲染SSR 只获取HTML就可以，里面包含data。 APP预取（啥东西） APP结合H5、结合JS bridge 分页 图片懒加载 lazyload Hybrid 总结： 后端一次性返回10w条数据，你会如何渲染？ 本身后端设计方案的设计就不合理！非要的话 阅读全文

摘要： 在DOMRect对象中，所有参数的解释如下： x 和 y: 元素相对于视口左上角的水平和垂直坐标。这与 left 和 top 是等价的。 left 和 top: 元素的左边缘和上边缘相对于视口左上角的距离。 right 和 bottom: 元素的右边缘和底边相对于视口左上角的距离。 width 和 阅读全文

摘要：  阅读全文

摘要： 网页和iframe如何通讯？（听都没听过iframe） 属于HTML中Web Socket内容 iframe是HTML中的一个元素,它允许在一个HTML页面中嵌入另一个HTML页面。下面是对iframe的简要解释: 定义: iframe代表"内联框架"(Inline Frame)。 用途: 它用于在 阅读全文

摘要： 如何检测JS内存泄漏？JS内存泄露场景有哪些？ 垃圾回收GC：引用计数算法、标记清除。 引用计数👇有个问题：循环引用。 标记清除👇现代JS引擎使用的方法： ❗闭包内的数据是常驻内存的，不会被销毁。 内存泄漏：是指程序中已经不再需要的对象无法被垃圾回收器释放，导致内存占用越来越多，进而可能导致性能 阅读全文

摘要： 如何理解HTML语义化？ 默认情况下，哪些元素是块级元素，哪些是内联元素？ 盒模型宽度如何计算？ margin纵向重叠的问题 margin负值的问题 BFC理解和应用 float布局的问题 flex画色子 absolute和relative依据什么定位？ 居中对齐有哪些实现方式 line-heigh 阅读全文

摘要： 1. Vue中computed和watch的区别 两者用途不同啊！computed用于计算产生新的数据，watch用于监听现有数据。 computed有缓存，methods没有缓存。 computed有点儿像工厂模式（产生新的东西），watch像发布订阅模式。（是我目前的知识盲区） 2. Vue组件 阅读全文