- 博客(8)
- 收藏
- 关注
RSS订阅原创 循环的中止
遍历是应对多条件判断或者多数据判断时最有效的方法，但是有时候为了性能考虑，当某一个项不满足时会想及时中止循环。但是像 break 或者 return 并不能对所有的循环情况进行中止。比如，由于forEach、map 使用 break 就会报错。这里就可以使用到 es6 语法中的异常处理 try catch finally，其组合方式也有三种。这样无论是怎样的循环，在不满足情况时就可以使用这个方法进行捕获，提升运行效率。
2023-04-06 09:16:47
177
原创 display , visibility 于 opacity 的比较，同时涉及到的页面重绘，渲染问题
重绘：元素的外观改变，但是没有影响dom的整体结构即为重绘。渲染：元素的外进行改变的同时，dom结构也会改变的过程即为渲染，一般情况下渲染之后都会进行重绘。visibility: hidden ；会保留其所占用的空间，仅为视觉上的完全透明（虽然看不见、但是摸得着）opacity：0；从视觉上让元素消失，但是仍然会保留元素原本所占用的空间（看不见摸得着）display: none ；不为被隐藏的对象保留其物理空间（即看不见摸不着）在这里也可以联想一下vue 中的 v-show 和 v-i.
2021-06-28 11:01:10
590
原创 JS 预加载(Pre Load) 与 懒加载(Lazy Load)
<!DOCTYPEhtml><html><head><metahttp-equiv="Content-Type"content="textml;charset=utf-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-...
2021-05-31 18:18:56
2132
原创 radio 单选框选中颜色变化
JS里面的懒加载(lazyload)懒加载技术(简称lazyload)并不是新技术, 它是js程序员对网页性能优化的一种方案.lazyload的核心是按需加载涉及到图片，falsh资源 , iframe, 网页编辑器(类似FCK)等占用较大带宽，且这些模块暂且不在浏览器可视区内,因此可以使用lazyload在适当的时候加载该类资源.避免网页打开时加载过多资源，让用户等待太久，来，举个栗子，当你去东哥的绿帽网网购的时候，打开首页的时候，直接在导航栏选了商品种类跳转到了列表页，那首页下方那些未显示的区域的
2021-05-31 17:30:38
13087
10
原创 swiper 轮播组件的应用
项目场景：swiper 轮播组件提示：这里简述项目相关背景：例如：项目场景：示例:通过蓝牙芯片(HC-05)与手机 APP 通信，每隔 5s 传输一批传感器数据(不是很大)问题描述：提示：这里描述项目中遇到的问题：swiper 组件在应用时,会发现左右空白,图片轮播时不能整个图片轮播。例如：数据传输过程中数据不时出现丢失的情况，偶尔会丢失一部分数据APP 中接收数据代码：@Override public void run() { bytes = mmInStream.read(buf
2020-09-18 14:17:30
391
原创 HTML中title前面小图标的实现
功能实现起来还是比较简单的，只要在html文件中的<head></head>标签中加上一个<link>标签,如：<linkrel="icon"href="picture.ico"type="image/x-icon"/>注意：href=“”中的图标格式最好是.ico格式的，本人亲测结果，发现png，jpg的格式都可以，而且浏览器会自动帮你把图片尺寸缩放,路径写对就好,不用计较是相对还是绝对。...
2020-05-28 17:47:10
712
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人