分享一些自己常用的js简写技巧，使自己的代码更简洁、优雅~ If-Else 用 || 或 ?? 运算符进行简化 逻辑或操作符||这里要注意的是0和''也会认为是false 空值合并操作符??如果没有定

在前端日常开发中，省略号效果是常见的需求。但有的时候元素的宽高是一个变值，这个时候设置-webkit-line-clamp为一个定值显然是不行的，我们需要动态的设置。

最近遇到一个需求，需要写一个简单的音频控件：往控件传入音频url实现播放、暂停、允许拖动、显示时间等功能，由于原生audio标签样式不太好看，所以决定自己写一个。

audio获取当前播放时间在dom挂载完毕后访问currentTime属性获得，通过timeupdate钩子可实时监控audio获取媒体总时长在canplay（浏览器可以开始播放该音视频）钩子函数回调

音频文件没有返回duration 要实现拖动有两种方法： 第一种 如果要返回正常数据的duration需要后端做一下两步： 1：audio标签获取不到总时长的缘故是当后台写回数据流，响应头没有Cont

CSS filter在日常开发中是很常见的，这里我们将使用它实现一些动画效果，让网站交互更加酷炫，同时也加深对CSS filter的理解。

女朋友常逛的设计网站这两天页面上多了下雪的效果，于是问我我的网站能下雪吗，作为一个程序员我一般会说实现不了，但是作为男朋友，不能说不行。 当然，最好的方式是用canvas来画。 因为tan(θ)=sy/sx，θ=Math.atan(sy / sx)，因为雨的线段默认是从上到下垂…

应该有不少同学有遇到过充斥着if else的代码，面对这样的一团乱麻，简单粗暴地继续增量修改常常只会让复杂度越来越高，可读性越来越差。那么是时候重构了，花几分钟看看这篇文章， 说不定对你有一丢丢帮助。 将判断条件作为对象的属性名，将处理逻辑作为对象的属性值，在按钮点击的时候，通…