
html
风~蒲公英
以平常心做事,以平常心待人,以平常心面对生活!
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JS 删除对象中的某个属性
下面来介绍一个通用的彻底删除的方法:var myObject = {“ircEvent”: “PRIVMSG”,“method”: “newURI”,“regex”: “^http://.*”};delete myObject.regex;console.log(myObject);OK了原创 2021-09-26 15:51:35 · 230 阅读 · 0 评论 -
element组件库的tree给节点添加icon图标
组件库的tree接点<el-tree :data="data" node-key="id" :props="defaultProps" @node-click="handleNodeClick"></el-tree>在树代码中间,增加span标签,通过:class绑定icon,通过label绑定树的名称<el-tree :data="data" node-key="id" :props="defaultProps" @node-click="handleNodeCl原创 2021-09-13 16:05:12 · 2226 阅读 · 0 评论 -
得到两个数组合并后的不同的元素及相同的元素
//得到两个数组合并后的不同的元素function getArrDifference(arr1, arr2) {return arr1.concat(arr2).filter(function(v, i, arr) {console.log(v,i,arr,arr.indexOf(v),arr.lastIndexOf(v))return arr.indexOf(v) === arr.lastIndexOf(v);});}//得到两个数组相同的元素function getArrEqual(ar原创 2021-03-30 11:03:09 · 239 阅读 · 0 评论 -
什么是重绘与回流,二者之间的关系是?
1、什么是重绘、回流重绘(repaint):当元素样式改变而不影响元素在页面中的位置时,浏览器对元素进行更新这就是重绘;回流(reflow):当元素样式改变而影响到其在页面中的位置和大小时,浏览器将对页面重新计算渲染树,这就是回流二者之间的关系:发生回流一定会触发重绘,但是触发重绘不一定会发生回流;举个简单的例子:因为元素的颜色的改变会导致元素的样式改变此时就触发了重绘,但是其并没有影响其在页面的位置和大小所以就没有触发回流;但是元素通过定位或者改变大小导致样式的改变此时即符合重绘的定义也符合回原创 2021-03-23 15:16:37 · 948 阅读 · 0 评论 -
解决Vue初始化的时候,页面闪烁现象
解决Vue初始化的时候,页面闪烁现象使用vue开发时,在vue初始化之前,由于div是不归vue管的,所以我们写的代码在还没有解析的情况下会容易出现花屏现象,看到类似于{{message}}的字样,虽然一般情况下这个时间很短暂,但是我们还是有必要让解决这个问题的就是在我的根dom上加上 style=“display: none;” :style="{display: ‘block’}"&l...翻译 2019-08-22 10:59:50 · 1544 阅读 · 0 评论 -
记录利用CSS完美解决前端图片变形问题
记录利用CSS完美解决前端图片变形问题一、让图片的宽度或者高度等于容器的宽度或高度,多余的裁掉,然后让图片居中:<style type="text/css">div{ width: 200px; height: 200px; overflow: hidden; border: 2px solid red; position: relativ...转载 2019-08-21 16:13:59 · 803 阅读 · 1 评论 -
CSS加载会造成阻塞吗?
js执行会阻塞DOM树的解析和渲染,css的加载也会阻塞DOM树的解析,但是不会阻塞DOM树的渲染经过测试:当css还没加载出来的时候,页面显示白屏,直到css加载完成之后,红色字体才显示出来,也就是说,下面的内容虽然解析了,但是并没有被渲染出来。所以,css加载会阻塞DOM树渲染。个人对这种机制的评价其实我觉得,这可能也是浏览器的一种优化机制。因为你加载css的时候,可能会修改下面DOM...原创 2019-08-19 10:47:55 · 263 阅读 · 0 评论 -
如何合理布局浏览器网页!
下面介绍关于如何合理布局浏览器网页我们可以选了解以下属性:float:left,right;margin;padding;position;欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行...原创 2019-03-16 10:43:08 · 433 阅读 · 0 评论 -
关于五大浏览器 厂商的内核!
关于五大浏览器厂商的内核:IE: trident 内核Firefox:gecko 内核Safari:webkit 内核Opera:以前是 presto 内核,Opera 现已改用 Google Chrome 的 Blink 内核Chrome:Blink(基于 webkit,Google 与 Opera Software 共同开发...原创 2019-03-09 16:14:20 · 3396 阅读 · 0 评论 -
关于Web前端性能&SEO优化
转至:https://www.2cto.com/kf/201604/498725.html https://www.cnblogs.com/EnSnail/p/5671345.html;浏览器访问优化:浏览器请求图如下:1、减少http请求,合理设置 HTTP缓存:http协议是无状态的应用层协议,意味着每次http请求都需要建立通信链路、进行数据传输,而在服务器端,每个http都需要启动...转载 2019-03-08 20:03:12 · 317 阅读 · 0 评论 -
浅谈前端post和get的区别
Post和Get的区别:1 get是从服务器上获取数据,post是向服务器传送数据。2 get是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看到。post是通过HTTP post机制,将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。3 对于get方式,服务器端...原创 2019-03-06 08:44:10 · 3293 阅读 · 0 评论