摘要：
CSS布局的四种定位方式 1、static（静态定位）： 默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。参考上篇随笔。 2、relative（相对定位）： 定位为relative的元素脱离正常的文档流，但其在文档流中的位 阅读全文
posted @ 2020-08-08 18:26
大牛半路出家
阅读(216)
评论(0)
推荐(0)
摘要：
常见的浏览器端的存储技术有哪些？ 浏览器端: cookie webStorage(localStorage、sessionStorage) userData indexedDB 服务器端： session 阅读全文
posted @ 2020-08-08 18:19
大牛半路出家
阅读(252)
评论(0)
推荐(0)
摘要：
第一种——调用localStorage在一个标签页里面使用 localStorage.setItem(key,value)添加（修改、删除）内容；在另一个标签页里面监听 storage 事件。即可得到 localstorge 存储的值，实现不同标签页之间的通信。 标签页1： <input id="n 阅读全文
posted @ 2020-08-08 18:18
大牛半路出家
阅读(429)
评论(0)
推荐(0)
摘要：
从三个方面就前端性能进行总结：网络方面、DOM操作及渲染方面、数据方面。 1、网络方面 减少http请求：合并js文件/合并css文件/雪碧图的使用(css sprite)/使用base64表示简单的图片 减小资源体积：gzip压缩/js混淆/css压缩/图片压缩 缓存：DNS缓存 /CDN部署与缓 阅读全文
posted @ 2020-08-08 18:16
大牛半路出家
阅读(842)
评论(0)
推荐(0)
摘要：
CSS动画属性会触发整个页面的重排，重绘,box-shadow和gradients的性能杀手 在使用css3 transtion做动画效果时，优先选择transform，尽量不要使用height，width，margin和padding。 阅读全文
posted @ 2020-08-08 18:14
大牛半路出家
阅读(699)
评论(0)
推荐(0)
摘要：
1、拖拽释放(Drap and drop) API ondrop 2、自定义属性data-id 3、语义化更好的内容标签(header,nav,footer ,aside, article, section) 4、地理(Geolocation) API 5、表单控件 calendar , date 阅读全文
posted @ 2020-08-08 18:09
大牛半路出家
阅读(632)
评论(0)
推荐(1)
摘要：
前端开发中，如何优化图像？图像格式的区别？ 1、不用图片，尽量用css3代替。 比如说要实现修饰效果，如半透明、边框、圆角、阴影、渐变等，在当前主流浏览器中都可以用CSS达成。 2、 使用矢量图SVG替代位图。对于绝大多数图案、图标等，矢量图更小，且可缩放而无需生成多套图。现在主流浏览器都支持SVG 阅读全文
posted @ 2020-08-08 18:05
大牛半路出家
阅读(400)
评论(0)
推荐(0)
摘要：
在html设计编写中，样式有四种方式作用于网页，分别是：内联样式，嵌套样式，链接样式 ( link )，导入样式(@import )。内联样式以及嵌套样式在这里我们就不做过多的介绍，我们都知道内联样式只对当前标签有用，嵌套样式只在当前页面起作用；我们接着说链接样式 link 与导入样式 @impor 阅读全文
posted @ 2020-08-08 18:03
大牛半路出家
阅读(362)
评论(0)
推荐(0)
摘要：
Trident 内核：IE，搜狗高速浏览器等 Gecko 内核：Mozilla Firefox（火狐浏览器），Netscape6及以上版本 Webkit 内核：Safari 、曾经的 Chrome Presto 内核：Opera 7到Opera12.17（欧朋浏览器）之间的版本采用的内核 Blink 阅读全文
posted @ 2020-08-08 18:01
大牛半路出家
阅读(271)
评论(0)
推荐(0)
摘要：
渲染的流程如下： 1.解析HTML文件，创建DOM树。 自上而下，遇到任何样式（link、style）与脚本（script）都会阻塞（外部样式不阻塞后续外部脚本的加载）。 2.解析CSS。 优先级：浏览器默认设置<用户设置<外部样式<内联样式<HTML中的style样式； 3.将CSS与DOM合并， 阅读全文
posted @ 2020-08-08 17:58
大牛半路出家
阅读(242)
评论(0)
推荐(0)
浙公网安备 33010602011771号