笔记
Mandy Ma
这个作者很懒,什么都没留下…
展开
-
《javascript高级程序设计》第六章 读书笔记 之 javascript继承的6种方法
本文首发于https://segmentfault.com/a/1190000017840651ECMAScript只支持实现继承,主要依靠原型链来实现。与实现继承对应的是接口继承,由于script中函数没有签名,所以无法实现接口继承。一、原型链基本思想:利用原型让一个引用类型继承另一个引用类型的属性和方法。构造函数、原型和实例的关系:每一个构造函数都有一个原型对象,原型对象都包含一个指向...原创 2019-02-22 11:12:41 · 135 阅读 · 0 评论 -
仿照vue实现双向数据绑定兼容IE6
vue的双向绑定原理:使用object.definproperty改写data数据属性的set内容,当属性发生更改时,set函数调用,通知vue组件绑定的watcher(一个组件一个watcher),然后对相关试图进行刷新仿照这个思路,做了一下demo,因为vue依靠object.definproperty实现mvvm,由于ie不支持object.definproperty,所以vue不能兼容低...原创 2019-08-06 18:16:43 · 609 阅读 · 1 评论 -
原生js+css 实现轮播图 完整代码
利用原生的js实现轮播图,可以添加到自己的UI库中,在以后的项目中对其进行修改然后添加到已有项目中。先写出css部分和html部分,直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>3</title></he...原创 2019-07-24 16:30:42 · 1638 阅读 · 0 评论 -
笔记:前端性能优化
通用的一些性能优化方法:1、减少网络请求数量(越少越好)例如:合并css文件合并js文件使用雪碧图2、减少文件体积(越小越好)通过压缩资源实现3、缓存(合理使用,避免重复请求)DNS缓存CDN部署与缓存http缓存总的目的还是减少网络请求,或者是提高网络请求速度4、异步请求按需加载:使用时生成,按需一次加载或分次按需加载首屏加载5、增加数据请求量按照贷款,...原创 2019-06-28 09:54:13 · 81 阅读 · 0 评论 -
笔记:2019年5月
关于更好地写出代码划分好的层次html,css,javascript不应该紧密耦合。使得显示问题的唯一来源应该是css,行为问题的唯一来源应该是javascript。应用和业务逻辑之间松散耦合的几条原则:(1)勿将event对象传给其他方法;只传来自event对象中所需的数据(2)任何可以在应用层面的动作都应该可以在不执行任何事件处理程序的情况下进行(3)任何时间处理程序都应...原创 2019-05-10 13:38:01 · 91 阅读 · 0 评论 -
笔记:2019年4月-有关vue
最近在做一个vue结合arrdio的桌面项目,记录一些其中的点1、跨组件传递值vue自带封装的on和on和on和emit,事件机制可以很好的解决这个问题。但是在项目中引入了一个Bus.js文件,长这个样子import Vue from 'vue'export default new Vue();就是用一个vue实例来当作桥梁,监听和发布事件。...原创 2019-05-06 11:04:17 · 112 阅读 · 0 评论 -
笔记:2019年3月
1、内联元素留白问题在写小程序时,发现图片下方有留白的现象,问题解决方法有很多给外层元素加height属性给image加vertical-align属性,top,middle,bottom都可以用margin属性(不太建议)搜索问题之后发现html中内联元素也有留白的问题。(即两个display:inline或inline-block的元素之间)问题产生原因:两个内联元素如果之...原创 2019-03-07 15:22:02 · 95 阅读 · 0 评论 -
笔记:2019年2月
event.target中保存的是触发事件的DOM元素,通常用来与this比较来确定事件是不是由于冒泡而触发的。经常用于事件冒泡时处理事件委托。事件委托是利用事件冒牌,只指定一个事件处理程序就可以管理某一类事件。事件冒泡,就是从触发事件的元素开始向外层逐层传递,直到document层次。事件冒泡如: Title ...原创 2019-02-22 16:36:39 · 141 阅读 · 0 评论 -
《javascript高级程序设计》第六章 读书笔记 之 javascript对象的几种创建方式
本文首发于https://segmentfault.com/a/1190000017776314一、工厂模式工厂模式:使用字面量和object构造函数会有很多重复代码,在此基础上改进解决了多个相似对象的问题,但没有解决对象识别的问题(即怎样知道一个对象的类型)二、构造函数模式与工厂模式创建对象的不同之处:没有显示创建对象,直接将属性和方法赋给this对象,没有return语句。默认r...原创 2019-02-22 11:20:27 · 109 阅读 · 0 评论 -
笔记:杂记
1、实现一个深拷贝函数function deepClone(obj, hash = new WeakMap()) { //递归拷贝 if (obj instanceof RegExp) return new RegExp(obj); if (obj instanceof Date) return new Date(obj); if (obj === null || typ...原创 2019-08-09 11:32:05 · 84 阅读 · 0 评论