![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Html5-Css
yzkdcsdn
这个作者很懒,什么都没留下…
展开
-
预加载和懒加载的区别,预加载在什么时间加载合适
• 预加载:提前加载图片,当用户需要查看时可直接从本地缓存中渲染。预加载是牺牲服务器前端性能,换取更好的用户体验,这样可以使用户的操作得到最快的反映。• 懒加载也叫延迟加载:按照一定的条件或者需求等到满足条件的时候再加载对应的资源。懒加载页面加载速度快、可以减轻服务器的压力、节约了流量,用户体验好。• 预加载使用场景:在网页全部加载之前,对一些主要内容进行加载,以提供给用户更好的体验,减少等待的时间。否则,如果一个页面的内容过于庞大,没有使用预加载技术的页面就会长时间的展现为一片空白,直到所原创 2021-12-02 14:29:27 · 783 阅读 · 0 评论 -
打包手机app(手机可以下载)
此过程是建立在编译器为HBuilder条件下!!!直接上图看图!1、打包的话直接选择(5+App)点击创建2、选择Android,然后点击修改manifst配置。3、修改基础配置4、修改图标配置5、修改模块配置6、返回之前的模块,选择使用公共测试证书,点击传统打包。7、等待打包结束就可以将网址复制到浏览器,然后在手机下载...原创 2021-12-01 17:54:04 · 2173 阅读 · 0 评论 -
浅谈递归。
自己直接或间接调用自己本身 --函数调用发生在栈中let a = 0; function fun() { console.log(++a); fun(); } fun();优点:代码简洁 容易验证缺点:要进行多次的调用,层数深的话会增加额外的栈处理,占用内存。递归次数太多的话,也会造成栈溢出注意:跟循环比较像;递归有终止条件;可类比房子迷宫(循环得特点是:速度快,结构简单,但是不能解决所有问题)...原创 2021-12-01 17:41:01 · 232 阅读 · 0 评论 -
语义化的理解?
1.html语义化就是让页面的内容结构化,便于对浏览器、搜索引擎解析。2.在没有样式Css情况下也以一种文档格式显示,并且是容易阅读的。3.搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重,利于 SEO。4.使阅读源代码的人对网站更容易将网站分块,便于阅读维护理解。...原创 2021-11-30 21:26:04 · 209 阅读 · 0 评论 -
JS中的内存泄露
内存泄漏(Memory Leak)是指程序中已动态分配的堆内存由于某种原因程序未释放或无法释放,造成系统内存的浪费,导致程序运行速度减慢甚至系统崩溃等严重后果。怎样避免内存泄漏:1、避免误建全局变量:在 JS 中使用未定义的变量,会在全局对象中定义一个新变量。在浏览器中,全局变量是 window。2、注意定时器或回调函数的使用:使用定时器不可避免,但尽量少使用,尽量在使用完定时器后,使用 clearInterval 或者 clearTimeout。...原创 2021-11-30 21:08:26 · 867 阅读 · 0 评论 -
浅谈垃圾回收机制
垃圾回收是一种动态存储管理技术,它自动地释放不再被程序引用的对象,按照特定的垃圾收集算法来实现资源自动回收的功能。当一个对象不再被引用的时候,内存回收它占领的空间,以便空间被后来的新对象使用,以免造成内存泄露。...原创 2021-11-30 21:06:42 · 86 阅读 · 0 评论 -
常见的浏览器内核有哪些
• IE 浏览器:Trident• 火狐:Gecko 代码开源• 苹果 & 谷歌旧版本: Webkit• 谷歌 & 欧鹏: Blink原创 2021-11-26 20:29:04 · 63 阅读 · 0 评论 -
子元素如何在父元素中居中(必看)
子元素如何在父元素中居中定位+margin:auto定位+margin-left+margin-top定位+transfrom(子元素未知宽高)弹性盒flex+margin: auto定位+margin:auto1、给父元素设置绝对定位 position:relative 子元素相对定位 position:absolute2、left:0 top:0 right:0 ; bottom:0 ; margin:auto定位+margin-left+margin-top1、给父元素设置绝对定位原创 2021-11-26 20:28:04 · 748 阅读 · 0 评论 -
重绘和回流
重绘和回流概念Layout(回流)Painting(重绘)发生场景如何避免或者减少回流和重绘概念解析 HTML,生成 DOM 树,解析 CSS,生成 CSSOM 树,将 DOM 树和CSSOM 树结合生成渲染树(Render Tree)Layout(回流)当渲染树中的一部分或者全部因为元素的尺寸、布局、隐藏等改变而需要重新构建的时候,这时候就会发生回流。根据生成的渲染树,进行回流(Layout),得到节点的几何信息(位置,大小)Painting(重绘)在回流的时候,浏览器会使渲染树中受到影响的原创 2021-11-13 15:16:00 · 338 阅读 · 0 评论 -
清除浮动的方式以及各自的优点、缺点
清除浮动的方式以及各自的优点1.额外标签法(在最后一个浮动标签后,新加一个标签,给其设置 clear: both)不推荐o 优点:通俗易懂,方便o 缺点:添加无意义标签,语义化差2.父级添加 overflow 属性 (overflow:hidden)不推荐o 优点:代码简洁o 缺点:内容增多的时候容易造成不会自动换行导致内容被隐蔽掉,无法显示要溢出的元素3.给父级设置高度o 优点:简单,代码少,容易掌握o 缺点:只适合高度固定的布局,要给出精确的高度,如果高度和父级 div 不一样时原创 2021-11-01 17:45:55 · 183 阅读 · 0 评论 -
Less和Scss
Less1.Less 是一种 css 预处理语言。2.在 less 中可以定义一些变量和表达式以及使用嵌套语法;3.less 中使用@定义变量(@baseColor:pink);4.后期可以通过一些编译工具(less)将 less 编译成浏览器能直接识别的css 样式. 所以 less 只是在开发阶段使用的一种中间语言, 使用less 的目的是提高开发效率以及提高代码的可维护性。Scss1.scss 是一种 css 预处理语言, 在 less 中可以定义一些变量和表达式以及使用嵌套语法; 2.s原创 2021-10-30 17:52:09 · 622 阅读 · 0 评论 -
px em rem 这三种长度单位的区别
px em rem 这三中长度单位的区别1.px 是一个绝对单位;em 和 rem 是一个相对单位, em 参考的是当前元素的字体(font-size)大小, 参考的是页面根元素 html 的字体,也就是(font-size)大小2.rem 是 CSS3 新增的一个相对单位(root em,根 em),使用 rem 为元素设定字体大小时,仍然是相对大小,但相对的只是 HTML 根元素...原创 2021-10-30 17:47:55 · 282 阅读 · 0 评论 -
元素的垂直居中(方法)
这里写自定义目录标题元素的垂直居中(方法)元素的垂直居中(方法)1.如果是图片,直接设置img的属性 vertical-align:middle;前提是需要设置父级元素为块级元素并且设置高度2.如果是单行文本,可以通过设置子元素的 line-height 值等于父元素的 height,这种方法适用于子元素为单行文本的情况。3.通过定位父元素 position: relative子元素 position: absolute top:50%; transform: translateY(-50%)原创 2021-10-30 17:23:20 · 98 阅读 · 0 评论