Code for fun

本来打算就用issue写文章了，但是写了一点后发现github上还是太严肃了，不太好瞎扯些非技术性地东西，所以还是换回hexo写了。。 这次花了点时间把typecho上的文章都迁了，有点心思想把动漫排行捡起来，不过匹配关联这块要自动化确实不太好做，手工的话一个人没什么精力。 阅读全文…

自从上次用webpack写web应用感觉已经过了一段时间了，这次重新拾起又花了不少时间。 为了下次能更快地使用webpack开发，决定写篇文章把配置的问题记录下来。 阅读全文…

widgets应该是android平台上最有用的特性之一了吧，将应用的数据利用一个小视图嵌入其他应用（如桌面），可以快速地获得app的状态而不用启动app。 最近用react-native写了一个todo app，感觉将计划利用widgets直接在桌面上展现出来会十分的方便，于是就给这个app加了widgets。当然rn没有给我们提供这方面的支持，毕竟是android端的东西，只能直接写原生了。虽然很久没写过原生android了，但是看看文档还是没有问题的。 阅读全文…

都说网页的性能瓶颈在DOM操作，所以目前的主流前端框架（React、 Vue、AngularJs等）都在极力地减少DOM操作。 就React而言，使用Virtual DOM和一个diff算法（实际就是使用一个uid来判断）来尽可能的重用现有的DOM，以此来减少DOM操作（毕竟添加比更新要耗时）。 但是在一些需要高帧数刷新的组件里，即使是Virtual DOM的re-render也会显得十分耗时，那么我们看看怎么进行优化。 阅读全文…

跳过了整个1月番后，感觉上都已经好久没追番了。说实话近期的新番实在不对我胃口，于是空闲时把逆转无赖开司和混沌武士给补了。 不过这次的4月番看起来还是不错了，总之又有动力去追了，到目前为止看了一些比较感兴趣的，其中倒是有几部十分有潜力呢。下面就稍微谈谈 阅读全文…

最近在使用React来做一个收藏夹类似的网站，同时也是为了学习一下前端技术，于是就尽可能的使用了流行的框架。 项目链接这个项目中使用了React + Redux + React-router + babel + webpack + scss，来构建了一个同构应用。虽然同构应用并不是十分必要的，不过为了尝试下新技术还是尽可能地去用了。 后端由于一开始就考虑用Laravel了（那时候还不知道有同构应用这东西），而且直接丢给同学做了，所以并没有做到完全地同构，仅仅只是在渲染页面上同用一套代码。（由于不是用NodeJs，也就没使用GraphQL+Relay了）。 阅读全文…

最近看到github上一个Airbnb公司的js风格指导手册，感觉里面讲的都挺有道理的，里面的风格都是趋向使用es6来取代之前的各个api。其中有关React有一条提到了在没有state和ref时，推荐使用单纯的绘制函数代替类，看到后翻了下官方文档，发现propTypes和defaultProps还是能用的。 想起之前用的Redux框架，其核心不就是将所有组件无状态化吗，配合它岂不是就能做到完全的函数式编程？于是马上去改写了下之前写的小例子。 阅读全文…

最近开始试着用React来写前端了，虽然感觉在构建Web上React实在是有些大材小用，但是毕竟这个库的可是打着Learn Once, Write Anywhere的口号来着，在写不同平台应用时会用React写得开心就行。 然后我发现了Redux这个东西，这是flux的一个实现，那么flux是什么玩意呢？很明显flux不是什么实际的框架，而是一种框架思想，特点就是单项数据流吧，它是将所有状态更新都放到一个数据流中进行处理。相比MVC，Flux弱化了Controller的功能吧。 下面讲讲具体的例子。(请确保你对React已经十分熟悉) 阅读全文…

自从rn支持android以后，出现了不少的material design的库。用了下一个叫react-native-material-design的库，先不谈性能方面的缺陷，这个库完全忽视了StatusBar的处理，使得其Drawer弹出时会很难看。至少目前还没有看到哪个库对StatusBar进行了特殊处理，官方倒是有一个StatusBar的组件可以用来控制应用中StatusBar的表现，不过这个组件在android里是调用5.0加入api来实现的，也就是说只对5.0以上的系统有效。而且这个组件在实现Drawer占满屏幕的效果时，StatusBar要设为translucent，此时和在theme中设置windowTranslucentStatus没有什么区别，依然要考虑StatusBar空出来的地方。所以这个组件还不如设置theme呢，起码后者能兼容到4.4。 下面就谈谈比较合适的方法。 阅读全文…

最近学习了下使用react-native(以下简称rn)来做App，这是目前唯一一个编写跨平台的本地应用的开源库，所以人气也是非常高啊。因为是新东西，所以相关的讨论、开源库之类的都很少，目前有很多东西还是得依赖原生模块来处理。好在的是rn提供了一些挺简单的交互方法，所以不至于会有无法解决的严重后果。 不过在调用原生模块时，一开始我不太清楚怎么去获得rn里组件的实例引用，在网上也没找到相关问题，后来在看源代码后发现该怎么做了。 阅读全文…