消失的 1px

之前本人写过一篇文章,是关于1px边框的:从line-height到0-5px。文中提到用缩放的方法固然可行,但是在使用rem或者百分比单位时,时常会造成1px边框在某些机型下消失;而使用border-image方案则不会出现消失的情况;本文将探索该1px边框消失的原因以及后者为何能正常显示。

使用 Linux 系统开发Web前端

为什么使用 Linux? Mac纵有千千万万的好,作为学生党来说,毕竟其较高的价格让的确让许多我”党“人士望而却步,去年刚进公司实习的时候,使用的是Win7,对于Windows下的命令行体验真是无力吐槽,特别是对于Web前端来说,非常多的工具都运行在终端内,比如不计其数的Node.js工具,后来改用Linux就舒畅多了。

NodeのMorgan 模块与 Cluster 模块

这段时间鼓捣Node.js,跟着《Node.js 开发指南》把 Microblog 给实现了一下,由于该书撰写于 2012 年,Node 版本目前最新已更新至 v5.9.0,且 Express 也发生了相当大的变化,导致很多书中代码已经不符合当前的版本了。关于实现部分,可参考这篇文章:《nodejs开发指南》微博实例express4.x版 。BTW,目前 express 启动命令改为 npm start,该命令执行 bin 目录下的 www 文件,相当于直接执行 node ./bin/www。此处简要记录下该书第六章提到的关于日志与多核CPU的优化问题,并介绍一款 debug tool。整个 microblog 的代码已放至 github 上:摸我

Node.js 开发指南の书摘

章三

1,单次加载:

require不会重复加载模块,无论调用多少次require,获得的模块都是同一个;

2,覆盖exports:

当将一个对象封装到模块中时,exports.Hello = Hello,则需使用require(‘./singleobject’).Hello来获取对象,可简化如下:module.exports = Hello; 此时就可以直接获取这个对象了,var Hello = require(‘./hello’); hello = new Hello();

3,创建全局链接:

npm link express;从而在当前目录使用全局安装的express;

4,

通过使用npm init交互式初始化一个符合标准的package.json;
发布包:npm publish;
更改json文件中的version字段后,重新发布,达到更新版本的目的;
取消发布:npm unpublish;

实习总结

上接《不要叫我程序猿,我是前端开发工程狮》,话说我去了挖财实习,此处省略一万字,然后我就顺利转正,接着回学校撰写毕业论文了。

从 line-height 到 0.5 px

前几天发现写的一段代码,其中line-height(1.7rem)与height(1.7rem)相等,font-size(1.1rem);在ios设备上文字垂直居中,而在android设备上竟上下缝隙相差1px(其实我看不出来是不是一像素,我猜的)。

Schema 与下载条

由于我司有个网站还没有对应的移动端版本,因此需要在移动端访问该网站时,在底部显示一条下载条,而且点击该下载条时需要满足以下两个需求:

  1. 点击下载时,如果本机已经安装该软件,则尝试打开对应软件;
  2. 点击下载时,如果本机未安装该软件,则跳转到对应系统的下载地址。

HTML5 截图

实现一个类似于QQ截图的小东西,点击载入按钮,则载入图片,长按图片,弹出截图框,截图框右下角能够调整大小,并在右边的截图预览区域实时显示

16宫格拖拽

实现一个如图所示的16宫格页面,其中各个数字盒子之间是能相互拖拽,并交换位置的。而横纵各自的标题栏ABC与XYZ实现的功能则是,ABC(XYZ)之间两两互换位置,从而引起两列(行)一起调换位置。

,