jiajia199470的博客

懒加载核心实现之intersectionobserver 交叉观察器踩坑前言浏览器的兼容情况你可能会遇到的兼容性问题再来看看主流库的实现也想尝鲜 IntersectionObserver？问答环节先天条件不足，那只能放弃吗？结论为什么写此文题外话前言懒加载是一种对网页性能优化的方式，它的原理是除了首屏资源，部分资源在浏览器滚动时出现在可视区域内的再惰性加载，而不一次性加载所有。这样做对网页性能以及用户体验都有提升。如果你的懒加载方案是基于 intersectionobserver API ，出现懒加

项目结构

e.target 指向触发事件监听的对象。e.currentTarget 指向添加监听事件的对象

1镜像使用方法1通过config命令2命令行指定3编辑 npmrc 加入下面内容2nrm切换镜像方法1查看当前使用镜像registry1、镜像使用方法 （三种办法任意一种都能解决问题，建议使用第三种，将配置写死，下次用的时候配置还在）:1)通过config命令npm config set registry http://registry.cnpmjs.orgnpm info und

1、常用规则 规则值 "off"或者0 //关闭规则关闭"warn"或者1 //在打开的规则作为警告（不影响退出代码）"error"或者2 //把规则作为一个错误（退出代码触发时为1） 规则 "no-alert": 0,//禁止使用alert confirm prompt"no-array-constructor": 2,//禁止

1、字符编码的原理http://blog.youkuaiyun.com/xiaolei1021/article/details/52093706 1、 // UCS-2和UTF8都是unicode的一种编码方式 // js代码中使用的是UCS-2编码 2、 3、str2utf8: 1)字符转USC-2，用charCodeAt() 2）如英文的话，直接返回字符str.charAt(i)

1、Webpack入门教程http://www.jianshu.com/p/42e11515c10f 入门

configuration.module has an unknown property ‘plugins1、问题原因：是webpack版本不同，webpack.config.js配置不一样2、解决方案：webpack.config.js（主要看plugins位置）//注：“__dirname”是node.js中的一个全局变量，它指向当前执行脚本所在的目录。var webpack = requir

HTML>http-equiv="Content-Type" content="text/html; charset=utf-8">无标题文档li { list-style:none; width:114px; height:140px; background:url(img/normal.png); float:left; margin-right:20px; }window.

HTML>http-equiv="Content-Type" content="text/html; charset=utf-8">无标题文档div { width:100px; height:100px; border:1px solid #333; }id="div1">123id="btn1" type="button" value="按钮" />var

lang="en"> charset="UTF-8"> Document window.onload = function () { var str = ''; for(var i =0 ;i6000;i++) { str +='';

HTML>http-equiv="Content-Type" content="text/html; charset=utf-8">无标题文档li { height:30px; border-bottom:1px solid #333; }window.onload = function (){ var oUl = document.getElementById('list

1-1 第一种获取元素的方法：静态方法#list {} var oUl = document.getElementById('list');1-2 第二种获取元素的方法：动态方法li {} document.getElementsByTagName('li');#list li {}    var aLi = oUl.getElementsByTagName('li

HTML>http-equiv="Content-Type" content="text/html; charset=utf-8">无标题文档p { margin:0; }body { text-align:center; }#box { width:400px; height:400px; border:10px solid #ccc; margin:50px auto 0; p

1、属性值的获取HTML>http-equiv="Content-Type" content="text/html; charset=utf-8">无标题文档/* HTML 的属性操作：读、写 属性名： 属性值： 读操作：获取、找到 元素.属性名 写操作：“添加”、替换、修改

1、cookie 是什么？cookie：存储数据，当用户访问某个网页的时候，我们可以通过cookie来向访问者的电脑存储数据，这种存储是临时的：当浏览器关闭，cookie值夜被清空。1）不同浏览器存放cookie的位置是不一样的，不能通用2）cookie的存储是以域名形式进行区分的3）cookie的数据可以设置名字的4)一个域名下存放的cookie的个数是有限制的，不同的浏览器

1、getDate(); 获取当月的某一天，当天的“日”  用法：var d = new Date();//创建一个dateObjectdocument.write(d.getDate()) ;2、indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。语法：stringObject.indexOf(searchvalu

5、window.navigator 对象包含有关访问者浏览器的信息。例子：txt = "Browser CodeName: " + navigator.appCodeName + "";txt+= "Browser Name: " + navigator.appName + "";txt+= "Browser Version: " + navigator.appVersi

1-1 js数据类型数字、字符串、布尔、函数、对象(obj、[]、{}、null)、未定义1-2判断数据类型：typeof1-3-1 数字 number类型var i = 100;// alert( typeof i ); // number1-3-2字符串var s = ' miaov ';// alert( typeof s );