前端
你若盛开 风景自来
这个作者很懒,什么都没留下…
展开
-
前端性能优化
图片方面1、采用css精灵图2、对于图片的各种格式有一个了解3、采用图片的懒加载javaScript方面1、将脚本放在页面的底部2、善于运用异步的操作3、代码的压缩4、js代码的格式,合理采用封装继承5、采用外部引入的方式6、避免过多的DOM操作7、尽量少用全局变量,尽量使用局部变量8、组件延迟加载CSS优化1、把CSS放在head中加载服务器优化1、GZIP压缩...原创 2019-10-06 00:52:21 · 98 阅读 · 0 评论 -
关于es6中对象代理的理解
1、es3中将其设为局部变量,然后采用闭包的方式set和get方法 var Person=function(){ var data={ name:"张三", age:"18", sex:"男" } th...原创 2019-09-27 10:04:41 · 263 阅读 · 0 评论 -
对AJAX的浅薄的理解
AJAX(Asynchronous Javascript and XML)异步的javascript和XML首先,它不是一种编程语言,是可以在不加载整个页面的情况下局部更新的一种技术核心是XMLHttpRequest通过XMLHttpRequest和web浏览器进行数据的交互和异步,然后通过javascript操作dom,实现动态的局部刷新1、创建一个XMLHttpRequest对象va...原创 2019-09-26 21:28:50 · 109 阅读 · 0 评论 -
jsDOM事件流
事件流表示的是从页面接收事件的顺序事件冒泡:从当前触发的最里边的顺序向上冒泡事件捕获:与事件冒泡完全相反事件处理程序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev...原创 2019-09-25 22:02:17 · 258 阅读 · 0 评论 -
对组合继承的理解
组合继承在结合原型链继承和构造器继承,结合了两者的优点,用原型链继承方法,将公用的方法放在构造函数下面的原型对象上;用构造器继承属性,避免了引用类型的属性被所有实例共享; //组合继承 function Father(name,age){ this.name=name this.age=age; this.say=function(){ ...原创 2019-09-25 17:19:58 · 166 阅读 · 0 评论 -
原型链继承和构造函数继承
//原型链继承 function Father(name,age){//构造器 this.name=name; this.age=age; this.say=function(){ console.log(this.name) } } Father.prototype.walk=function(){...原创 2019-09-24 22:34:31 · 1162 阅读 · 0 评论 -
js中对原型链继承的理解
function Father(name,age){//构造器 this.name=name; this.age=age; this.say=function(){ console.log(this.name) } } Father.prototype.walk=function(){//在对...原创 2019-09-23 22:09:54 · 136 阅读 · 0 评论 -
New操作符到底干了什么事
function Fun(){}Foo.prototype.z=12//在Foo对象的原型上添加了一个属性zvar obj=new Fun()//Foo原型进行了实例化obj.age=18//在obj对象上添加了一个属性age1、创建了一个空对象2、设置原型链obj._proto_=Foo.prototype这里涉及到了原型链的问题:每一个构造函数下面都有一个prototype属...原创 2019-09-23 21:33:36 · 167 阅读 · 0 评论