随笔分类 - JavaScript
摘要：fillterData(text, data, types) { let _text = text.toLowerCase(); let result = []; result = data.filter(function(item) { var str = ''; for (var i = 0;
阅读全文
摘要：针对https://github.com/bitjjj/JS-3D-TagCloud这个版本的做了移动端性能优化（使用transform做偏移及缩放，优化帧）。基本原理一致。 兼容移动端和PC端版本 class TagCould { mcList = []; active = false; // 事
阅读全文
摘要：let img = this.$refs.wrapper.getElementsByTagName("img"); let count = 0; let length = img.length; if (length) { let timer = setInterval(() => { if (co
阅读全文
摘要：横竖屏方向错位： 根据内容自动显示隐藏滚动条：
阅读全文
摘要：ajax: function(opt) { opt = opt || {}; opt.method = opt.method.toUpperCase() || 'POST'; opt.url = opt.url || ''; //请求地址 opt.async = opt.async || true; //是否异步请求 opt.data = opt.data || null; //传输数据 opt.
阅读全文
摘要：对于animationend事件来说的话，如果我们在外层添加这个事件监听，如果监听元素里面还有动画，则里面元素动画结束也会执行这个animationend事件。所以我们可以这样做： 或者 对于transitionend事件多次执行，一般情况下是因为监听元素有多个属性同时变化，所以执行多次transi
阅读全文
摘要：假设我们网站有个搜索框，用户输入文本我们会自动联想匹配出一些结果供用户选择。我们可能首先想到的做法就是监听keypress事件，然后异步去查询结果。这个方法本身是没错的，但是如果用户快速的输入了一连串的字符，假设是10个字符，那么就会在瞬间触发了10次的请求，这无疑不是我们想要的。我们想要的是用户停
阅读全文
摘要：先看一下代码： 再看一下执行时间： 可以看出第一个阶乘的执行时间是3ms,后面的由于缓存了之前的计算结果，所以直接返回结果。 原理就是缓存之前的计算，避免重复计算。关键在于建立缓存数组。 可以看一下执行第一行调用的时候memfactorial.cache是什么样子的 从这张图即可得出结论，为何需要缓
阅读全文
摘要：首先我们定义一个变量i，int i=5； 然后我们做执行printf（“%d”，i++）； 我们会发现输出结果是5。 首先我们定义一个变量i，int i=5； 然后我们做执行printf（“%d”，i++）； 我们会发现输出结果是5。 是为什么呢，我们要搞清楚printf（“%d”，i++）； 这句
阅读全文
摘要：前端javascript代码编写中，有一个不错的工具叫JSLint，可以检查代码规范化，压缩JS，CSS等，但是他的语法规范检查个人觉得太“苛刻”了，会提示各种各样的问题修改建议，有时候提示的信息我们看的莫名其妙，这里，先转载一下携程UED的一个技术文章（原文链接http://ued.ctrip.c
阅读全文
摘要：转自：http://www.cnblogs.com/tzyy/p/5193811.html 概述 name version description keywords homepage bugs license 和用户相关的属性: author, contributors files main bin
阅读全文
摘要：转自：https://segmentfault.com/a/1190000004018047 这两天搜了下JS递归的相关文章， 觉得这篇文章很不错， 就顺手翻译了下，也算给自己做个笔记，题目是我自己加的。原文很长，写得也很详尽，这里并非逐字翻译， 而是作者所讲的主要概念加上我自己的一些理解，本文中解
阅读全文
摘要：转自：http://javascript.ruanyifeng.com/grammar/conversion.html JavaScript是一种动态类型语言，变量没有类型限制，可以随时赋予任意值。 var x = y ? 1 : 'a'; 上面代码中，变量x到底是数值还是字符串，取决于另一个变量y
阅读全文
摘要：原文：http://charlee.li/javascript-variables-and-delete-operator.html 刚刚看到一篇好文(原文链接)， 对Javascript中的delete操作符分析得很透彻。在这里简单地介绍一下内容。 虽然是一个小小的delete操作符，其行为却异常
阅读全文
摘要：对于图片的处理，例如幻灯片播放、缩放等，都是依赖于在所有图片完成之后再进行操作。 今天来看下如何判断所有的图片加载完成，而在加载完成之前可以使用 loading 的 gif 图表示正在加载中。 一、普通方法 监听 img 的 load 方法，每 load 一张图片比较一次。关键代码如下： 二、使用
阅读全文
摘要：Cookie LocalStorage SessionStorage 示例代码二： 参考资料： MDN:https://developer.mozilla.org/zh-CN/docs/Web/API/Web_Storage_API 详说 Cookie, LocalStorage 与 Session
阅读全文
摘要：通过 3 张图和 1 张表格，轻松区别 JavaScript Event 对象中的offsetX, clientX, pageX, screenX, layerX, x等属性。 一、测试代码如下： 二、不同浏览器对这些属性的支持： 三、图解 event.offsetX，event.clientX，e
阅读全文
摘要：一种特殊场景下是滚动条容器先隐藏，点击某个东西后显示出来。然后实例化滚动条。实例 js: css: html:
阅读全文
摘要：在处理json的时候一定要特别注意：json格式很严格。逗号之类的不能多也不能少。 比如在写这个的时候，就因为json里面多了一个逗号，一直进入不了success函数。后来发现之后，把逗号去除，马上就好了。
阅读全文
浙公网安备 33010602011771号