前端开发之路--关于JS代码的若干个小技巧(八)

 时间:2024-10-15 09:36:28

1、浮点数取整。在需要进行这种操作的时候,除了直接去使用MathL类的floor方法,还可以使用到位操作和逻辑运算。注意:以上操作不建议涉及到四舍五入的情况,只适用于取整。

前端开发之路--关于JS代码的若干个小技巧(八)

2、生成数字验证码在开发中,经常需要使用到验证码机制(一般是后端生成犬匮渝扮),这里以6位格式的验证码为例,利用Math类的ra荏鱿胫协ndom方法随机生成0~1的小数,然后对其位数倒截取(slice),即可获得对应的数字验证码。

前端开发之路--关于JS代码的若干个小技巧(八)前端开发之路--关于JS代码的若干个小技巧(八)

3、驼峰命名转下划线。这里利用了字符匹配函数match,通过正则匹配将符合的结果存入一数组中,然后利用数组的连接方法join使用"_”进行连接,然后将其统一转为小写。

前端开发之路--关于JS代码的若干个小技巧(八)

4、url查询参数转json格式。这里便是要熟练捂执涡扔使用字符串的split方法,找到合适的切割点,首先以“?”切割出url串,然后以“&”切割出键值对,然后切割“=”将键与值分离。

前端开发之路--关于JS代码的若干个小技巧(八)

5、动态插入JS这里利用JS原生生成元素的方式,生成一个script元素,然后给其src属性赋值,然后插入到页面节点中,完成js的加载。

前端开发之路--关于JS代码的若干个小技巧(八)

6、特殊字符的转义比如&符号和<符号以及>符号,有时候需要对这些符号进行反转义,可以利用replace方法进行替换,通过正则匹配替换即可。

前端开发之路--关于JS代码的若干个小技巧(八)
  • 前端开发之路--关于JS代码的若干个小技巧(一)
  • 前端开发之路--关于JS代码的若干个小技巧(三)
  • 前端开发之路--关于CSS的若干个小技巧(四)
  • 前端开发之路--桌面前端优化的若干技巧(一)
  • 前端开发之路--桌面前端优化的若干技巧(二)
  • 热门搜索
    新年画画图片大全 巫妖王怎么打 英文字体大全 佛号大全 厦门理工学院怎么样 胆拖怎么算中奖 鱼纹身图案大全图片 手机序列号怎么查 三明治的做法大全 你怎么舍得让我难过