IT
QPQ_
这个作者很懒,什么都没留下…
展开
-
学习前端的好处,网站文章复制不了?别扯.
很多时候我们在网上浏览文章或查看资料的时候,看到写的非常好的句子想要复制粘贴保存一下,这是拖动鼠标,发现“选不中,复制不了”,哎,这时候咱们前端高能出手,这都不是事儿!很简单,接下来就为众多网友们传授这个简单的小秘诀!如果文章不是pdf,那么下列方法是奏效的,否则小编也无能为力了1.首先在你需要复制的文字处右键,选中”检查“,此处以google浏览器为例,如果是IE浏览器则选择”查看元素“,如果是...原创 2018-02-09 16:01:34 · 259 阅读 · 0 评论 -
主流浏览器内核介绍(浏览器内核历史)
内核首先得搞懂浏览器内核究竟指的是什么。浏览器内核又可以分成两部分:渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引擎。它负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入 CSS 等),以及计算网页的显示方式,然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同,所以渲染的效果也不相同。所有网页浏览器、电子邮件客...转载 2018-04-04 18:52:24 · 297 阅读 · 0 评论 -
js使用外部文件包含js的好处
在html文档中嵌入js脚本的方式有两种,一种是内部嵌套,另外一种是使用外部脚本链接,此处讲解使用后者的好处。(1)可维护性:遍及不同HTML页面的javascript会造成维护问题,但把所有js文件都放在一个文件夹中维护起来就轻松多了。而且开发人员因为也能够在不触及HTML标记的情况下集中精力编写js代码(2)可缓存:浏览器能够根据具体的设置缓存链接的所有外部js文件,也就是说,如果有2个页面都...原创 2018-02-22 00:07:22 · 2734 阅读 · 0 评论 -
深入理解js中函数的参数
ECMAScript函数的参数与大多数其他语言中函数的参数有所不同,ECMAScript函数不介意传递进来多少个参数,也不在乎传进来的参数是什么类型,也就是说,即便你定义的函数只接收两个参数,在调用这个函数时也未必一定要传递两个参数。可以传递一个、三个甚至不传递参数。原因:ECMAScript中的参数在内部是用一个数组来表示的,函数接收到的始终都是这个数组,而不关心数组中包含哪些数值。可以通过ar...原创 2018-02-22 00:06:43 · 322 阅读 · 0 评论 -
浏览器对CSS选择符的解析居然是从右往左的!
浏览器对CSS选择符的解析居然是从右往左的!没想到吧,这可能颠覆了大多数人以往的认知,也包括我。之前写css选择器的时候无论表示的该元素有没有特定的class或id标签总是喜欢加上父级,甚至极父级的父级,(一直觉得只要选择符不超过3,4个就应该差不多了)现在想想都阔怕,如果该元素本身就能唯一表示,那浏览器只要查找一次ok啦,那它之前的选择符查找岂不是白搭,可怕,吓得我赶紧去改代码...原创 2018-02-13 14:25:46 · 570 阅读 · 0 评论 -
js影响页面性能的2个隐藏因素(知识点摘录)
1.内存:由于js的垃圾回收机制,页面可能会出现卡顿现象或暂停现象。当浏览器回收内存时,JS执行被暂停,所以频繁垃圾回收会造成浏览器频繁执行。因此避免内存泄漏和频繁的垃圾回收暂停,以保持页面运行流畅至关重要。2.由于js执行的是单线程运行机制。所以在运行时,长时间运行的js会阻止主线程导致页面无响应。将工作分成更小部分(使用requestAnimationFrame()或requestAnimat...转载 2018-02-13 13:18:57 · 572 阅读 · 0 评论 -
关于position:relative和position:absolute的区别
1.相同点:都属于定位方式,可以设置定位属性top/bottom/left/right2.不同点:(1)relative:(相对定位):相对于自身原来所在位置进行定位,如果不对top/bottom/left/right进行设置(默认为left:0, top: 0),那么该元素将保持在原定位置,如果对上述4个参数进行设置,那么该元素将相对自身原来位置进行移动,但是它的移动并不会对其他的元素造成影响,...原创 2018-02-11 15:11:46 · 832 阅读 · 0 评论 -
关于ul中li横向排列时各自的margin问题解决
场景:有一排横向排列的图标,要实现鼠标hover图标的时候图标上移,鼠标离开时图标归位。li->display: inline-blockli:hover{ margin-top:-10px;}问题:鼠标移过的时候所有的li都向上移动。原因:inline-block使li变成了行内块元素,就是说所有的li块被包含在一个“行”里,一原创 2018-01-29 15:28:32 · 1866 阅读 · 0 评论 -
用css伪类实现提示对话框的小三角,哈哈!
今天实现下图提示表单提示框侧边的小三角。其实很简单,具体如下1.首先把对话框用div或其他块级元素先画出来,进行一个相对于大容器的absolute绝对定位,调整到合适位置。2.用伪类元素after给每个上述的块级元素添加小三角。直接上代码:(这里我用的p标签)p:after {content: "";position: absolute;原创 2018-01-29 15:26:32 · 2874 阅读 · 0 评论