摘要: 1. display:none 去除元素位置; 造成回流、重绘; 元素都没有了,自然无法触发时事件了; 2. visibility:hidden 元素存在且大小不变,只是没有渲染; 造成重绘; 元素绑定的事件不会触发了; 3. opacity:0 全透明; 元素存在且大小不变,只是没有渲染; 造成重 阅读全文
posted @ 2017-09-14 20:01 小儿比春花 阅读(198) 评论(0) 推荐(0) 编辑
摘要: float元素A的特点: 准确来说,是块盒子和A重叠,但块盒子内容会浮动在A周围 不会和inline元素重叠 图中显示了浮动导致的三大问题 (1)高度塌陷,父元素parent没被子浮动元素撑开 (2)浮动元素 和 块状元素 重叠 (3)文字、非块状元素img浮动在浮动元素周围(本质上这也算是第二种元 阅读全文
posted @ 2017-08-30 13:45 小儿比春花 阅读(755) 评论(0) 推荐(0) 编辑
摘要: 正则表达式带有局限性,适合匹配,不适合查找; 原理:正则匹配到子串后,会从子串的结尾处开始继续匹配 比如“aaaca ”中查找所有“aa”的子串,按理来说应该有2个“aa”子串(01、12);然而,全局正则匹配到01位后,继续从2位开始匹配,就会忽略到12位的子串,所以只会匹配到1个子串 var r 阅读全文
posted @ 2017-08-01 14:42 小儿比春花 阅读(154) 评论(0) 推荐(0) 编辑
摘要: 浏览器渲染过程: 浏览器接收到HTML页面,自上而下开始解析 遇到link标签,发送请求获取css文件,阻塞网页的解析 解析<div>各种标签,构建DOM tree 遇到图像,发送请求获取img资源,不会阻塞网页的解析(所以会出现,文档解析完毕,图片仍在加载的情况) 遇到js,除非是异步,否则会阻塞 阅读全文
posted @ 2017-08-01 12:29 小儿比春花 阅读(216) 评论(0) 推荐(0) 编辑
摘要: PS:本文说的是最基础的方法来判断,可使用API:element.getBoundingClientRect()搞定,简单介绍下: 返回值为ClientRect类型的对象 其中包括该元素的width、height 以及位置信息(top、bottom、left、right) width和height均 阅读全文
posted @ 2017-07-30 23:36 小儿比春花 阅读(707) 评论(0) 推荐(0) 编辑
摘要: 先交代一下manifest.json中的配置 1.获取当前页面的URL 可在popup.js中获取(chrome.tabs.getCurrent已经out了,返回值是undefined) 2.获取当前页面的HTML内容 content-script.js 是注入标签页内的脚本 popup.js 是弹 阅读全文
posted @ 2017-07-30 19:24 小儿比春花 阅读(26161) 评论(2) 推荐(0) 编辑
摘要: 还是把印象笔记上的东西,搬一些到博客上来吧~~~ 阅读全文
posted @ 2017-07-28 11:43 小儿比春花 阅读(128) 评论(0) 推荐(0) 编辑
摘要: 1.简单选择排序 基本思想:先选第一个数,分别与后面n-1个数比较,保留数组中最小值在位置上,大值则交换;再选第二个数,分别与后面n-2个数比较,如此循环 时间复杂度:O(n^2) 。。。 function selectSort(arr){ var temp; for(var i = 0; i < 阅读全文
posted @ 2017-07-27 22:42 小儿比春花 阅读(140) 评论(0) 推荐(0) 编辑
摘要: 当页面有滚动条时,按空格键会滚动页面,这是浏览器的默认行为,去除该默认行为即可。 注意:给keydown事件绑定~ 阅读全文
posted @ 2017-07-27 13:38 小儿比春花 阅读(2227) 评论(0) 推荐(0) 编辑
摘要: "use strict"; a = 999; // Uncaught SyntaxError: Octal literals are not allowed in strict mode. function test () { console.log(this); // undefined } te 阅读全文
posted @ 2017-07-27 11:19 小儿比春花 阅读(166) 评论(0) 推荐(0) 编辑