2019年12月28日

【web前端】谈谈浏览器的兼容性(面试题)

摘要: (一)html部分 1.H5新标签在IE9以下的浏览器识别 <!--[if lt IE 9]> <script type="text/javascript" src="js/html5shiv.js"></script><![endif]--> html5shiv.js下载地址https://git 阅读全文

posted @ 2019-12-28 15:09 smile轉角 阅读(12186) 评论(1) 推荐(1) 编辑

【web性能优化】相关文章

摘要: 一、减少请求资源大小或者次数 1、尽量和并和压缩css和js文件。(将css文件和并为一个。将js合并为一个) 原因:主要是为了减少http请求次数以及减少请求资源的大小 打包工具: webpack gulp grunt. ....2、尽量所使用的字体图标或者SVG图标来代替传统png图 因为字体图 阅读全文

posted @ 2019-12-28 15:07 smile轉角 阅读(209) 评论(0) 推荐(0) 编辑

【web性能优化】DOM的reflow 和repaint

摘要: 回流: 对于DOM结构中的各个元素都有自己的盒子模型,这些都需要浏览器根据各种样式(浏览器的、开发人员定义的等)来计算并根据计算结果将元素放到它该出现的位置,这过程称之为reflow(回流) 重绘: 当各种盒子的位置、大小以及其他属性,例如颜色、字体大小等都确定下来后,浏览器于是便吧这些元素都按照各 阅读全文

posted @ 2019-12-28 15:06 smile轉角 阅读(307) 评论(0) 推荐(0) 编辑

【web性能优化】web的发展史

摘要: 阅读全文

posted @ 2019-12-28 15:05 smile轉角 阅读(182) 评论(0) 推荐(0) 编辑

【web性能优化】视频类优化(慕课网笔记)

摘要: video标签的优缺点 优点:不需要下载额外资源 (比如:flash播放器需要下载. swf辅助插件),控制简单有效较为完整的api 缺点:每个浏览器的外观不一样 flash播放优缺点 优点:兼容性好,只要有flash player播放器插件,都可以进行播放 缺点: 1.需要下载额外的 swf 播放 阅读全文

posted @ 2019-12-28 15:04 smile轉角 阅读(622) 评论(0) 推荐(0) 编辑

【web性能优化】DNS解析与ip

摘要: DNS解析与ip url 统一资源定位符 它或许指定的是一个文件资源 或许是一个方法(比如接口) 为什么看到的网站会动呢 是因为浏览器可以解析html DNS 解析 ip地址 http权威指南 js引擎 301 302 域名服务器 ip服务器 cookie 是否合法 .cn .org .gov 最高 阅读全文

posted @ 2019-12-28 15:03 smile轉角 阅读(621) 评论(0) 推荐(0) 编辑

【web性能优化】雅虎军规

摘要: 英文: 中文: 内容部分 1.尽量减少HTTP请求数 80%的终端用户响应时间都花在了前端上,其中大部分时间都在下载页面上的各种组件:图片,样式表,脚本,Flash等等。减少组件数必然能够减少页面提交的HTTP请求数。这是让页面更快的关键。 减少页面组件数的一种方式是简化页面设计。但有没有一种方法可 阅读全文

posted @ 2019-12-28 15:02 smile轉角 阅读(356) 评论(0) 推荐(0) 编辑

【web性能优化】常用缓存方式(慕课网学习笔记)

摘要: 前端缓存技术 SessionStorage 临时存储 页面打开 页面关闭 优点: 临时 存储 关闭页面标签自动回收,不可以跨页面交互(刷新页面 sessionStorage存储的值存在 ,在同一个浏览器中打开相同的页面,sessionStorage存储的值不存在) 缺点:临时 成也萧何败也萧何,因为 阅读全文

posted @ 2019-12-28 15:01 smile轉角 阅读(251) 评论(0) 推荐(0) 编辑

【web性能优化】优化提纲及图片优化(慕课网笔记)

摘要: jpg 24位 png 体积大 256色 gif svg 矢量图 放大缩小不会失真 xml 图片压缩算法:小波算法 离散余弦算法(模糊到清晰) 阅读全文

posted @ 2019-12-28 15:01 smile轉角 阅读(192) 评论(0) 推荐(0) 编辑

导航