其实这篇文章主要是介绍这个东西 Proposal Bind Operator 或者 bind_operator。
也是在一个很偶然的机会看到了,git 上面的一个项目用到了这个用法,为什么自己发现不了这些东西呢?
传统的 this 绑定
在函数外面暂存一个变量
js
// 别名
var self = this;
setTimeout(function() {
this.doSomething();
}, 1000);
使用 bind 函数 & 箭头函数
在使用 class *** extends React.Component {} 的写法声明 React 组件的时候,组件的方法都不会被自动绑定 this 了,下面
继续阅读 »
很多人觉得,前后端的差异主要是分别承载了数据和样式,功能和皮肤。前端就是视觉方面的,后端是实质性的。追溯到很多年前,确实是这样的,所谓的前端只是由于后端MVC中的View过于复杂,为了提升用户体验,提高加载速度,以及降低服务器压力,所衍生出的一些优化技术。
继续阅读 »
本文翻译自liusy182
Jest框架是facebook旗下一款单元测试框架,我个人十分喜欢它,因为它自动mock这一点十分强大。然而,当它遇到问题的时候,就会经常抛出一些模糊的调用栈信息。我在网上搜索尝试找到如何debug Jest测试的方法,却很难找到有用的信息。总之,它仍然还是一个比较新的测试框架。
Jest使用虚拟DOM来运行测试。这一点不同于Karma和Jasmine(它们是利用浏览器来运行测试的)。我觉得这就会给它带来一个很大的缺点:不能使用浏览器上的调试工具来调试Jest的测试。因此,我们需要借助于Node/V8引擎自带的调试器。Node默认的调试器是完全基于命令行形式的,类似于GDB - 虽然我从来就不
继续阅读 »
使用 dva 已经四个月了吧,陆陆续续做了两三个项目,之前在非常恶心的傻逼公司 Kyligence,算是我的 dva 的启蒙地,那一天傍晚,不小心看到了 ant-tool,然后又看到了 antd,于是感觉我的前端有了一次不小的改变~ 😇
几个概念
上面是一张 dva 的图,component,state,dispatch,connect 都是与 redux 一样的概念,不过,dva 把 action -> reducer 拆分成了,action -> model(reducer, effect,subscription),这一部分改变的还是很多的,让 dispatch 的写法方便了一万倍。
Model
一个简单的 mod
继续阅读 »
Web
先说说自己Web方面的东西吧。
JavaScript感觉写的还不错了。彻底扔掉低版本脑残浏览器了。布局转到Flex,再不用坑比无数的float了。
尝试了React,最后决定倒腾Vue。玩过一阵子Angular1,可能以后会试试Angular2吧。
继续阅读 »
跨平台开发想必很多朋友都听说过,甚至实践过,这里我就不过多介绍相关的背景了,Java 的 Slogan 完美诠释了这一愿景:Write once, run anywhere!
提到这个话题,大家首先想到的可能是 React Native,不过本文并不是 RN 教程。本文旨在探索我关注到的几种比较靠谱的移动客户端跨平台开发方案,当然 RN 是其中必不可少的一部分。
继续阅读 »
我的第一份实习,总要多说几句嘛。
暑假结束的第二天就迫不及待地去公司,其实之前期末考试的时候就蠢蠢欲动了。很想去体验工作。
技术
花了一天时间配置各种软件之类的。第二天拿上自己喜爱的cherry开始了正式工作。
前端项目主要是 react 技术栈,而且项目由我搭建!
继续阅读 »
博客从搭建到现在,中途荒废了好长一段时间,借口确实一大把,但是说到底就是懒呗(⊙﹏⊙)
more
2016
过去一年,生活方面,进步确实挺小,希望今年可以改进。
工作方面么,不在局限于Objective-C/Swift,也接触了一些前端知识,
比如H5、Weex、Vue、React、JS、Webpack等一系列web前端和跨平台开发相关的知识点。
可惜,除了参加大学同学的婚礼时去了趟杭州,就没去外地游玩过。
继续阅读 »
此博客将记录了我学习RN过程中很有价值的内容,源码可以参考ReactNativeLeaning(ES6版),源码最后附了一个sinaWebBo项目,看着还不错^_^。顺便支持一下react-native-image-browser吧。
1、Hello World!
react-native init AwesomeProject 卡住不动:解决React Native初始化项目速度很慢的问题;
2、选个好用的编辑器
atom+nuclide的详细使用方法
这个编辑器很好用,有察看dom结构和debugger功能,不过如果你喜欢别的编辑器也可以用;
3、学习的两个重点,布局和语言
如果布局不会请参考阮一峰的Flex 布局教
继续阅读 »
最近有空,用 React 做了这个简单的小东西
继续阅读 »