随笔分类 - JavaScript
for JavaScript
摘要:What is 流程 第一步我们需要对流程有一个认识,需要知道一个流程的基本形态是怎样的。 流程案例 使用 APP 第三方支付时,点击选择使用微信支付后会拉起应用,用户可以选择各种银行卡或信用卡进行支付,若密码失败则在微信内继续处理,最终跳回 APP 后确认支付成功后,即可进行后续处理。 使用
阅读全文
摘要:我在团队帮助开发 Node 工具时,遇到了需要对多份相似的代码进行一定的处理,但又不能改变原本仓库的代码,这个非常像我们的编译工具做的事情。在一开始的时候,参考了类似 FIS 的功能,简单参照使用代码的 HOOK 配合正则来进行代码的操作。后面觉得实在难以拓展且无法确保修正后的代码可用性,还是觉得必
阅读全文
摘要:redux promise utils What 是一个基于 和 的工具,符合 FSA 规范,方便开发者处理异步 Action,减少大量冗余的 template 代码。 Why redux 一开始的设计就是用于处理同步的 Action。通过调用 Action 函数后 dispatch 返回的 typ
阅读全文
摘要:原文: "Container Components" Container Components 在 React 模式上对我的代码有最深远影响的一个模式叫 container component 模式。 在 React.js Conf 上,Jason Bonta 和我们讲了他们在Facebo...
阅读全文
摘要:场景 远古时代
我们在编写express后台,经常要有许多异步IO的处理。在远古时代,我们都是用chunk函数处理,也就是我们最熟悉的那种默认第一个参数是 的函数。我们来模拟一个Mongo数据库的操作,感受一下。 这个也就是被我们所诟病的 ,一堆横向金字塔,如果将回调拆分成函数,则...
阅读全文
摘要:React爬坑秘籍(一)——提升渲染性能 前言 来到腾讯实习后,有幸八月份开始了腾讯办公助手PC端的开发。因为办公助手主推的是移动端,所以导师也是大胆的让我们实习生来技术选型并开发,他来做code review。之前也学习过React,当然也是非常合适这一次的开发。 我会梳理这一个月来...
阅读全文
摘要:最近学完React的最基本概念,闲下来的时候就自己写了一个Todo-List的小应用。这里做个简略的说明,给想好好学React的新手看。#React-Todo---##学习前提这里我用了webpackb做了babel和JSX预处理和模块打包。所以对React和一些ES2015(ES6)的语法要有一定...
阅读全文
摘要:最近在看许多React的资料,发现了大部分的项目都是用[webpack](webpack.github.io)行模块化管理的工具。这次也是借着写了一个React-Todos的小应用,对webPack最基本实用的功能体验了一番,顺带做个小记录。#为什么用webpack---##CommonJs与AMD...
阅读全文
摘要:异步编程系列教程: 1. "(翻译)异步编程之Promise(1)——初见魅力" 2. "异步编程之Promise(2):探究原理" 3. "异步编程之Promise(3):拓展进阶" 4. "异步编程之Generator(1)——领略魅力" 5. "异步编程之Generator(2)——剖析特性"
阅读全文
摘要:异步编程系列教程: 1. "(翻译)异步编程之Promise(1)——初见魅力" 2. "异步编程之Promise(2):探究原理" 3. "异步编程之Promise(3):拓展进阶" 4. "异步编程之Generator(1)——领略魅力" 5. "异步编程之Generator(2)——剖析特性"
阅读全文
摘要:异步编程系列教程: 1. "(翻译)异步编程之Promise(1)——初见魅力" 2. "异步编程之Promise(2):探究原理" 3. "异步编程之Promise(3):拓展进阶" 4. "异步编程之Generator(1)——领略魅力" 5. "异步编程之Generator(2)——剖析特性"
阅读全文
摘要:异步编程系列教程: 1. "(翻译)异步编程之Promise(1)——初见魅力" 2. "异步编程之Promise(2):探究原理" 3. "异步编程之Promise(3):拓展进阶" 4. "异步编程之Generator(1)——领略魅力" 5. "异步编程之Generator(2)——剖析特性"
阅读全文
摘要:原文: "https://www.promisejs.org/" by Forbes Lindesay 异步编程系列教程: 1. "(翻译)异步编程之Promise(1)——初见魅力" 2. "异步编程之Promise(2):探究原理" 3. "异步编程之Promise(3):拓展进阶" 4. "异
阅读全文
摘要:*这篇文章是我在看乌龟书《编写可维护的Javascript》发现的一篇写的非常好的章节,在这里我并不会教大家什么是绑定事件等比较基础的事。有兴趣了解DOM事件的同学们,可以去w3cschool查阅。*###事件绑定大家都知道前端开发中,事件处理是非常重要的。我们在view层的交互,都是通过绑定事件到...
阅读全文
摘要:函数柯里化currying,是函数式编程非常重要的一个标志。它的实现需要满足以下条件,首先就是函数可以作为参数进行传递,然后就是函数可以作为返回值return出去。我们依靠这个特性编写很多优雅酷炫的代码。那我们来看一下最简单的实现。大家一般都是举addSum的例子,我当然也不例外。```add = ...
阅读全文
摘要:在很早之前,我就写过了一篇也关于二分法的相关博文: "JavaScript快排与原生sort的测试" 。当时是用二分法进行快速排序,其实和这次思路大致相当。二分查找最重要的一个条件,就是需要将数组是有序的方可进行查找,这里更多的是从小到大的排列顺序。 一起来想想大致的思路:
阅读全文
摘要:腾讯和阿里的笔试刚过去了,里面有很多题都很值得玩味的。之前Blog积累的很多东西,还要平时看的书,都有很大的帮助。这个深有体会啊!例如,腾讯有一道算法题是吃香蕉(好邪恶的赶脚..),一次吃一根或者两根,50根香蕉可以有多少种吃法?当时我一看尼玛,不就是我之前总结过的:[递归算法,JavaScript...
阅读全文
摘要:###CoffeeScript函数如果大家有看我之前关于ES6的箭头函数的话,这一篇也不会很难理解。我们这一次可以说一下,关于两者的一些细微差别。#####基本在CoffeeScript中,任何函数都是用箭头函数来表示的。也就是说,如果我们使用下列的方式书写coffee,编译是不予以通过的。```f...
阅读全文
摘要:###变量基础对于变量的定义的话,形式如下所示```xxx = yyy------编译后------var xxx = yyy;```###保留字我们知道,在原生js中的保留字是不能作为变量名或者属性名的。如果我们确实需要特殊的属性名,则使用方括号的方式进行命名。像这样:`var obj["clas...
阅读全文
摘要:###什么是CoffeeScript>CoffeeScript 是一门编译到 JavaScript 的小巧语言. 在 Java 般笨拙的外表下, JavaScript 其实有着一颗华丽的心脏. CoffeeScript 尝试用简洁的方式展示 JavaScript 优秀的部分.>CoffeeScrip...
阅读全文