- 博客(37)
- 收藏
- 关注
RSS订阅转载 使用 Node 爬取英文听力及字幕
title: 使用 Node 爬取英文听力及字幕date: 2017-04-24 19:57:00tags: [Node, 爬虫, superagent, cheerio, 字符编码, 正则表达式]本文将会讲解如何使用 Node 爬取人人听力网的音频以及字幕文件。如果你想批量下载点...
2017-09-28 18:15:00
454
转载 react+redux教程（六）redux服务端渲染流程
今天，我们要讲解的是react+redux服务端渲染。个人认为，react击败angular的真正“杀手锏”就是服务端渲染。我们为什么要实现服务端渲染，主要是为了SEO。 例子 例子仍然是官方的计数器例子，不过我们实现了服务端渲染和state预加载。 源代码： https://gi...
2017-09-28 18:01:00
98
转载 angular2系列教程（五）Structural directives、再谈组件生命周期
今天，我们要讲的是structural directives和组件生命周期这两个知识点。structural directives顾名思义就是改变dom结构的指令。著名的内建结构指令有ngIf,ngSwitchandngFor。 例子 例子是我自己改写的，编写一个structu...
2017-09-28 18:01:00
96
转载 angularjs与jquery特效slidetoggle结合
之前使用jquery的slidetoggle方法，可以轻易的实现元素的收缩展开；使用angularjs后，没有找到相关的方法，通过多方面查资料，自己写了个demo，展示slidetoggle的angularjs写法： html <div ng-controller="ctrl_...
2017-09-28 18:01:00
215
转载 react+reflux入门教程
为了简化react的flux带来的冗余操作，社区的同仁们给我们带来了很多优秀的轮子，诸如redux，reflux等。今天我们就通过逐行讲解代码实例的方法，感受一番reflux的设计之美。 例子 这个例子是非常简单的todo例子，学习语言从helloworld开始，学习框架从todo开始...
2017-09-28 18:01:00
464
转载 karma单元测试入门
学习angularjs，都会遇到karma单元测试，可是初学者面对复杂的测试配置往往不知从何入手，下面我们将抛开angularjs，单独使用两个js文件，完成一次测试入门。 0，karma原理 1，文件目录 两个js文件，一个package.json 2，生成步骤 （1）生成...
2017-09-28 18:01:00
203
转载 angular2系列教程（一）hello world
今天我们要讲的是angular2系列教程的第一篇，主要是学习angular2的运行，以及感受angular2的components以及模板语法。 例子 这个例子非常简单，是个双向数据绑定。我使用了官网上最简单的方法来启动这个程序，并且去除cdn使用本地加载，保证长期可以运行（因为文件都...
2017-09-28 18:01:00
101
转载 react+redux教程（四）undo、devtools、router
上节课，我们介绍了一些es6的新语法：react+redux教程（三）reduce()、filter()、map()、some()、every()、...展开属性 今天我们通过解读redux-undo的官方示例代码来学习，在redux中使用撤销功能、devtools功能、以及router。 ...
2017-09-28 18:01:00
379
转载 angular2系列教程（七）Injectable、Promise、Interface、使用服务
今天我们要讲的ng2的service这个概念，和ng1一样，service通常用于发送http请求，但其实你可以在里面封装任何你想封装的方法，有时候控制器之间的通讯也是依靠service来完成的，让我们一睹为快！ 例子 例子是官方的例子，加载一个英雄列表，点击显示详细信息。我直接放在我们的...
2017-09-28 18:01:00
314
转载 RxJS + Redux + React = Amazing!（译二）
今天，我将Youtube上的《RxJS + Redux + React = Amazing!》的后半部分翻译（+机译）了下来，以供国内的同学学习，英文听力好的同学可以直接看原版视频： https://www.youtube.com/watch?v=AslncyG8whg Observabl...
2017-09-28 18:01:00
202
转载 angular2系列教程（十一）路由嵌套、路由生命周期、matrix URL notation
今天我们要讲的是ng2的路由的第二部分，包括路由嵌套、路由生命周期等知识点。 例子 例子仍然是上节课的例子： 上节课，我们讲解了英雄列表，这节课我们讲解危机中心。 源代码： https://github.com/lewis617/angular2-tutorial/tree/gh...
2017-09-28 18:00:00
200
转载 react+redux教程（三）reduce()、filter()、map()、some()、every()、...展开属性
reduce()、filter()、map()、some()、every()、...展开属性 这些概念属于es5、es6中的语法，跟react+redux并没有什么联系，我们直接在https://developer.mozilla.org/en-US/ 这里可以搜索到相关api文档。 但...
2017-09-28 18:00:00
1874
转载 SVG轨迹回放实践
最近做了埋点方案XTracker的轨迹回放功能，大致效果就是，在指定几个顺序的点之间形成轨迹，来模拟用户在页面上的先后行为（比如一个用户先点了啥，后点了啥）。效果图如下： 在这篇文章中，我们来聊聊轨迹回放的一些技术细节。 注意，本文只关注轨迹的绘制，并不讨论轨迹的各种生成算法。 ...
2017-09-28 18:00:00
586
转载 使用nginx解决跨域问题（flask为例）
背景 我们单位的架构是在api和js之间架构一个中间层（python编写），以实现后端渲染，登录状态判定，跨域转发api等功能。但是这样一个中间会使前端工程师的工作量乘上两倍，原本js可以直接ajax请求api，但是我们不得不ajax请求中间层，中间层再请求api。如图： 为了少敲代码...
2017-09-28 18:00:00
762
转载 angular2系列教程（二）模板语法
今天我们要讲的是angualr2的模板语法，官网写的很清楚，但我也用通俗易懂的讲法再罗列一下吧！ 例子 源代码 属性绑定 不需要特别的指令，只需要用[value]就可以了，并不只有value，[]里面可以是任何常用的html元素的属性！ app/app.html <...
2017-09-28 18:00:00
87
转载 react+redux教程（二）redux的单一状态树完全替代了react的状态机？
上篇react+redux教程，我们讲解了官方计数器的代码实现，react+redux教程（一）。我们发现我们没有用到react组件本身的state，而是通过props来导入数据和操作的。 我们知道react本身是个状态机，也就是说组件是state的表现形式。那么redux提供了一个全局的唯...
2017-09-28 18:00:00
185
转载 angular2系列教程（八）In-memory web api、HTTP服务、依赖注入、Observable
大家好，今天我们要讲是angular2的http功能模块，这个功能模块的代码不在angular2里面，需要我们另外引入： index.html <script src="lib/http.dev.js"></script> 例子 这是官网的...
2017-09-28 18:00:00
292
转载 react+redux教程（八）连接数据库的redux程序
前面所有的教程都是解读官方的示例代码，是时候我们自己写个连接数据库的redux程序了！ 例子 这个例子代码，是我自己写的程序，一个非常简单的todo，但是包含了redux插件的用法，中间件的用法，连接数据库的方法等多个知识点。 源代码： https://github.com/lew...
2017-09-28 18:00:00
138
转载 Angular 结合RequireJs实现模块化开发
angular的指令是模块化很好的一个体现，下面我将只使用指令（不用控制器），结合requirejs，实现模块化开发。 模块化关系图： 传统开发方式 <!--aaa模块--><div> <h3>this is aaa</h...
2017-09-28 18:00:00
133
转载 TypeScript: Angular 2 的秘密武器（译）
本文整理自Dan Wahlin在ng-conf上的talk。原视频地址： https://www.youtube.com/watch?v=e3djIqAGqZo 开场白 开场白主要分为三部分： 感谢了ng-conf的组织者。 阐述了TypeScript是JavaScript的...
2017-09-28 18:00:00
89
转载 angular2系列教程（四）Attribute directives
今天我们要讲的是ng2的Attribute directives。顾名思义，就是操作dom属性的指令。这算是指令的第二课了，因为上节课的components实质也是指令。 例子 这个例子共两个指令，第一个是redify指令，能使元素的color属性变红。另外一个直接复制官网的highl...
2017-09-28 18:00:00
90
转载 angular开发者吐槽react+redux的复杂：“一个demo证明你的开发效率低下”
曾经看到一篇文章，写的是jquery开发者吐槽angular的复杂。作为一个angular开发者，我来吐槽一下react+redux的复杂。 例子 为了让大家看得舒服，我用最简单的一个demo来展示react+redux的“弯弯绕”，下面这个程序就是我用react和redux写的。然而这个...
2017-09-28 18:00:00
525
转载 使用RequireJs和Bootstrap模态框实现表单提交
下面我将使用requirejs结合模态框实现三五行代码部署表单提交操作。 传统开发思路如下： 缺点：所有代码写在一个html中，难以阅读，难以维护，难以复用！ 使用requirejs开发思路如下（且看笔者如何解耦模块化代码）： 缺点：编写过程较为复杂 优点：代码解耦，便于复...
2017-09-28 18:00:00
254
转载 react+redux教程（一）connect、applyMiddleware、thunk、webpackHotMiddleware
今天，我们通过解读官方示例代码（counter）的方式来学习react+redux。 例子 这个例子是官方的例子，计数器程序。前两个按钮是加减，第三个是如果当前数字是奇数则加一，第四个按钮是异步加一（延迟一秒）。 源代码：https://github.com/lewis617/rea...
2017-09-28 18:00:00
167
转载 Preact：Into the void 0（译）
本文整理自Jason Miller在JSConf上的talk。原视频地址： https://www.youtube.com/watch?v=LY6y3HbDVmg 开场白 嗨，大家好，我是Jason，Github上那个developit和推特上的_developit，是一系列库的作者...
2017-09-28 18:00:00
104
转载 angular2系列教程（十）两种启动方法、两个路由服务、引用类型和单例模式的妙用...
今天我们要讲的是ng2的路由系统。 例子 例子是官网的例子，包含一个“危机中心”和“英雄列表”，都在一个app中，通过路由来控制切换视图。还包含了promise的用法，服务的用法等多个知识点。 源代码： https://github.com/lewis617/angular2-tu...
2017-09-28 18:00:00
195
转载 react+redux教程（七）自定义redux中间件
今天，我们要讲解的是自定义redux中间件这个知识点。本节内容非常抽象，特别是中间件的定义原理，那多层的函数嵌套和串联，需要极强逻辑思维能力才能完全消化吸收。不过我会多罗嗦几句，所以不用担心。 例子 例子是官方的例子real-world，做的是一个获取github用户、仓库的程序。 ...
2017-09-28 18:00:00
149
转载 angular2系列教程（六）两种pipe：函数式编程与面向对象编程
今天，我们要讲的是angualr2的pipe这个知识点。 例子 这个例子包含两个pipe，一个是stateful，一个是stateless，是直接复制官方的例子（最新的官网文档已经将其改为了pure和impure，并移除了面向对象的比喻，个人认为较为准确，请以最新的官网文档为参考！）。...
2017-09-28 18:00:00
164
转载 angular2系列教程（九）Jsonp、URLSearchParams、中断选择数据流
大家好，今天我们要讲的是http模块的第二部分，主要学习ng2中Jsonp、URLSearchParams、observable中断选择数据流的用法。 例子 例子的第一个程序，上节课已经讲过了。这节课我们学习第二个程序，从wiki的api中跨域获取数据，可实现300毫秒内中断和选择最近...
2017-09-28 18:00:00
150
转载 redux-amrc：用更少的代码发起异步 action
很多人说 Redux 代码多，开发效率低。其实 Redux 是可以灵活使用以及拓展的，经过充分定制的 Redux 其实写不了几行代码。今天先介绍一个很好用的 Redux 拓展—— redux-amrc。它可以帮助我们使用更少的样板代码发起异步 action。 低效的过去 一般情况下，为了清...
2017-09-28 18:00:00
105
转载 react+redux教程（五）异步、单一state树结构、componentWillReceiveProps
今天，我们要讲解的是异步、单一state树结构、componentWillReceiveProps这三个知识点。 例子 这个例子是官方的例子，主要是从Reddit中请求新闻列表来显示，可以切换react和frontend关键词来切换新闻列表，可以刷新当前新闻列表。 源代码： htt...
2017-09-28 18:00:00
203
转载 使用karma测试平时写的小demo（arguments为例）
有人说前端自动化测试非常困难，我觉得确实如此。在项目中，我个人也不放心写的测试，还是要手动测试。但是我们平时写demo学习时，完全可以使用自动化测试。 传统demo 1，新建一个html 2，写入js脚本 3，运行html 平时写demo，大家伙恐怕都是这个步骤吧，其实我们可以使用k...
2017-09-28 18:00:00
203
转载 r.js结合gulp等于webpack（angular为例）
本人大学时玩dojo，开始了AMD模块化的不归路，工作后一直使用requirejs，感觉非常好。但是，近来随着react的火热，webpack成为了天下无敌的模块化工具，能做模块化，合并压缩，监视等，当我看见webpack甚至还能做反向代理的时候，我整个人都不好了。我已经打算从requirej...
2017-09-28 18:00:00
154
转载 RequireJs调研
背景 Problem（问题） Web sites are turning into Web apps（网站正转变为网络应用程序） Code complexity grows as the site gets bigger（代码复杂度随着站点变大而变复杂） Assembl...
2017-09-28 18:00:00
58
转载 RxJS + Redux + React = Amazing!（译一）
今天，我将Youtube上的《RxJS + Redux + React = Amazing!》翻译（+机译）了下来，以供国内的同学学习，英文听力好的同学可以直接看原版视频： https://www.youtube.com/watch?v=AslncyG8whg 开场白 管理状态很困难，对...
2017-09-28 18:00:00
167
转载 angular2系列教程（三）components
今天，我们要讲的是angualr2的components。 例子 这个例子是个老外写的，我将其迁移到angular2beta版本，想了解迁移的同学可以参考我的做法。 源代码 消失的控制器 angular2的组件就是angual1中的指令。它包含模板、样式、注入、和选择器。 组件...
2017-09-28 18:00:00
135
转载 自定义jinja2 过滤器
今天，我们要讲的是自定义jinja2 过滤器这个知识点，因为官方文档对此一代而过，讲得不够清楚，所以我们专门拿出来讲一下。 例子 例子写了两个自定义过滤器，一个是转换字典到字符串的过滤器，一个是返回当前参数的类型的过滤器。 源代码： https://github.com/lewis61...
2017-09-28 18:00:00
328
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人