随笔分类 - BOM
浏览器对象知识点
摘要:移动端页面随着滑动的dom越来越长,会出现卡顿的现象,进而降低用户体验,于是可视区渲染方案出来。 可视区渲染就像一句话说的:敌不动我动,山不就我我就山。 可视区渲染原理: 1,有个滚动区域,下面的content类,要求overflow:auto,也就是可以使用滚动;在实际项目开发中这个根据可视区窗口
阅读全文
摘要:重排一定会产生重绘,重绘发生在元素的可见的外观被改变,但并没有影响到布局的时候。比如,仅修改DOM元素的字体颜色(只有Repaint,因为不需要调整布局)。 从根本上说,因为重排和重绘才实现了页面的状态改变。但重排和重绘是有代价的,作为开发工程师要做的事是尽可能小的代价实现页面dom的改变。 在《高
阅读全文
摘要:几年前面试,被问到一个问题:你觉得前端(这里专指web前端,下同)和后端的界限是什么?当时一阵懵逼之后,答曰执行环境不一样。 现在想来当时对这个答案没有信心,但现在确认这个答案很对。前端开发和后端开发区别就在于执行的环境中不一致,具体体现在使用的API不一致,在抽象一些是抽象的规范不一致。后端API
阅读全文
摘要:Web开发技术大纲 学而不思则罔,思而不学则殆。学就是总结是记忆。 第一部分 HTML 一 ,Html5权威指南 第一部分 常用html标签 第二部分 html文件dom、css和js加载关系 第三部分 html渲染机制 第四部分 不常用的html标签 比如pre,比如div的可编辑属性 第二部分
阅读全文
摘要:有一些场景,比如弹窗,比如商品的抛物线效果,为了更好的前端用户体验,要求临时禁止滚动条的滚动。 参考了前辈的一些经验,比如这位:https://yujiangshui.com/review-how-to-make-popup-mask-effect/。现做如下总结。 方案1,最为简单粗暴的方式当然是
阅读全文
摘要:2018年6月29 最新更新 添加函数节流,解决多次点击问题,添加单例模式,提高代码性能。 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <title>自定义alert</title> 7 <st
阅读全文
摘要:本文参考博客园另一篇文章:https://www.cnblogs.com/hzj680539/p/5374052.html,在此感谢。 在实际开发当中,考虑到原生js组件,包括alert、confirm等的体验较差,很多公司会考虑将这些组件进行重写、疯转。 本文参考的文章里,作者所实现的自定义con
阅读全文


浙公网安备 33010602011771号