Sun

* 技术 - [Sails.js 起航 - 后端框架选秀](https://github.com/f2e-journey/xueqianban/issues/49) > 对比下 [ThinkJS](https://github.com/f2e-journey/xueqianban/issues/47), 可以看到 Sails 的功能更为强大, 当然也就会更加地复杂... - [text-spinners](https://github.com/tawian/text-spinners) > Pure text, CSS only, font independent, inline loading indicators > > Every Spinner...

* 技术 - [我的 ThinkJS 之旅 - 从前端向后端迈进](https://github.com/f2e-journey/xueqianban/issues/47) > ThinkJS 这么玩了一圈下来, 我们发现其实对于前端来说, 后端也没有想象中的那么难, 还能将 `ES6/7` 这样的新技术运用到项目中, 而不像在浏览器上随便用个什么新特性都畏畏缩缩, 担心兼容性问题, 何乐而不为呢? > > 如果你以前感觉**前后端跨界**似鸿沟般难以逾越, 现在借助 ThinkJS 这么智能的框架, 前端也可以很块上手做后端的开发, 什么接口, 什么访问数据库都是小 case. 况且基于...

* 技术 - [十年 杭研技术秀 | 网易蜂巢的工业化前端架构](http://mp.weixin.qq.com/s/d0OF4IflXqYs6NJZk2kW0A) > * **模块化**: 分工产生效能 > > 将一个大文件拆分成相互依赖的小文件，再进行统一的拼装和加载，这为多人协作提供了可能 > > * JS的模块化 > > 在ES6之前，JavaScript一直没有模块系统，这对开发大型复杂的前端工程造成了巨大的障碍 > > **技术选型：Webpack + Babel + ES6** > >...

我是一只小小的"爬虫"

1

互联网充满了丰富的数据, 如何将这些数据收集起来是门技术活. ["爬虫"](http://baike.baidu.com/view/998403.htm)就是这门技术活的代名词, 一提到 TA, 你可能就想到了搜索引擎, 搜索引擎就是靠 TA 来发家致富的. 如果你也需要抓取数据, 就让我这只小小的"爬虫"来说点抓数据的实现思路吧, 主要针对 Web 页面和 APP 这两种类型. ## 实现思路 - Web - 前端调用后端接口做渲染的页面, 通过浏览器 [DevTools](https://developers.google.com/web/tools/chrome-devtools/) 来查看 `Network`, 分析前端代码的逻辑, 看你所需的数据是通过哪些**关键的后端接口**来提供的, 从而得知如何自动抓取数据 -...

**Hello React Native, 我们终于见面了** ## 首先我们来简单了解下什么是 [React Native](http://facebook.github.io/react-native/). > **Build Native Mobile Apps using JavaScript and React** > > A React Native App is a Real Mobile App > >...

* 技术 - [饿了么基于Vue 2.0的通用组件库开发之路](http://mp.weixin.qq.com/s/vD0E5YzBtk9w7ZeddtXy1Q) > [Element](http://element.eleme.io/#/zh-CN/component/progress "Element A Desktop UI Library") 是由饿了么UED设计、饿了么大前端开发的一套**基于 Vue 2.0 的桌面端组件库**, 提供了非常多的基础组件, 适合 PC 端后台系统 > > 随着公司的业务发展，内部开始衍生出很多后台系统，UED 部门也接到越来越多的设计需求 > * 日渐增多的后台产品设计需求 > * 设计资源有限，没办法支持所有业务线...

* 技术 - [前端工程模版](https://github.com/f2e-journey/f2e-project-boilerplate) > * [前端工程模版(简单版)](https://github.com/f2e-journey/f2e-project-boilerplate) > * 通过 [coolie](https://coolie.ydr.me/introduction/advantage/) 合并 CSS/JS, 并对静态资源进行版本管理 > * [前端工程模版(模块化版)](https://github.com/f2e-journey/f2e-project-boilerplate/tree/module-coolie) > * 通过 [coolie](https://coolie.ydr.me/guide/build-chunk-module/) 进行模块化开发 > > 通用规范 > * [网站项目目录结构规范](https://github.com/appbone/mobile-spa-boilerplate/blob/master/directory.md) > *...

* 技术 - [我的 Flexbox 之旅](https://github.com/f2e-journey/xueqianban/issues/42) > 借着通关了Flexbox Froggy 游戏, 让我们再稍稍了解下关于 Flexbox 布局的一些细节和要点. > * Flexbox 布局的由来 > * Flexbox 的基础概念 > * Flexbox 相关属性速记 - [JavaScript 全栈工程师培训教程](http://www.ruanyifeng.com/blog/2016/11/javascript.html) @Monine >...

- 技术 - [WeUI 1.0 正式发布](https://github.com/weui/weui) > WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。 > > 经过半年的打磨，WeUI `1.0` 正式发布，主要是新增了一些常用组件，并**使用 BEM 命名，为接下来的微信小程序开发做好准备**。 - 微信公众号 · 小程序 > - [我的微信公众号小程序之旅](https://github.com/f2e-journey/xueqianban/issues/30) > 最近微信公众号小程序实在太火爆了, 前面几天才开始内测, 各种尝鲜的文章已经遍布互联网了. 带着强烈的好奇心, 我也玩了一把, 将小程序开发文档翻了个遍....

在[班会第 32 期](https://github.com/f2e-journey/xueqianban/issues/39)中我们通过[Flexbox Froggy 游戏](http://flexboxfroggy.com/#zh-cn)对 Flexbox 布局有了一些了解, 感觉用起来确实很方便, 就是属性有些多, 而且需要相互配合, 如果不仔细体会每个属性的含义和作用, 就很容易搞混了. 因此借着通关了[Flexbox Froggy 游戏](http://flexboxfroggy.com/#zh-cn), 让我们再稍稍了解下关于 Flexbox 布局的一些细节和要点.  --------------- CSS Flexbox 布局是一种新的布局方式, 全称是 `CSS Flexible Box Layout`, W3C 标准文档...