摘要: 线上产品代码一般是编译过的，前端的编译处理过程包括不限于 转译器/Transpilers (Babel, Traceur) 编译器/Compilers (Closure Compiler, TypeScript, CoffeeScript, Dart) 压缩/Minifiers (UglifyJS)阅读全文
posted @ 2018-10-08 20:28 刘哇勇 阅读(1332) 评论(4) 编辑
摘要: React 组件中处理 onClick 类似事件绑定的时候，是需要显式给处理器绑定上下文（context）的，这一度使代码变得冗余和难看。 请看如下的示例： class App extends Component { constructor() { super(); this.state = { i阅读全文
posted @ 2018-09-15 16:43 刘哇勇 阅读(273) 评论(1) 编辑
摘要: 我们都知道浏览器有同源策略（same-origin policy）的安全限制，即每个站点只允许加载来自和自身同域（origin）的数据，https://a.com 是无法从 https://b.com 加载到资源的。每个站点被严格限制在了自已的孤岛上，自己就是一个沙盒，这样很安全，整个网络不会杂乱无章。主要地，它能解决大部分安全问题。假若没有同源策略，恶意代码能够轻松在浏览器端执行然后获取各种隐私信息：银行帐号，社交数据等。阅读全文
posted @ 2018-08-23 09:11 刘哇勇 阅读(368) 评论(4) 编辑
摘要: 北京的夕阳，伴随淡淡的霾殇。从写字楼望去，光线是那么昏黄。没有孤雁，也没有霞光，遥想当年，还是 jQuery 独霸一方。那时的我们，写程序都习惯了使用 ，至少在对美元符号的喜爱上，与 PHP 达成了一致。 <! more 当然，我并不讨论语言，我只说前端。 在 React 大行其道的如今，很少再看到阅读全文
posted @ 2017-06-18 08:51 刘哇勇 阅读(946) 评论(2) 编辑
摘要: 现如今好多浏览器都有「隐身模式」，Safari 管这叫「Private Browing」，国内各种牌子的套壳浏览器叫「无痕浏览」。私以为从命名上来说，倒是国内更中文一些。 <! more 这种模式下浏览网页踏雪无痕，雁过不留声。具体来说，与正常模式的区别是浏览器不会保存历史记录，没有页面缓存，所有本阅读全文
posted @ 2017-06-17 17:59 刘哇勇 阅读(636) 评论(0) 编辑
摘要: 数据没有用，我们需要的是数据所反映出来的东西。增长率，排名，占比等。而这些结果是通过分析数据得到的。 从网上搜集到数据后，导入到表格程序中便可以进行方便地分析处理了。下面介绍将网页中的表格数据导入到 Google Sheet 中的操作。 <! more 当我尝试去 Google 相关方法的时候，对于阅读全文
posted @ 2017-06-17 11:18 刘哇勇 阅读(995) 评论(3) 编辑
摘要: 话说当时做 APP 时，三月不知肉味，再次将眼光投放前端，有种天上一天，地下一年的感觉。 <! more Flux 是一种思想 了解的最好方式当然是看 "Flux官方文档" 了。React 中文站点也能找到对应的 "翻译版本" ，但及时性可能无法保证。 Flux不算框架，它是一种编程思想，抑或是一种阅读全文
posted @ 2016-07-19 02:09 刘哇勇 阅读(1561) 评论(1) 编辑
摘要: 考察下面的 HTML 代码片段： <! more 单凭 可以让我们选中所有的`` 标签，what if we wanna specific ones? 譬如只选中第一个。 那你可能已经知道 伪类选择器了，所以选中第一个也不是什么麻烦事情。类似地可以用 选中最后一个指定的元素。 here comes 阅读全文
posted @ 2016-07-17 16:04 刘哇勇 阅读(8707) 评论(1) 编辑
摘要: > `this` 虐我千百遍，看完此文效立见！不得不说，这篇文章的总结很地道很全面，适合收藏之用。> 原文：[all this](http://bjorn.tipling.com/all-this)习惯了高级语言的你或许觉得JavaScript中的`this`跟Java这些面向对象语言相似，保存了实...阅读全文
posted @ 2015-01-18 15:13 刘哇勇 阅读(11218) 评论(6) 编辑
摘要: 本文前戏较多，务实的同学可以直接跳到结论。由「[钢的琴](http://movie.douban.com/subject/4876722/)」网友脑洞大开延伸出了吉的他二的胡琵的琶，以及后来许嵩的「[苏格拉没有底](http://music.douban.com/subject/6033105/)」...阅读全文
posted @ 2015-01-04 11:03 刘哇勇 阅读(16589) 评论(8) 编辑
摘要: CSS中存在一个神秘的变量，少有人知自然也不怎么为人所用。它就是`crrentColor`变量（或者说是CSS关键字，但我觉得称为变量好理解些）。# 初识它是何物？具有怎样的功效？它从哪里来？带着这些疑问我们继续。下面是来自[MDN的解释](https://developer.mozilla.org...阅读全文
posted @ 2014-12-07 17:06 刘哇勇 阅读(8869) 评论(2) 编辑
摘要: HTML5 中新增的``标签允许用户创建一个可展开折叠的元件，让一段文字或标题包含一些隐藏的信息。# 用法一般情况下，`details`用来对显示在页面的内容做进一步骤解释。其展现出来的效果和jQuery手风琴插件差不多。其大致写法如下：```html Google Nexus 6 商品...阅读全文
posted @ 2014-11-30 13:53 刘哇勇 阅读(8374) 评论(4) 编辑
摘要: >原文：[Bulletproof JavaScript benchmarks](https://mathiasbynens.be/notes/javascript-benchmarking)做JavaScript的基准测试并没有想的那么简单。即使不考虑浏览器差异所带来的影响，也有很多难点-或者说陷阱...阅读全文
posted @ 2014-11-26 23:52 刘哇勇 阅读(4030) 评论(3) 编辑
摘要: > 「注释」作者在本文里没有说明这么一个事实：> 目前的版本`Lo-Dash v2.4.1`并没有引入延迟求值的特性，`Lo-Dash 3.0.0-pre `中部分方法进行了引入，比如`filter()`,`map()`,`reverse()`。> 原文