你应该需要知道的前端小技巧

本文主要收集一些前端开发中我们可能不常用的开发技巧。如果路过的小伙伴有什么实用的小技巧可以再下方留言，我会将你宝贵的小技巧加在本文的后面，供路过的小伙伴们学习。

1、清除定时器

就这？不是哟，我其实表达的是批量清除定时器，一般我们会在定时器调用的时候将它赋值给一个变量，然后将在需要清除定时器的时候使用 clearTimeout 或者 clearInterval 就可以清除定时器了。那么如果你想批量清除定时器又该如何清除呢？
其实很简单，小伙伴们在控制台打印一下使用 setTimeout 或者 setInterval 的返回值可能就知道改怎么做了。啥？你没 get 到，好吧，让我细细道来。
每个定时器调用的时候都会返回一个数字值id，这个id值是递增的，每次你调用定时器后，id值都会加一，如果后面你想清除全局的定制器，你可以再设一个定制器，用它的返回值来个 for 循环即可，代码如下：

如果你只想清除特定范围或者特定的几个定时器的话，可以将它们的值传到一个数组里面去，再进行一个 for 循环即可

注：谷歌浏览器的定时器返回数值ID以1为起，fireFox要在原定时器的序位的基础上加1，我试了一下，起始值确实是2。

2、获取当前月份的最后一天
乍一看，好像挺简单的。但是一般的小伙伴都是一看就会，一用就废，认真想一下感觉好像实现起来有点难，其实就一行代码，挺简单的。

function getFirstDay(year, month) {return new Date(year, month, 0).getDate()
}

3、获取变量的数据类型
如何获取变量的数据类型？很常见的问题了，很多同学都会遇到，有挺多靠谱和不靠谱的回答，在这里我找了一种比较靠谱的回答，源码看下面：

function getType(val) {return Object.prototype.toString.call(val).replace(/^\[object (.+)\]$/, '$1')
}
在职前端开发，如果你也想学习前端开发技术，可以加入我组建的前端学习交流裙：851 231 348 也可以关注我的微信
公众号：【前端留学生】自己根据多年来的开发经验总结录制的一套web前端精讲视频和学习方法，
以及一些前端学习手册，前端面试题，端开发工具，PDF文档书籍教程，无偿分享给大家。需要的话都可以自行来获取下载。

4、 calc的使用
可能挺多小伙伴都没有听说过calc吧，作为前端专业级的菜鸟，我也是最近才接触到这个，此刻应该来一波网抑云。
calc是一个css3新增的功能，可以用来指定元素的长度，动态计算长度值。写个小案例如下。以下只是小试牛刀，后面你需要自行百度calc的具体使用。

注：calc在使用的时候需要注意它的运算符，- 和 + 在使用的时候前后都必须要有空格，* 和 / 倒是没有这个要求

你应该需要知道的前端小技巧相关推荐

html前端小技巧—字体及颜色色值准确设置
今天分享下"html前端小技巧-字体及颜色色值准确设置"这篇文章,文中根据实例编码详细介绍,或许对大家的编程之路有着一定的参考空间与使用价值,需要的朋友接下来跟着云南仟龙Mark一 ...
每天一个前端小技巧——生成gif动图下载
每天一个前端小技巧--生成gif动图下载动态热图的展现,分别展现某个时间段的热图时间变化,例如:最近一周七天内,每天的热图分布变化图:这个动态变化的图生成一个gif图提供下载是否可行? 实现方案: ...
JavaScript笔记-使用JS管理URL链接(前端小技巧)
如下这个JavaScript代码: var common_ops = {buildUrl:function( path ,params ){//params = { "test": ...
前端笔记-js文件首行添加;号（前端小技巧）
这里记录一个前端的小技巧: 一般来说,我们自己写js代码,都会在首行添加";"号原因是html加载js,如果有多个,那么这些js文件会被合并. 当某个js文件,尾巴没有 &quo ...
前端怎么画三角形_前端小技巧：边框写三角形
边框写三角形,这个技能从事前端的小伙伴应该都不陌生,不过大多数都是知其然而不知其所以然,今天我们就来探究一下这里面的原理. 随意的在页面上给一个盒子,然后给一个边框来看看. 这样的一段代码,给到盒子的 ...
前端小技巧|关掉某视频解析网站上的广告
关注它,不迷路. 本文章中所有内容仅供学习交流,不可用于任何商业用途和非法用途,否则后果自负,如有侵权,请联系作者立即删除! 1. 前言没钱充视频网站的会员了,只有去视频解析类的网站上看,发现了一个 ...
前端小技巧之文字内的火焰
有学到一个前端的小特效就是出现文本文字,然后文字里面有视频效果在浮动首先呢就是前端的排版,可以放置视频图片 GIF等等 <div class="cons">< ...
[绍棠] 前端小技巧
技巧一有时候读取变量属性时,他可能不是Ojbect,你引用的时候就会出现如下错误这个这个你就要判断这个变量是否为对象,如果是在如引用 var obj;if(obj instanceof Obje ...
前端小技巧总结（二）
1.数组的插入与删除向数组插入一个确定值: let arr = [];arr.push('张小双'); 从数组删除一个值: 删除最后一个值: let arr = ['张','小','双'];arr. ...

你应该需要知道的前端小技巧

你应该需要知道的前端小技巧相关推荐

最新文章

热门文章