随笔分类 -  html

indexedDB
摘要：概念 IndexedDB 是一种使用浏览器存储大量数据（包括blob和文件）的方法.它创造的数据可以被查询，并且可以离线使用. IndexedDB对于那些需要存储大量数据，或者是需要离线使用的程序是非常有效的解决方法。 这是一个事务型的、key-value的、非关系型的、nosql的数据库，支持索引 阅读全文
posted @ 2018-05-18 20:43 HelloHello233 阅读(258) 评论(0) 推荐(0)
html5 API
摘要：https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/HTML5 地理位置的API web worker History API：用户操作浏览器地址 web socket 文件系统API Performance API 阅读全文
posted @ 2018-05-17 14:01 HelloHello233 阅读(133) 评论(0) 推荐(0)
虚拟dom和diff算法
摘要：https://github.com/livoras/blog/issues/13 这里简单记录一些要点和理解： 一个dom元素中有许多属性，操作dom是很耗资源的，而操作自定义的js对象是很高效。所以在操作dom之间多加一层“虚拟dom”，建立虚拟dom与dom的关联，把直接操作dom转换为操作虚 阅读全文
posted @ 2017-12-05 17:27 HelloHello233 阅读(2284) 评论(0) 推荐(1)
dom事件机制系列
摘要：JS事件流机制 一个完整的JS事件流是从window开始，最后回到window的一个过程，事件流被分为三个阶段： (1~5)捕获过程、(5~6)目标过程、(6~10)冒泡过程。 通过addEventListener可以监听冒泡阶段的事件，如果第三个参数指定为true，则监听的是捕获阶段的事件。低版本 阅读全文
posted @ 2017-12-05 11:08 HelloHello233 阅读(276) 评论(0) 推荐(0)
html5 语义化标签
摘要：https://segmentfault.com/a/1190000002695791 http://www.html5jscss.com/html5-semantics-section.html#0 阅读全文
posted @ 2017-12-02 11:14 HelloHello233 阅读(159) 评论(0) 推荐(0)
前端加载技术
摘要：参考 前端性能优化之加载技术 关于Preload, 你应该知道些什么？ Preload，Prefetch 和它们在 Chrome 之中的优先级 对以下文章的补充 简单汇总了一下web的优化方案 关于页面加载 图片处理 预加载，在onload之后动态插入img标签，使浏览器提前缓存该图片 懒加载，使用 阅读全文
posted @ 2017-10-07 16:22 HelloHello233 阅读(1059) 评论(0) 推荐(0)
关于页面加载
摘要：两个概念 DOM就绪：指浏览器已经接收到整个HTML并且DOM解析完成，这时就可以开始操作dom了，如绑定事件。 渲染结束：浏览器已经接收到HTML中引用的所有样式文件、图片文件、以及Iframe等资源并渲染结束。 DOMContentLoaded 执行次序 JQuery中这两个方法就是对DOMCo 阅读全文
posted @ 2017-09-16 17:27 HelloHello233 阅读(478) 评论(0) 推荐(0)
alt、title和label
摘要：alt是html标签的属性，而title既是html标签，又是html属性。 title标签这个不用多说，网页的标题就是写在<title></title>这对标签之内的。 title作为属性时，用来为元素提供额外说明信息。例如，给超链接标签a添加了title属性，把鼠标移动到该链接上面是，就会显示t 阅读全文
posted @ 2017-09-16 16:45 HelloHello233 阅读(607) 评论(0) 推荐(0)
聊聊svg
摘要：来源：SVG的用法 补充 依赖分辨率 不支持事件处理器 弱的文本渲染能力 能够以 .png 或 .jpg 格式保存结果图像 最适合图像密集型的游戏，其中的许多对象会被频繁重绘 不依赖分辨率 支持事件处理器 最适合带有大型渲染区域的应用程序（比如谷歌地图） 复杂度高会减慢渲染速度（任何过度使用 DOM 阅读全文
posted @ 2017-09-15 21:47 HelloHello233 阅读(216) 评论(0) 推荐(0)