随笔分类 - JavaScript
Issues and tips summary...
摘要：React 17 中事件系统有更新，以下内容中的示例适用于 17 之前的版本 在正式开始前，先来看看 JS 中事件的触发与事件处理器的执行。 JS 中事件的监听与处理 事件捕获与冒泡 DOM 事件会先后经历 捕获 与 冒泡 两个阶段。捕获即事件沿着 DOM 树由上往下传递，到达触发事件的元素后，开始
阅读全文
摘要：页面流畅与 FPS 页面是一帧一帧绘制出来的，当每秒绘制的帧数（FPS）达到 60 时，页面是流畅的，小于这个值时，用户会感觉到卡顿。 1s 60帧，所以每一帧分到的时间是 1000/60 ≈ 16 ms。所以我们书写代码时力求不让一帧的工作量超过 16ms。 Frame 那么浏览器每一帧都需要完成
阅读全文
摘要：北京的夕阳，伴随淡淡的霾殇。从写字楼望去，光线是那么昏黄。没有孤雁，也没有霞光，遥想当年，还是 jQuery 独霸一方。那时的我们，写程序都习惯了使用 $，至少在对美元符号的喜爱上，与 PHP 达成了一致。 当然，我并不讨论语言，我只说前端。 在 React 大行其道的如今，很少再看到 jQuery
阅读全文
摘要：现如今好多浏览器都有「隐身模式」，Safari 管这叫「Private Browing」，国内各种牌子的套壳浏览器叫「无痕浏览」。私以为从命名上来说，倒是国内更中文一些。 这种模式下浏览网页踏雪无痕，雁过不留声。具体来说，与正常模式的区别是浏览器不会保存历史记录，没有页面缓存，所有本地数据也都是临时
阅读全文
摘要：话说当时做 APP 时，三月不知肉味，再次将眼光投放前端，有种天上一天，地下一年的感觉。 <! more Flux 是一种思想 了解的最好方式当然是看 "Flux官方文档" 了。React 中文站点也能找到对应的 "翻译版本" ，但及时性可能无法保证。 Flux不算框架，它是一种编程思想，抑或是一种
阅读全文
摘要：> `this` 虐我千百遍，看完此文效立见！不得不说，这篇文章的总结很地道很全面，适合收藏之用。> 原文：[all this](http://bjorn.tipling.com/all-this)习惯了高级语言的你或许觉得JavaScript中的`this`跟Java这些面向对象语言相似，保存了实...
阅读全文
摘要：>原文：[Bulletproof JavaScript benchmarks](https://mathiasbynens.be/notes/javascript-benchmarking)做JavaScript的基准测试并没有想的那么简单。即使不考虑浏览器差异所带来的影响，也有很多难点-或者说陷阱...
阅读全文
摘要：> 「注释」作者在本文里没有说明这么一个事实：> 目前的版本`Lo-Dash v2.4.1`并没有引入延迟求值的特性，`Lo-Dash 3.0.0-pre `中部分方法进行了引入，比如`filter()`,`map()`,`reverse()`。> 原文![How to Speed Up Lo-D...
阅读全文
摘要：有前端题目大概是这样的：考虑到性能问题，如何快速从一个巨大的数组中随机获取部分元素。比如有个数组有100K个元素，从中不重复随机选取10K个元素。为了演示方便我们将数据简化，先给出方案最后再用大点的数据来测试性能的对比。常规解法常规做法倒也不难，生成一个0到数组长度减1的随机数，这个数也就是被选中元...
阅读全文
摘要：本文基于lukehoban/es6features ，同时参考了大量博客资料，具体见文末引用。ES6（ECMAScript 6）是即将到来的新版本JavaScript语言的标准，代号harmony(和谐之意，显然没有跟上我国的步伐，我们已经进入中国梦版本了)。上一次标准的制订还是2009年出台的ES...
阅读全文
摘要：前端已经被玩儿坏了！像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了，像用||操作符给变量赋默认值也是人尽皆知的旧闻了，今天看到Quora上一个帖子，瞬间又GET了好多前端技能，一些属于技巧，一些则是闻所未闻的冷知识，一时间还消化不过来。现分类整理出来分享给大家，也补充了一些平时的积累和扩展了一些内容。HTML篇浏览器地址栏运行JavaScript代码这个很多人应该还是知道的，在浏览器地址栏可以直接运行JavaScript代码，做法是以javascript:开头后跟要执行的语句。比如：javascript:alert('hello from address
阅读全文
摘要：之前用HTML5的Audio API写了个音乐频谱效果，再之后又加了个播放列表就成了个简单的播放器，其中弄了个功能是'Shuffle'也就是一般播放器都有的列表打乱功能，或者理解为随机播放。但我觉得随机播放绝对要好实现些，用Math.random()产生一个介于1到歌曲数目之间的随机数便可，然后pl...
阅读全文
摘要：fartscroll.js，为放屁而生你知道么，有了这个js库，你的页面就可以——————————放屁勒！打开下面的演示地址，然后滚动页面。在线演示：http://theonion.github.io/fartscroll.js/jShaker晃到你眼睛生疼点击页面元素，然后就闪个不停在线演示：http://www.ajaxblender.com/script-sources/jshaker/demo/index.html?inp1=&inp2=#jQuery.spritely 任意摆布的小鸟很有创意的一个效果，手动手柄控制飞行方向及速度，小鸟就由你掌控了！看，那小鸟的表情是不是很二的
阅读全文
摘要：遇到个输不出来的字符怎么办，因为输不出来的字符一般又是不常见大多数时候连名字也喊不出来的，所以想问百度谷歌大大也不大可能。如果是小白用户肯定会去把输入法软盘打开切换到其他键盘一个一个找。即使有搜狗输入法这样强大的特殊字符集的汇总，也还是要找啊。话说那天在GitHub上折腾的时候不小心整出个错误页面（你们还是打消重现的想法吧，很难），一看好别致，我去，感叹与问号的合体，我去这是什么符号‽啥也表说了兴许以后在自己的设计中用得上，于是就copy了下来。后来一想哎不对啊，我不能打出来，我要使用的时候必需通过复制。这个不太保险。如果知道他的unicode代码，那就可以在HTML,JavaScript中随
阅读全文
摘要：变量1.JavaScript hoisting>>请看例子，我们拿Chrome的console作为JS的运行环境。上面直接执行console.log(a), 不带一点悬念地抛出了not defined 错误。这是预料之中的。看下面进化后的代码：之前变量没有定义的错误没了，取而代之的是告诉我们a的值是 'undefined'。先不管a的值缘何为 'undefined' 了，至少可以知道现a这个变量是定义了，因为之前报的' a is not defined'的错误没有了。这正是因为JavaScript 中的一个声明提前的特性起的作用。Ja
阅读全文
摘要：每次写博我觉得取上恬当的题目比整篇行文都难，词量有限的情况下突然想到JavaScript拾遗应该会是一个非常文艺而夺目的博文题目，但我并没有急着使用，经验告诉我应该先去搜一下看有没有被用过。果不其然，不搜不知道，一搜吓一跳。不仅已经有JavaScript拾遗，JavaScript基础拾遗等题目的博文，而且更上一层楼的还有Javascript基础之贝海拾遗！看到这里我已然觉得高中每月买一本的《萌芽》真的是弱爆了。我要是早点融入到程序员的世界该多好，即学技术又没落下我追求文学的梦想。看来我们程序员还是不乏文艺细胞，写代码的人搞文艺也差不到哪去啊。学习资源关于JavaScript比较优秀的中文资料我
阅读全文
摘要：我们习惯在View中使用model.Name)\%来访问绑定到页面的Model的数据，对于如何在JS代码片段中访问这些数据却不是经常使用，所以会比较陌生，希望这里能够帮助大家一点
阅读全文
摘要：【javascript新手学习笔记】
在对一个MVC项目进行页面修改时碰到一个Jquery里面奇怪的事情。然后又引发出另一问题，然后。。就知道自己需要注意些问题。。。
阅读全文