javascript
关注
分享
扫一扫
一颗粒普斯
Keep move
展开
-
一些JS数字处理技巧
有些技巧不建议在项目中使用,但可以作为了解,方便我们阅读别人的代码, 文章参考他人博客(具体出处不详), 自己做了总结和修改1.变量转换var myVar = "3.14159";var myOtherVar = "3.14159haha"str = ""+ myVar; // 转成字符串int = ~~myVar; // 转为数字类型,下取原创 2018-01-23 20:07:35 · 1519 阅读 · 0 评论 -
简单理解call(),apply(),bind()使用
关于call(),apply(),bind()之前学习全靠死记硬背,当然时间长不用就忘了,又得重新找博客学习.造成这种学了忘,忘了再学的主要问题还是没有理解.先看看这三种方法的区别: 1. 返回值不同: call,apply 返回函数执行的结果; bind 返回的是没有执行的函数,需要手动调用传递的参数不同: apply 的参数要求是一个数组 call 的参数则是一个个元素原创 2018-01-09 17:04:00 · 453 阅读 · 0 评论 -
parentNode,parentElement,childNodes,children的区别
从字面上我们可以知道一个是parent的节点,一个是parent的元素,实际上在很多时候它们的返回的内容是相同的,比如有这么一段代码: 节点 item1 item i item ii item iii item2 item3 var item1 = document.ge原创 2017-10-11 13:35:10 · 3271 阅读 · 0 评论 -
iframe与父页面之间通讯跨域问题
当我们想通过iframe中的内容自动改变iframe的高度时可能会想到使用load方法获取到iframe页面中的高度<iframe name="web" width="100%" frameborder=0 height="0" src=&a原创 2018-06-28 16:30:41 · 2848 阅读 · 0 评论 -
可视区域加载动画
作者：lMadman链接：https://www.jianshu.com/p/c165f2e06a44來源：简书有一些需求，是当我们去浏览时才会去加载，譬如一些动画，和一些图片，那么这些是怎样实现的呢？先来看一下下面的一段小代码：<!DOCTYPE html><html lang="en"><head> <meta charset="...转载 2018-11-22 19:03:46 · 880 阅读 · 0 评论 -
关于类数组调用Array.from与call性能对比
今天看视频见到别人遍历类数组使用Array.from(likeArray)方法，于是想起了Array.prototype.forEach.call();这两者在项目中选择肯定是性能哪个好选择哪个；我们写一段测试代码var linkArr = {0:'a',1:'b',2:'c', length:3};console.time('global');for(var i=0;i<1000...原创 2019-01-06 15:43:45 · 543 阅读 · 0 评论 -
Unable to preventDefault inside passive event listener due to target being treated as passive.
解决方法两种,亲测可行方法一:这种方法的好处是不用管touchmove方法写在哪,直接全局css设置*{touch-action: none | pan-y}方法二:设置touchmove方法增加参数{passive: true },因为touchmove方法可能定义在第三方框架中,不容易修改wnidow.addEventListener('touchmove', func) ↓...原创 2019-02-18 11:10:07 · 631 阅读 · 0 评论 -
限制中文输入是英文输入长度的一半
在限制输入长度的时候可能会有这样的一个需求：输入的中文长度得是英文长度的一半。也就是说一个输入框你可以输入20个英文字符，但是只能输入10个中文汉字或其他字符。之前的思路是利用正则判断汉字的Unicode编码[\u4e00-\u9fa5]，首先正则的性能不是很好，其次如果是emoji表情，长度是按照英文字符还是中文字符判断呢？偶然的机会看到一个方法使用charCodeAt()判断Unicode...原创 2019-07-12 14:55:28 · 469 阅读 · 0 评论