I'm Albert

web/mobile

front/back

js/node/python

CSS Pixels,Viewport,移动设备 WebView 适配再思考

  April 1, 2016     css  viewport  ppi  webview 

几年前曾写过两篇移动设备适配初探,经过学习和实践,发现其中有错误、有过时,也有实践中毫无意义的部分,索性删光重写,免得给别人造成误导。

问题本质:

  1. Resolutions are increasing as screen sizes, in many places, shrink. Ultra-high pixel density available.
  2. 显示屏技术不是阶梯式成整数倍增长的,而是一点点增长的
  3. 丧心病狂生产碎片的厂商

more ...


The build from src.jsx -> production.min.js with browserify

  June 3, 2015     angular  react  browserify  uglify  gulp  babel 

My efforts at work involves an SPA based on backbone and jquery. It loads all the js files at the beginning and resolves the dependencies with a hard to follow/document convention. I’m making it more dev friendly recently and that’s where most of the knowledge in this post is from.

I’m familiar with browserify and not yet buying the features of webpack. And the nature of my project do not allow hot loading, so there will be nothing about webpack in this post. I have both angular and react at the same time for different partials, so the approach will be universal however I will not explain the details other than build.

TL;DR;: src.jsx -> jscs -> jsxhint -> reactify -> exorcist -> build.js/build.js.map -> uglify2 -> production.min.js/production.min.js.map

UPDATE: Everything is fate. I’m using webpack, eslint, babel, postcss now.

more ...


Docker试上手

  September 16, 2014     docker 

制作一个名为hbrls/pyapp的基础image,没有安全信息,可以上传到 Official Hub 和别人分享。它有版本号,可以更改,更改即说明设计发生了变化。

$ sudo docker build -t hbrls/pyapp:0.2 .

最初的时候使用了ENTRYPOINT,用得很纠结。只有当你非常确定自己需要的只是一个binary的时候才可以用ENTRYPOINT,比如goagent,比如tutum:mysql;但凡有可能做改动的,还是用CMD更自由。

对于一个具体的项目probe.42smart.com,基于hbrls/pyapp,输入项目配置等,在VPS上生成一个名为probe.42smart.com:latestimage,实际负责拉代码及上线。

(VPS)$ sudo docker pull hbrls/pyapp:0.2
(VPS)$ sudo docker build -t probe.42smart.com:latest .  # 由于没有namespace,是不可能传到Hub上去的

more ...


互联网系列文章之九:SNS已死(一)

  May 9, 2014     sns  facebook 

09年写过一篇文章《SNS网站用户需求分析》作为管理心理学的课程论文。之后又写了一篇文章《我没看懂推的成功》。再之后本来准备写Facebook的,结果由于拖延症的原因一直没有填坑,反而是陆陆续续把其他几个坑填掉了。

Facebook这个坑实在太大,每次想填都觉得像跳。时至今日,Facebook上市已经完成,也开始像一个普通的公司一样有了鸡毛蒜皮的事情,坑虽然很大,但也不至于更深了,所以趁这个机会来写写吧。几年过去,发生了许多事情,当年的许多看法发生了变化。开心网不出意料的不行了,人人网出人意料的不行了,盛大不知道是行还是不行,而微博火的铺天盖地。综合总总,我现在的看法是Social已死。

more ...


五分钟上手 Alice Sea.js spm2 Arale

  December 13, 2013     alice  arale  seajs  spm 

背景资料:

看这篇文章之前你应该从意识形态上理解这篇《前端模块化开发的价值》;当然,看了标题你还愿意看下去的话,估计相关概念你都有了。

工作中主要负责 js,业余做做全端,关键词是 Bootstrap, jQuery, Backbone, RequireJS。于是就想到国内有没有类似的呢,找着找着就找到了 Alice, Arale, spm2, Sea.js。当然还有其它很多靠谱的项目,我就不一一列举它们的名字了。那么为什么决定深究这个系列呢?因为这几样东西放在一起根本不是解决方案,而是生态。国内外看看,好像没有其他人在做生态吧,那么就决定是你了!

本文重点在于如何在(已有)项目中 5 分钟上手,不在于如何开发 Alice, Arale 模块,不专门介绍 build 相关内容。

更新:基本决定暂时放弃了,一方面是生态还没起来能搜到的资料太少太差,另一方面觉得类似Browserify的同步加载更符合现实需求。

more ...