JZevin的博客

JavaScript函数闭包

有关HTML中的行内元素，块级元素和行内块级元素的举例或者区别，这真的是前端面试中的一道经典必问项了。今天特意总结此篇，方便日后回顾。文章目录一. 三者实例汇总二. 行内元素与块级元素的区别2.1 直观上的表现不同2.2 包含关系不同2.3 盒模型属性不同三. 行内块级元素四. 互相转化一. 三者实例汇总分类举例行内元素span、a、b、img、input、strong、select、label、em、button、textarea块级元素div、p、h1-h6、u.

文章目录问题描述方案一：Number.prototype.toLocaleString()方案二：正则表达式方案三：原生JS手写问题描述最近面试遇到了一个数字格式转化的问题：把一个大数（位数很多）用金融数字样式表示。即使用千位分隔符 —— 三位一个逗号间隔。比如：1234567890 --> 1,234,567,8905236 --> 5,236这种的数字格式生活中也是非常常见，比如支付宝花呗额度：方案一：Number.prototype.toLocaleString()方

今天在做酷家乐的线上笔试时，遇到了一道很有意思的智力题：花瓣博弈问题。想了解的同学可以看看我的分析。然后去和你的朋友们玩一玩，哈哈。问题描述共13片花瓣，两个人轮流摘。可一次摘一片或两片，摘最后一片的人获胜。问：先摘获胜的概率大还是后摘获胜的概率大？问题分析首先你要明白一点：每回合内两人摘得的花瓣总数是由后摘的人决定的。所以后摘的人可以控制本回合内两人一共要摘多少片花瓣，比如：对方先摘一片，我就后摘两片；对方先摘两片，我就后摘一片。这样就可以保证每回合两个人摘得的花瓣总数稳定在三片。所以问题.

文章目录1. 事件高频触发的场景2. 原理解析3. 函数防抖的适用场景举例 —— 搜索查询4. 函数节流的适用场景举例 —— 长列表滑动刷新1. 事件高频触发的场景在JavaScript编程中，如果某个事件在短时间内被高频率的触发，可能就会出现对应的回调函数响应速度跟不上其调用频率的问题，进而会导致页面延迟，假死或卡顿的现象。这样会极大的浪费系统资源，同时糟糕的UI带来的用户体验也是很差的。函数防抖（debounce）和函数节流（throttle）就是我们在这类场景下常用的优化手段，从而达到节约系统资

文章目录一. CSS权重二. 优先级分类三. 优先规则四. 实例解析4.1 实例一4.2 实例二一. CSS权重CSS权重指的是样式的优先级，当同一个元素出现样式冲突时，会比较选择器之间的权重来决定谁生效。具体的选择器权重如下：二. 优先级分类优先级选择器 / 样式权重值备注一级!important10000无条件优先的属性，会覆盖页面内其他任何位置定义的元素样式，慎用二级行内样式（ style=” ” ）1000会造成css难以管理，不推荐使用三级

项目开发中，对于图片的处理是不可避免的。同时这也是项目优化中的一块重要内容。今天就从两个方面来细致的谈一谈图片优化的细节。文章目录一. 图片大小优化1.1 固定宽高1.2 降低压缩品质1.3 改变图片格式二. 减少图片请求 —— 打包成雪碧图一. 图片大小优化对于图片的优化，首先就要从图片本身出发。这里我们要注意的点就是图片质量和图片大小。不断寻找高质量和小文件之间的平衡点。 一张图片在满足分辨率的基础上，要尽量减小图片的文件体积。这里我总结了以下三种方法：1.1 固定宽高减小图片体积最简单的.

EPS图片大小优化减少图片请求，使用雪碧图图片懒加载图片预加载常用的jpg和png等图片格式的区别