最新 | 最热门 | 最高评价

+0  把我的个人网站推倒重来(Part 4 - Responsive Image)

Tag: image | rebuild | responsive | website
Cat Chen 发于 2018年10月08日 11:55 | 点击: 351 | 展开摘要
网站整体完成后,我就可以开始做各种小优化了。其中一个优化是使用 responsive image 来适应不同分辨率和不同像素密度的屏幕,用到的是 <img /> 新增的 srcset 和 sizes 属性以及新增的 <picture /> 元素。因为现在有多套新旧并存的 responsive image 方案,而且它们使用的属性存在重叠,所以要搞清楚到底这些属性如何运作,还是要动手实验。
sizes 属性

<img srcset="

查看全文: http://www.udpwork.com/item/17123.html

+0  把我的个人网站推倒重来(Part 3 - 用 Netlify 做静态网站发布)

Tag: deployment | netlify | rebuild | website
Cat Chen 发于 2018年10月01日 04:42 | 点击: 495 | 展开摘要
之前两篇文章讲述了我用 Harp 和 Bootstrap 搭建新版个人网站的过程,执行 harp compile 进行构建,输出的 www 目录就是我们想要的静态网站。我可以找个传统的静态网站 host,然后通过 FTP 这种古老的方式把文件上传上去。然而这真是我在第一篇文章中说到的一个痛点,我不希望通过 FTP 部署,最好是好像我熟悉的 Heroku 那样通过 GitHub 触发部署,我每次本地更新后执行一下 git push 就行。
Heroku
因为我已经熟悉 He

查看全文: http://www.udpwork.com/item/17102.html

+0  把我的个人网站推倒重来(Part 2 - 用 Bootstrap 做移动网页)

Tag: bootstrap | css | rebuild | website
Cat Chen 发于 2018年09月04日 09:38 | 点击: 474 | 展开摘要
配置好 Harp 做静态网站构建后,就可以开始做网页了。上一个版本的个人网站样式是我自己设计的,当年用的还是 Macromedia/Adobe Fireworks,做出来一个 PNG 文件然后导出为不同的小图片。这次我也有考虑过要不要自己重新设计一个新的样式,但考虑到新设计不如解决其他几大问题重要,于是决定推迟样式设计。现在的计划是,先用 Bootstrap 解决绝大部分的问题,将来有时间重新设计样式了再做成 Bootstrap 主题。
导航栏
我的个人网站对组件的需求很

查看全文: http://www.udpwork.com/item/17073.html

+0  把我的个人网站推倒重来(Part 1 - 用 Harp 做模板引擎)

Tag: harp | jade | rebuild | website
Cat Chen 发于 2018年08月31日 23:29 | 点击: 389 | 展开摘要
根据模板和数据生成静态网站的框架有很多,例如说 Harp、Jekyll、Hugo 等等。我对比了一下,最终选择了用 Harp,因为它是用 JavaScript 写的,如果我真的需要做什么改动我可以轻易地去改它的源代码。用 Harp 的坏处也很明显,这个项目在 GitHub 的源代码上已经很久没更新,搞不好将来不再有人维护。
安装 Harp 和用 Harp 编译生成静态页面很容易。因为 Harp 是「convention over configuration」的框架,所以每个

查看全文: http://www.udpwork.com/item/17047.html

+0  把我的个人网站推倒重来(Part 0 - 历史背景)

Tag: rebuild | website
Cat Chen 发于 2018年08月24日 21:40 | 点击: 365 | 展开摘要
我的个人网站最初是架设在 catchen.biz 上面的,当时还在大学里,只是想做个网站存放简历和作品,方便找工作。那个时候我还自己设计了这个网站的模板,然后用上了时下最流行的 XHTML + CSS + JavaScript 来实现这个模板。每个页面顶部都有一行在 HTML5 时代早已不需要的声明:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http

查看全文: http://www.udpwork.com/item/17029.html

+0  通过 noVNC 实现数千台自助机的实时可视化

Tag: *nix | Django | infrastucture | kiosk | LDAP | mysql | saltstack | vnc | websocket
jaseywang 发于 2017年02月06日 20:17 | 点击: 2332 | 展开摘要
背景很简单,目前我们运营维护着北京市属三甲医院数千台的自助机,这里面包含挂号取号机、检查报告机以及其他若干衍生出来的自助机种类,数量已经超过一千多台,不同的院区通过密密麻麻的专线跟我们的机房源源不断的进行着各种协议的数据传输与交互。

由于各方面技术以及非技术层面的限制,只能使用微软的系统,为了管理这部分的机器,一方面我们通过 saltstack 来进行日常的产品升级以及变更,对于桌面的可视,比如我们需要知道当前这台自助机前患者的操作,就需要 VNC 来帮助了。

一年前

查看全文: http://www.udpwork.com/item/16089.html

+0  通过 noVNC 实现数千台自助机的实时可视化

Tag: *nix | Django | infrastucture | kiosk | LDAP | mysql | saltstack | vnc | websocket
jaseywang 发于 2017年01月06日 20:17 | 点击: 772 | 展开摘要
背景很简单,目前我们运营维护着北京市属三甲医院数千台的自助机,这里面包含挂号取号机、检查报告机以及其他若干衍生出来的自助机种类,数量已经超过一千多台,不同的院区通过密密麻麻的专线跟我们的机房源源不断的进行着各种协议的数据传输与交互。

由于各方面技术以及非技术层面的限制,只能使用微软的系统,为了管理这部分的机器,一方面我们通过 saltstack 来进行日常的产品升级以及变更,对于桌面的可视,比如我们需要知道当前这台自助机前患者的操作,就需要 VNC 来帮助了。

一年前

查看全文: http://www.udpwork.com/item/16098.html

+0  通过 noVNC 实现数千台自助机的实时可视化

Tag: *nix | Django | infrastucture | kiosk | LDAP | mysql | saltstack | vnc | websocket
jaseywang 发于 2016年12月20日 12:17 | 点击: 717 | 展开摘要
背景很简单,目前我们运营维护着北京市属三甲医院数千台的自助机,这里面包含挂号取号机、检查报告机以及其他若干衍生出来的自助机种类,数量已经超过一千多台,不同的院区通过密密麻麻的专线跟我们的机房源源不断的进行着各种协议的数据传输与交互。

由于各方面技术以及非技术层面的限制,只能使用微软的系统,为了管理这部分的机器,一方面我们通过 saltstack 来进行日常的产品升级以及变更,对于桌面的可视,比如我们需要知道当前这台自助机前患者的操作,就需要 VNC 来帮助了。

一年前

查看全文: http://www.udpwork.com/item/16082.html

+0  AWS EBS服务QoS浅析

Tag: 公有云 | AWS | EBS | 存储
Hao Luo 发于 2016年01月17日 13:28 | 点击: 1093 | 展开摘要
EBS支持通用型和Provisioned IOPS型

对于1000G以下的通用卷,最大iops不超过3000;

对于1000G以上的通用卷,最大iops不超过10000;

对于provisioned iops卷,保证iops为卷大小每G乘以30, 比如100G, 那么iops保障为3000, 但是provisioned iops卷最大能力不超过20000 iops;

最新的c4和m4实例支持EBS优化,最大(c4.8xlarge, m4.10xlarge)能提供

查看全文: http://www.udpwork.com/item/15133.html

+0  七种WebSocket框架的性能比较

Tag: Scala | WebSocket | 高并发编程
鸟窝 发于 2015年07月15日 15:39 | 点击: 1788 | 展开摘要
前一篇文章使用四种框架分别实现百万websocket常连接的服务器介绍了四种websocket框架的测试方法和基本数据。 最近我又使用几个框架实现了websocket push服务器的原型,并专门对这七种实现做了测试。 本文记录了测试结果和一些对结果的分析。
这七种框架是:

Netty

Undertow

Jetty

Vert.x

Grizzly

spray-websocket

nodejs-websocket/Node.js

最近用Golang实现了第八种,G

查看全文: http://www.udpwork.com/item/14397.html

+0  基于Asrock C2750D4I的全加密存储

Tag: Development | encryption | freebsd | freenas | ixsystems | zfs
Xin LI 发于 2014年03月14日 06:49 | 点击: 1625 | 展开摘要
去年第四季度的时候,在网上看到 华擎科技 推出了一款基于 Intel Atom C2750 SoC 的主板, Asrock C2750D4I,感觉很赞,于是立即和华擎科技取得了联系(当时这款主板还没进入量产),并着手开始了测试等工作。这张主板的重要特色包括:

mini-iTX尺寸
CPU支持Intel AES-NI,加密加速
提供了两个千兆以太网口
支持ECC内存(更重要的是,采用的是台式机和服务器常见的4x240-pin DDR3 DIMM规格,不像同类产品通常使用的是2

查看全文: http://www.udpwork.com/item/11946.html

+2  小额支付试验的结果

Tag: My_Website
阮一峰 发于 2012年07月31日 10:47 | 点击: 1410 | 展开摘要
去年5月,Google关闭了我的Adsense广告账户。
我在网上宣布,由于没有了广告收入,我决定卖文。还承诺一年之后,公布收到多少钱。

现在一年过去了,今天我就公布结果。

需要道歉的是,晚了两个月。5月底的时候,有一家报纸对这个题材有兴趣。我就想先发表在报纸,再公布在网志。谁知报社最后还是没发表,整件事就这样拖下来了。

下面的文章,就是我给报纸的稿子。根据要求,字数1500字,内容针对非专业读者,没有进行微支付的深入讨论。

=====================

查看全文: http://www.udpwork.com/item/7844.html
|<<<123>>>| 一共3页, 28条记录