- 博客(8)
- 收藏
- 关注
RSS订阅原创 懒加载方法
图片懒加载原理及实现由于过多的图片会严重影响网页的加载速度，并且移动网络下的流量消耗巨大，所以说延迟加载几乎是标配了。图片懒加载的原理很简单，就是我们先设置图片的data-set属性（当然也可以是其他任意的，只要不会发送http请求就行了，作用就是为了存取值）值为其图片路径，由于不是src，所以不会发送http请求。 然后我们计算出页面scrollTop的高度和浏览器的高度之和， 如果图片举例页面顶端的坐标Y（相对于整个页面，而不是浏览器窗口）小于前两者之和，就说明图片就要显示出来了（合适的时机，当然也
2020-06-15 11:10:26
224
原创 浅谈前端优化
一.减少请求数量1、雪碧图 - gulpCSS雪碧图是以前非常流行的技术，把网站上的一些图片整合到一张单独的图片中，可以减少网站的HTTP请求数量，但是当整合图片比较大时，一次加载比较慢。随着字体图片、SVG图片的流行，该技术渐渐退出了历史舞台2、Base64将图片的内容以Base64格式内嵌到HTML中，可以减少HTTP请求数量。但是，由于Base64编码用8位字符表示信息中的6个位，所以编码后大小大约比原始值扩大了 33%3、使用字体图标来代替图片自定义字体 @font-face{}4
2020-06-13 10:26:46
157
原创 ajax及ajax跨域
1.ajax的概念和优势–AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。–通过在后端与服务器进行少量数据交换，AJAX 可以使网页实现异步(局部)更新。–可以把一部分以前由服务器负担的工作转移到客户端，利用客户端的闲置的资源进行处理，减轻服务器和带宽的负担，节约空间和成本.–可以调用xml、json、php等外部数据。–ajax配合服务器的环境2.ajax优缺点AJAX的优点（1）无
2020-05-29 22:20:17
245
原创 javascript中的深拷贝和浅拷贝
对于这个问题，可以考虑从深拷贝和浅拷贝的使用或者起源说起，也就是为什么会出现这个问题。首先了解一些javascript的基本知识。1、javascript变量包含两种不同数据类型的值：基本类型和引用类型。基本类型值指的是简单的数据段，包括es6里面新增的一共是有6种，具体如下：number、string、boolean、null、undefined、symbol引用类型值指那些可能由多个值构成的对象，只有一种如下：object–在将一个值赋给变量时，解析器必须确定这个值是基本类型值还是引用类型值。基
2020-05-27 18:54:13
162
原创 回调函数callback及promise
同步与异步javascript语言是一门“单线程”的语言，javascript就像一条流水线，仅仅是一条流水线而已，要么加工，要么包装，不能同时进行多个任务和流程,无论如何，js做事情的时候都是只有一条流水线（单线程），同步和异步的差别就在于这条流水线上各个流程的执行顺序不同。同步任务：在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务；异步任务：不进入主线程、而进入"任务队列"的任务，只有等主线程任务执行完毕，"任务队列"开始通知主线程，请求执行任务，该任务才会进入主线程执行。回
2020-05-23 17:26:01
598
原创 闭包和继承
什么是闭包闭包就是定义在一个函数内部的函数(函数嵌套函数)，闭包就是将函数内部和函数外部连接起来的一座桥梁。闭包的形成与变量的作用域以及变量的生存周期密切相关，变量的作用域，就是指变量的有效范围。生存周期对于全局变量是永久的，除非我们主动销毁这个全局变量。(垃圾回收机制)而对于在函数内用 var 关键字声明的局部变量来说，当退出函数时，它们都会随着函数调用的结束而被销毁。闭包特点：–在一个函数内部定义另外一个函数，并且返回内部函数。–内部函数可以读取外部函数定义的局部变量(利用函数内部的函数间接
2020-05-21 20:07:33
264
2
原创 cookie，localstorage和sessionstorage
cookie的概念cookie又叫会话跟踪技术是由Web服务器保存在用户浏览器上的小文本文件，它可以包含相关用户的信息。无论何时用户链接到服务器，Web站点都可以访问Cookie信息。比如：自动登录、记住用户名，记住一些和用户相关的信息等cookie的特点-禁用cookie后，无法正常注册登陆；-cookie是与浏览器相关的，不同浏览器之间所保存的cookie也是不能互相访问的；-cookie可以被删除。因为每个cookie都是硬盘上的一个文件；-cookie安全性不够高-xss攻击c..
2020-05-20 21:18:24
770
4
原创 面对对象_逆战班
对象创建方式1.字面量创建弊端：代码冗余。2.借助内置构造函数创建具体的对象弊端：代码冗余3.通过工厂函数创建具体的对象弊端：无法判断对象属于哪一个类型。4.自定义构造函数弊端：每个实例调用的方法应该是一致的，但是实际上在生成实例时，各自都创建了自己的方法。消耗了内存。This指向指导思想：谁调用这个函数或者方法，this就指向谁；箭头函数里的this指向定义时所在环...
2020-02-23 19:41:03
115
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人