Code for fun

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里组件的实例引用，在网上也没找到相关问题，后来在看源代码后发现该怎么做了。 阅读全文…

自从看完攻壳的第一季后就想自己做个会动的笑脸男的矢量图图标了，最近花了点时间终于搞定了。下面我会谈谈网页上矢量图该怎么写。预览（在ie和edge上文字无法滚动，在chrome上是正常的，其他浏览器不清楚）。源代码。 阅读全文…

离上篇文章都已经一个多月了啊，最近都在玩mho，也没什么时间来做这个。不过目前还是把基本的功能都给实现了，做了一个展示页面。 和以前说的一样，后端是使用Laravel框架实现的api服务器，前端是用vue.js和semantic-ui实现的页面。点此访问 阅读全文…