
高效前端
文章平均质量分 62
king-w
这是一个帅小伙,,嘿嘿
展开
-
js常用位运算
1.向下取整 const interval = interval | 0原创 2021-03-29 23:22:32 · 382 阅读 · 0 评论 -
前端性能优化方法与实战
性能化体系主要分为三部分。 一: 性能优化流程,主要包括性能指标设定、性能标准确定、收益评估、诊断清单、优化手段、性能立项、性能实践。 二:性能指标采集与上报 三:性能监控预警平台,包括性能数据处理后台和性能可视化展现前台两部分。 01 性能优化关键指标设定及标准 加载(白屏时间和首屏时间等)、交互性(首次输入延迟等)和视觉稳定性CLS 02从 URL 输入到页面加载整过程分析 当在浏览器输入 URL 并回车后,为了把 URL 解析为 IP 地址,浏览器会向 DNS 服务器发...原创 2021-03-02 16:32:02 · 673 阅读 · 0 评论 -
谈谈 Web 应用中的图片优化技巧
棒棒哒[https://www.infoq.cn/article/gxV277O5ZZsR5w5er4pE]转载 2019-11-05 17:47:52 · 160 阅读 · 0 评论 -
多列等高及自适应布局
多列等高是常见的布局之一。 即让内容高度不一样的每一列保持高度一致。 解决方案: 利用table的自适应,将每个div变成td,td自然都是等高的。 html: <div class="wrapper"> <div>生活如酒,或芳香,或浓烈,因为诚实,它变得醇厚;生活如歌,或高昂,或低沉,因为守信,它变得悦耳; 生活如画,或明丽,或素雅,因为诚信,它变得...原创 2019-02-13 11:06:21 · 436 阅读 · 0 评论 -
优化重复值处理
场景: 地图可见区域房源数据,在拖动地图时需要知道哪些是已经有的房源,哪些是新加的房源,超出区域的房源需要删掉。 解决方案: 两个数组,需要找出第一个数组里面的重复值和非重复值。即一个数组保存上一次数据,另一个数组保留新数据。重复值保留,非重复值删除。 1.双重循环 var lastHouse = []; filterHouse: function (houses) { ...原创 2019-05-24 18:00:10 · 223 阅读 · 0 评论 -
前端本地文件上传的常用方式
常用的两种本地文件上传方式是: 通过 input type="file" 选择本地文件 通过拖拽的方式 第一种方式最常用,代码如下: html: <form enctype="multipart/form-data" method="post"> <input type="file" id="file-input" name="fileContent">...原创 2019-07-09 11:37:25 · 1123 阅读 · 0 评论