摘要: 一、定义 当打开一个有很多图片的页面时,先只加载页面上看到的图片,等滚动到页面下面时,再加载所需的图片。这就是图片懒加载。 二、作用 防止页面一次性向服务器发送大量请求,页面卡顿崩溃;缓解浏览器的压力,增强用户体验。 三、实现方式 1、设置图片src属性为同一张图片,同时自定义一个data src属 阅读全文
posted @ 2019-08-15 09:50 sunidol 阅读(156) 评论(0) 推荐(0) 编辑
摘要: 1. 什么是视口? 在桌面端,视口指的是在桌面端,指的是浏览器的可视区域;而在移动端,它涉及3个视口:Layout Viewport(布局视口),Visual Viewport(视觉视口),Ideal Viewport(理想视口)。 2. 视口单位vw,vh 视口单位中的“视口”,桌面端指的是浏览器 阅读全文
posted @ 2019-08-10 15:57 sunidol 阅读(538) 评论(0) 推荐(0) 编辑
摘要: 1、未知宽高的元素实现水平垂直居中 方法一:flexbox布局 优点:方便 缺点:兼容性不好,IE支持很差 方法二:使用CSS3的transform + 绝对定位 优点:方便,支持webkit内核 缺点:transform兼容性差,IE9以下不支持 方法三:使用display: table cell 阅读全文
posted @ 2019-08-10 10:23 sunidol 阅读(236) 评论(0) 推荐(0) 编辑
摘要: DNS预解析的目的 在网页体验中我们常会遇到这种情况,即在调用百度联盟、谷歌联盟以及当前网页所在域名外的域名文件时会遇到请求延时非常严重的情况。那么有没有方法去解决这种请求严重延时的现象呢? DNS预解析 一般来说,在前端优化中与 DNS 有关的有两点: 1)是减少DNS的请求次数,2)是进行DNS 阅读全文
posted @ 2019-08-07 08:27 sunidol 阅读(2824) 评论(0) 推荐(0) 编辑
摘要: 一、对于MVVM的理解 MVVM 是 Model View ViewModel 的缩写。 + Model 代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑。 + View 代表视图模型,它负责将数据模型转化成UI 展现出来。View 层不负责处理状态,View 层做的是 数据绑定的声明 阅读全文
posted @ 2019-08-06 12:53 sunidol 阅读(7675) 评论(0) 推荐(0) 编辑
摘要: 模块化的开发方式可以提高代码复用率,方便进行代码的管理。通常一个文件就是一个模块,有自己的作用域,只向外暴露特定的变量和函数。目前流行的js模块化规范有 CommonJS、AMD、CMD(前三者是ES5中提供的)以及ES6的模块系统import/export 。 CommonJS Node.js是c 阅读全文
posted @ 2019-08-06 10:06 sunidol 阅读(861) 评论(0) 推荐(0) 编辑
摘要: 从用户输入URL到浏览器呈现页面经过了哪些过程? 1、用户输入URL,浏览器获取URL 2、浏览器进行DNS解析(如果输入的是IP地址,此步骤省略) 浏览器根据地址去本身缓存中查找dns解析记录,如果有,则直接返回IP地址,否则浏览器会查找操作系统中(hosts文件)是否有该域名的dns解析记录,如 阅读全文
posted @ 2019-08-05 11:11 sunidol 阅读(276) 评论(0) 推荐(0) 编辑
摘要: 互联网寒冬之际,各大公司都缩减了HC,甚至是采取了“裁员”措施,在这样的大环境之下,想要获得一份更好的工作,必然需要付出更多的努力。 一年前,也许你搞清楚闭包,this,原型链,就能获得认可。但是现在,很显然是不行了。本文梳理出了一些面试中有一定难度的 高频原生JS问题 ,部分知识点可能你之前从未关 阅读全文
posted @ 2019-08-05 11:10 sunidol 阅读(506) 评论(0) 推荐(1) 编辑
摘要: slice splice split 这三个真的更容易混淆 针对字符串的操作:split,slice + 1\. split 把一个字符串分割成字符串数组 语法:string.split(separator,howmany) separator 必需。字符串或正则表达式,从该参数指定的地方分割 st 阅读全文
posted @ 2019-08-05 11:09 sunidol 阅读(1457) 评论(0) 推荐(0) 编辑
摘要: 前言 + JS异步执行机制具有非常重要的地位,尤其体现在回调函数和事件等方面。 + 异步加载也叫非阻塞模式加载 + 同步或非同步,表明着是否需要将整个流程按顺序地完成 + 阻塞或非阻塞,意味着你调用的函数会不会立刻告诉你结果 javascript的单线程和异步 + js是单线程语言(能提高效率。作为 阅读全文
posted @ 2019-08-05 11:08 sunidol 阅读(6004) 评论(0) 推荐(0) 编辑