duangduangxiu-CSDN博客

原创什么是闭包？

闭包其实就是函数嵌套函数，内部函数能够访问外部函数的变量例如：(function() {var a = 1;function add() {var b = 2var sum = b + aconsole.log(sum); // 3}add()})()闭包的优点可以隔离作用域，不造成全局污染，还可以将变量全局使用。闭包的缺点由于闭包长期驻留内存，则长期这样会导致内存泄露如何解决内存泄露：将暴露全外部的闭包变量置为null适用场景：for循环给元素添加点击事件

2022-05-25 20:26:58 221

原创什么是闭包

闭包就是函数嵌套函数；例如： function a() { var n = 10; function b() { n++; console.log(n); } return b; } var fn = a(); fn();//11 fn();//12 a()();//11 a()();//11闭包的优点：可以隔离作用域，不造成全局污染，还可以将

2022-05-09 16:28:25 179

原创微信小程序的相关文件类型

微信小程序项目结构主要有四个文件类型：wxml；wxss；json；js.WXML是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。内部主要是微信自己定义的一套组件。例如、button sweiper.WXSS(WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式。但是他跟css有一定的区别，例如单位、css使用px、wxss使用rpx.js逻辑处理，网络请求。例如.绑定事件中传递参数绑定事件事件中的参数传递在wxml中

2022-05-09 10:04:16 773

原创 CSS和JS的位置会影响页面的效率，为什么？

01.css样式属于异步加载，加载过程中不会影响到DOM树的生成，但是会影响到Render（渲染）树的生成，进而影响到layout（布局）。所以一般会把link标签尽量放在head里面，然后在解析DOM树的时候是自上而下的，解析DOM树的加载和CSS样式的加载尽可能的并行，加快Render（渲染）树生成的速度。02-js脚本应该放在底部，如果js放在首部，js脚本会阻止页面中其他内容的加载与显示，而且js的作用主要是处理交互，而交互必须得先让页面呈现才能进行，所以为了保证用户体验，尽量让css在头部提前

2022-01-12 11:12:49 247

原创用纯CSS实现三角形的原理是什么？

首先，需要把元素的宽度、高度设为0。然后设置边框样式为透明，代码如下:width: 0;height: 0;border-top: 40px solid transparent;border-left: 40px solid transparent;border-right: 40px solid transparent;border-bottom: 40px solid #ff0000;...

2022-01-12 11:11:36 75

原创 rgba、opacity、transparent透明效果有什么区别？

rgba()、opacity、transparent都能实现透明效果.opacity 用来设置元素的不透明级别，从 0.0 （完全透明）到 1.0（完全不透明），属性的所有后代元素都会继承 opacity 属性.rgba()只作用于当前元素，不会继承透明属性.transparent 是颜色的一种，这种颜色叫透明色...

2022-01-09 23:53:20 433

原创什么是回流什么是重绘以及区别？

回流:因为元素的规模尺寸，布局，显示隐藏等改变而需要重新构建，页面布局发生改变，叫回流重绘:元素更新属性，只是影响元素的外观，风格，比如更改背景色、文字颜色等，而不会影响布局的叫重绘这两个的区别:回流必将引起重绘，而重绘不一定会引起回流。...

2022-01-09 23:51:34 505

原创 ::before和:before有何异同？

伪类和伪元素的具体概念如下:伪类: 用于已有元素处于某种状态时为其添加对应的样式，这个状态是根据用户行为而动态变化的。伪元素: 用于创建一些不在DOM树中的元素，并为其添加样式。相同点::before和::before写法是等效的.不同点:1.单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素2 :before是CSS2的写法，::before是CSS3的写法3 :before的兼容性要比::before好...

2022-01-09 23:49:40 540

原创 display:none与visibility:hidden的区别

display: none 不显示对应的元素，在文档布局中不再分配空间visibility: hidden 隐藏对应元素，在文档布局中仍保留原来的空间支持过渡opacity：0 透明度为0，在文档布局中仍保留原来的空间，支持过渡...

2022-01-09 23:46:43 153

原创 position的值有哪些?

static: 默认值没有定位，元素出现在标准流中，不支持边偏移（top，left，right，bottom）relative (相对定位):生成相对定位的元素,相对于其正常（原先本身）位置进行定位absolute（绝对定位):生成绝对定位的元素，相对于static定位以外的第一个父元素进行定位fixed（固定定位）:生成绝对定位的元素，相对于浏览器窗口进行定位...

2022-01-09 23:44:16 273

原创如何让一个已知宽高盒子垂直水平居中？如何让一个未知宽高盒子垂直水平居中？

如何让一个已知宽高盒子垂直水平居中？一个盒子加父相子绝定位，上下左右边偏移都是0，而且加一个margin:auto

2022-01-09 23:42:41 286

原创为什么会出现浮动？浮动会带来哪些问题？清除浮动的方式有哪些？哪种较好？

浮动产生的原因：01-需要块级元素处于一行02-需要文字环绕在图片周围浮动带来的问题：1. 父元素的高度无法被撑开，影响与父元素同级的元素2. 与浮动元素同级的非浮动元素（内联元素）会跟随其后3. 如果当前元素浮动会影响后面元素，那么后面元素也得浮动（或者需要清除浮动）清除浮动的方式:1. 父级div定义height2. 父级div定义overflow：hidden3. 父级div定义overflow：auto。4. 结尾处加空div标签clear:both5. 结尾处加br标签cl

2022-01-09 23:39:33 1383

原创 Doctype作用? 严格模式与混杂模式如何区分？

作用： <!DOCTYPE>,文档声明；用于告知浏览器该以何种版本规范来渲染文档.严格模式和混杂模式的区别：严格模式：页面排版及 JS 解析是以该浏览器支持的最高标准来H5版本规范执行混杂模式：不严格按照标准执行，主要用来兼容旧的浏览器，向后兼容，当页面没有文档声明时，页面会以混杂模式呈现...

2022-01-09 23:34:40 298

原创什么叫CSS盒模型？有哪几种盒模型？有什么区别？box-sizing属性有什么用？

什么是CSS盒模型？在我们的HTML页面中，每一个元素都可以被看成一个盒子，而这个盒子由:内容(content)、内边距(padding)、边框(border)、外边距(margin) 四部分组成.有哪几种盒模型？对于盒模型，分为标准盒模型和怪异盒模型两种.有什么区别？标准(W3C)盒模型的范围包括margin、border、padding、content,并且设置的宽高只包含content，不包含（padding+border）其他部分怪异(IE)盒模型的范围包括margin、border

2022-01-09 23:32:17 714

原创页面导入样式，使用link和@import有什么区别？

链接式和导入式有什么区别（链接式，导入式，内嵌式，行内）1.从属关系:link是html标签，@import是css提供的.2.加载差异:页面加载时，link会同时加载；而@import会在html结构完成后加载.3.兼容性:link（是标签）没有兼容问题，@import不兼容ie5以下的浏览器.4.可操作性:link可以通过js操作dom（盗墓文档对象模型）插入link标签改变样式，而@import不能...

2022-01-09 23:28:30 521

原创 div+css和table布局的优缺点

table 缺点：嵌套深、不灵活、代码臃肿、colspan和rowspan用的太多会造成文档混乱、不够语义化div+css布局优点：符合w3c的标准、支持浏览器向后兼容、对搜索引擎友好、代码简洁、表现和结构分离、样式调整方便...

2021-12-31 00:58:01 291

原创什么是BFC

1、BFC是什么块级格式化上下文，是一种独立的渲染区域2、原理内部的box是垂直排列、BFC元素的垂直方向外间距是由margin决定、BFC是页面上独立的容器内部元素和外部元素不会相互影响、BFC的元素不会和float区域的元素重叠、计算BFC的高度时也会将浮动元素高度计算在内3、触发BFC浮动元素：除了none以外的值定位元素：position：absilute；position：fixed；display :inline-block table-cell table-capt

2021-12-31 00:53:38 101

原创 html圣杯布局

/* 头部 */<div class="header"></div>/* box 包裹着三个需要浮动的小盒子（center left right） */<div class="box">/* center 要写在其他两个盒子之前 *需要自适应宽度 */<div class="center"></div><div class="left"></div><div class="right">&

2021-12-28 01:04:00 290

lovewuhuarou的博客