摘要: 线上产品代码一般是编译过的,前端的编译处理过程包括不限于 转译器/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()`。> 原文![How to Speed Up Lo-D...阅读全文
posted @ 2014-11-08 16:32 刘哇勇 阅读(1769) 评论(2) 编辑
摘要: > 原文:[How to make a simple HTML5 Canvas game](http://www.lostdecadegames.com/how-to-make-a-simple-html5-canvas-game/)想要快速上手HTML5 Canvas小游戏开发?下面通过一个例子来...阅读全文
posted @ 2014-11-02 15:22 刘哇勇 阅读(55492) 评论(18) 编辑

Bingo!!

再拖,再拖咱们就交个朋友吧!

这么隐蔽的彩蛋都发现了, happy coding

\(^___________^)/