yzkdcsdn的博客

• 预加载：提前加载图片，当用户需要查看时可直接从本地缓存中渲染。预加载是 牺牲服务器前端性能，换取更好的用户体验，这样可以使用户的操作得到最快的 反映。 • 懒加载也叫延迟加载：按照一定的条件或者需求等到满足条件的时候再加载对应 的资源。懒加载页面加载速度快、可以减轻服务器的压力、节约了流量,用户体 验好。 • 预加载使用场景：在网页全部加载之前，对一些主要内容进行加载，以提供给用 户更好的体验，减少等待的时间。否则，如果一个页面的内容过于庞大，没有使 用预加载技术的页面就会长时间的展现为一片空白，直到所

此过程是建立在编译器为HBuilder条件下！！！ 直接上图看图！ 1、打包的话直接选择（5+App）点击创建 2、选择Android,然后点击修改manifst配置。3、修改基础配置 4、修改图标配置 5、修改模块配置 6、返回之前的模块，选择使用公共测试证书，点击传统打包。 7、等待打包结束就可以将网址复制到浏览器，然后在手机下载 ...

自己直接或间接调用自己本身 --函数调用发生在栈中 let a = 0； function fun() { console.log(++a)； fun(); } fun(); 优点：代码简洁 容易验证 缺点：要进行多次的调用，层数深的话会增加额外的栈处理，占用内存。递归次数太多的话，也会造成栈溢出 注意：跟循环比较像；递归有终止条件；可类比房子迷宫 （循环得特点是：速度快，结构简单，但是不能解决所有问题） ...

1.html语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析。 2.在没有样式Css情况下也以一种文档格式显示，并且是容易阅读的。 3.搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利于 SEO。 4.使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。 ...

内存泄漏（Memory Leak）是指程序中已动态分配的堆内存由于某种原因程序未 释放或无法释放，造成系统内存的浪费，导致程序运行速度减慢甚至系统崩溃等 严重后果。 怎样避免内存泄漏： 1、避免误建全局变量：在 JS 中使用未定义的变量，会在全局对象中定义一个 新变量。在浏览器中，全局变量是 window。 2、注意定时器或回调函数的使用：使用定时器不可避免，但尽量少使用，尽量 在使用完定时器后，使用 clearInterval 或者 clearTimeout。 ...

垃圾回收是一种动态存储管理技术，它自动地释放不再被程序引用的对象，按照特定的垃圾收集算法来实现资源自动回收的功能。当一个对象不再被引用的时候，内存回收它占领的空间，以便空间被后来的新对象使用，以免造成内存泄露。 ...

• IE 浏览器：Trident • 火狐：Gecko 代码开源 • 苹果 & 谷歌旧版本: Webkit • 谷歌 & 欧鹏: Blink

子元素如何在父元素中居中定位+margin:auto定位+margin-left+margin-top定位+transfrom（子元素未知宽高）弹性盒flex+margin: auto 定位+margin:auto 1、给父元素设置绝对定位 position：relative 子元素相对定位 position：absolute 2、left:0 top:0 right:0 ; bottom:0 ; margin:auto 定位+margin-left+margin-top 1、给父元素设置绝对定位

重绘和回流概念Layout(回流)Painting(重绘)发生场景如何避免或者减少回流和重绘 概念 解析 HTML，生成 DOM 树，解析 CSS，生成 CSSOM 树，将 DOM 树和 CSSOM 树结合生成渲染树(Render Tree) Layout(回流) 当渲染树中的一部分或者全部因为元素的尺寸、布局、隐藏等改变而需要重新构建的时候，这时候就会发生回流。根据生成的渲染树，进行回流(Layout)，得到节点的几何信息（位置，大小） Painting(重绘) 在回流的时候，浏览器会使渲染树中受到影响的

清除浮动的方式以及各自的优点 1.额外标签法（在最后一个浮动标签后，新加一个标签，给其设置 clear： both）不 推荐 o 优点：通俗易懂，方便 o 缺点：添加无意义标签，语义化差 2.父级添加 overflow 属性 （overflow：hidden）不推荐 o 优点：代码简洁 o 缺点：内容增多的时候容易造成不会自动换行导致内容被隐蔽掉，无法显示要溢 出的元素 3.给父级设置高度 o 优点：简单，代码少，容易掌握 o 缺点：只适合高度固定的布局，要给出精确的高度，如果高度和父级 div 不一 样时

Less 1.Less 是一种 css 预处理语言。 2.在 less 中可以定义一些变量和表达式以及使用嵌套语法; 3.less 中使用@定义变量(@baseColor:pink); 4.后期可以通过一些编译工具(less)将 less 编译成浏览器能直接识别的css 样式. 所以 less 只是在开发阶段使用的一种中间语言, 使用less 的目的是提高开发效率以及提高代码的可维护性。 Scss 1.scss 是一种 css 预处理语言, 在 less 中可以定义一些变量和表达式以及使用嵌套语法; 2.s

px em rem 这三中长度单位的区别 1.px 是一个绝对单位;em 和 rem 是一个相对单位, em 参考的是当前元 素的字体(font-size)大小, 参考的是页面根元素 html 的字体，也就是(font-size)大小 2.rem 是 CSS3 新增的一个相对单位（root em，根 em），使用 rem 为元素设定字 体大小时，仍然是相对大小，但相对的只是 HTML 根元素 ...

这里写自定义目录标题元素的垂直居中（方法） 元素的垂直居中（方法） 1.如果是图片，直接设置img的属性 vertical-align：middle；前提是需要设置父级元素为块级元素并且设置高度 2.如果是单行文本，可以通过设置子元素的 line-height 值等于父元素的 height，这种 方法适用于子元素为单行文本的情况。 3.通过定位父元素 position: relative 子元素 position: absolute top:50%; transform: translateY(-50%)