2019年9月18日
摘要: new操作符新建了一个空对象,这个对象原型指向构造函数的prototype,执行构造函数后返回这个对象 1、创建一个空的对象 2、链接到原型 3、绑定this指向,执行构造函数 4、确保返回的是对象 new过程一共有四个步骤: 题目解析 先看代码 var Func=function(){ }; va 阅读全文
posted @ 2019-09-18 21:23 嗯嗯呢 阅读(14347) 评论(0) 推荐(1) 编辑
摘要: mouseover:当鼠标移入元素或其子元素都会触发事件,所以有一个重复触发,冒泡过程。对应的移除事件是mouseout mouseenter:当鼠标移除元素本身(不包含元素的子元素)会触发事件,也就是不会冒泡,对应的移除事件是mouseleave mouseover和mouseenter的异同体现 阅读全文
posted @ 2019-09-18 16:30 嗯嗯呢 阅读(25879) 评论(0) 推荐(4) 编辑
摘要: 预加载:提前加载图片,当用户需要查看时可直接从本地缓存中渲染。 懒加载:懒加载的主要目的是作为服务器前端的优化,减少请求数或延迟请求数。 两种技术的本质:两者的行为是相反的,一个是提前加载,一个是迟缓甚至不加载。 懒加载对服务器前端有一定的缓解压力作用,预加载 则会增加服务器前端压力。 懒加载: i 阅读全文
posted @ 2019-09-18 15:56 嗯嗯呢 阅读(2773) 评论(0) 推荐(2) 编辑
摘要: 事件委托 事件委托指的是,不在事件的发生地(直接dom)上设置监听函数,而是在其父元素上设置监听函数,通过事件冒泡,父元素可以监听到子元素上事件的触发,通过判断事件发生元素DOM的类型,来做出不同响应。 举例:最经典的就是ul和li标签的事件监听,比如我们在添加事件时候,采用事件委托机制,不会在li 阅读全文
posted @ 2019-09-18 10:52 嗯嗯呢 阅读(241) 评论(0) 推荐(0) 编辑
摘要: 在DOM标准事件模型中,是先捕获后冒泡。但是如果要实现先冒泡后捕获的效果,对于同一事件,监听捕获和冒泡,分别对应响应的处理函数,监听到捕获事件,先暂缓执行,直到冒泡事件被捕获后再执行捕获事件。 阅读全文
posted @ 2019-09-18 10:43 嗯嗯呢 阅读(2168) 评论(0) 推荐(1) 编辑
  2019年9月17日
摘要: 事件处理程序就是响应某个事件的函数,简单地来说,就是函数。我们又把事件处理程序称为事件侦听器。事件处理程序是以“on“开头的,比如点击事件的处理程序是”onclick“,事件处理程序大概由以下5种。 1 HTML事件处理程序 2 DOM0级事件处理程序 3 DOM2级事件处理程序 4 IE事件处理程 阅读全文
posted @ 2019-09-17 22:39 嗯嗯呢 阅读(1198) 评论(0) 推荐(0) 编辑
  2019年9月13日
摘要: 原文:https://www.jianshu.com/p/43ce4d7d6151 创建对象的方法: 创建一个空对象有以下三个方法: 创建空对象的区别: 要创建一个干净的空对象,应该使用Object.create(null)而不是剩下两种。 通过做Object.create(null),我们可以显式 阅读全文
posted @ 2019-09-13 16:00 嗯嗯呢 阅读(1561) 评论(0) 推荐(0) 编辑
  2019年9月12日
摘要: 1.冒泡事件:当一个组件上的事件被触发后,该事件会向父节点传递 <view class="container" bind:tap="containerTap"> <view bind:ta="onTap" class="pressBtn" id="view" data-name="容器"> <tex 阅读全文
posted @ 2019-09-12 11:24 嗯嗯呢 阅读(279) 评论(1) 推荐(0) 编辑
  2019年9月11日
摘要: attribute是dom元素在文档中作为html标签拥有的属性 property是dom元素在js中作为对象拥有的属性 对于html的标准属性来说,attribute和property是同步的,是会自动更新的。 但是对于自定义的属性来说,他们是不同步的。(自定义属性不会自动添加到property) 阅读全文
posted @ 2019-09-11 22:19 嗯嗯呢 阅读(361) 评论(0) 推荐(0) 编辑
摘要: "保留关键字*this代表在for循环中的item本身",这种表示需要item本身是一个唯一的字符串或者数字,如果是对象则不可以 data:{ array:[1,2,3,4,5], objs:[{id:1},{id:2},{id:3},{id:4}] } wx:key的值以两种形式提供: 1.字符串 阅读全文
posted @ 2019-09-11 22:05 嗯嗯呢 阅读(390) 评论(0) 推荐(0) 编辑