随笔分类 -  b) HTML&HTML5

rAF在EventLoop的表现
摘要：最近会被问到EventLoop的相关问题，这个只要对任务微任务理解到位一般没啥问题，但有次被问到“requestAnimation的执行时机是什么”，答约：“rAF是在浏览器重新渲染屏幕之前执行”，之后被追问：“那它属于宏任务还是微任务，他在时间循环的执行时机是什么样的”。 当时听到这个问题一时有点 阅读全文
posted @ 2024-02-23 01:40 Lawliet__zmz 阅读(150) 评论(0) 推荐(0)
React和Vue对比
摘要：主要从以下方面对比： 1. 团队熟悉程度，学习成本 目前前端小组其实都是大部分在写业务代码，都有扎实的javascript基础和社区基础，上手二者的哪个都没太大成本区别。对于个人来说，无论转型深入哪个，都是不错的。所以这一点学习成本上其实没有太大顾虑，主要在下面几点的考虑上。 2. 框架本身对比，优 阅读全文
posted @ 2019-09-11 21:41 Lawliet__zmz 阅读(854) 评论(0) 推荐(0)
CSS动画属性/重绘重排组合层/GPU加速 渲染优化相关及联系
摘要：1、现代浏览器，比如chrome，firefox都支持硬件加速，GPU加速功能，开启后，使用相关CSS属性，3D API，canvas等，都会默认用GPU渲染的方式去绘制图像。 浏览器渲染的过程，网上图片杂且准确性出处都有待考究，关于这个过程和原理，国外有一个最权威的文档资料： "链接" （差不多网 阅读全文
posted @ 2019-09-01 19:27 Lawliet__zmz 阅读(627) 评论(0) 推荐(0)
(DOM艺术)图片仓库改进一：完全分离
摘要：因为上个版本中的图片占位区和文字占位区完全是给showPic脚本服务的，所以这里在JS脚本里用DOM的create系列方法把结构和行为彻底分开 DOM中提供了insertBefore方法，但没有inserAfter，因为这里占位区是在ul之后，所以我们这里手写这个方法。 注意innerHTML方法和 阅读全文
posted @ 2017-10-10 00:36 Lawliet__zmz 阅读(158) 评论(0) 推荐(0)
DOM艺术前六章范例：图片仓库
摘要：对象检测 向后兼容和浏览器嗅探技术 尽量减少访问DOM和尽量减少标记 平稳退化 JS和HTML的完全分离 共享onload事件的实现 键盘访问（注意死局的情况） DOM Core 和 HTML DOM 代码： <!DOCTYPE html Image Gallery Snapshots Choose 阅读全文
posted @ 2017-10-08 22:32 Lawliet__zmz 阅读(181) 评论(0) 推荐(0)
课堂答问轮盘抽奖系统
摘要：用到了HTML5,CSS3,JavaScript，jQuery...... 杜老师想让课堂变得有趣，想让学生帮他做个轮盘抽奖的，那么最近搞了下JS前端，就自告奋勇接下这个任务了。 难度主要是功能性的JS代码，比如轮盘的底层实现，弹出框3D旋转的特效。 做这个东西%50的时间都用在做图和一些其他素材的 阅读全文
posted @ 2017-09-18 20:16 Lawliet__zmz 阅读(479) 评论(0) 推荐(0)
Js控制HTML5 Audio 音乐播放和关闭
摘要：参考W3C详细文档：http://www.w3school.com.cn/jsref/dom_obj_audio.asp pause()方法只是暂停，这里重新load之后，再次play，音乐可重头播放 阅读全文
posted @ 2017-09-16 16:05 Lawliet__zmz 阅读(15850) 评论(0) 推荐(4)
HTML表单练习
摘要：最近学车啊，明天还要出去在外地练，电脑都摸不到了=-=HTML 表单用于搜集不同类型的用户输入，主要用于收集网页上浏览者的信息。HTML5 Input，拥有多个新的表单输入类型，提供了更好的输入控制和验证。表单是一个包含表单元素的区域。表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选... 阅读全文
posted @ 2017-01-14 19:51 Lawliet__zmz 阅读(458) 评论(0) 推荐(0)