Quantcast
Channel: Allen.M成长的路
Browsing all 15 articles
Browse latest View live

Image may be NSFW.
Clik here to view.

textarea 中的计数在前端和后端之间的差别

计算 textarea 中用户输入字符的个数,给出用户提示,并在前端和后端同时校验长度是非常常见的需求。但是在前端和后端,对于带有换行的文本的长度计算却有一点出入。 简单的说来,在前端和后端如果都直接计算字符的长度,那么,一个换行,在前端,长度计算是1,而在后端计算出来是2。 我写了个简单的 DEMO ,你可以点开看看,注意查看源代码。截图如下: 我们可以看到第三个字符对应的 unicode...

View Article



VPS上部署 nodejs 应用并和现有应用共存

最近,nodejs 很火,我也尝试用 nodejs 写了一个小应用,主要用到了 express framework 和 socket.io ,数据库使用的 mongodb. 我有一台Linode的VPS ,自然是想把应用部署在自己的VPS上面,为什么没有选择云服务呢?一方面是省钱,我已经为Linode付过钱了,一方面是更加自由,可以随心配置。这台Linode上已经部署了标准的 LAMP...

View Article

Image may be NSFW.
Clik here to view.

BASE64 编码规则

Base64 编码是一种可以把二进制文件编码成文本的编码规则。在很多地方地方都有用到,比如我们可以把图像转成 Base64 编码,然后内联到 HTML 或者 CSS 中。 Base64 编码用一些很常见的 ASCII 字符来表示 0-63 ,构成 6 个 bit 。用 A-Z 表示 0-25 ,a-z 表示 26-51 , 0-9 表示 52-61 , + 表示 62, / 表示 63...

View Article

如果你想在 python 项目中使用 stylus

Stylus 是用 node.js 写的,所以在 nodejs 项目中集成 Stylus 是一件很方便的事情,特别是 expressjs 这样的 web framework 直接配置下就可以用了。在 expressjs 中一旦你修改了 .styl 文件,立马就会被转换成同名的 .css 文件。 如果你想在 Python 项目中获得这样的特性,不妨来试试我写的一个 python package 吧:...

View Article

BASE64 VLQ 编码规则

首先我们先来了解下 VLQ 是什么,VLQ 是 Variable-length quantity 的缩写,是一种通用的,使用任意位数的二进制来表示一个任意大的数字的一种编码方式。这个编码方式是在 MIDI 文件格式中定义的,用来节省空间。在其他地方也有很多类似这样的编码格式,比如在 Google’s protocol buffers 中,还有我们马上要讨论到的 BASE64 VLQ...

View Article


Image may be NSFW.
Clik here to view.

使用 SourceMap 来进行前端代码调试

今天在方凳会上做了一次 SourceMap 的分享。现在在博客上分享出来。 简介 什么是 SourceMap 呢? 在这个年代,对于前端开发来说,很少有用户浏览器执行的代码和我们写的 code 完全相同的情况。因为我们的代码一般要经过压缩、合并。另外现在还有 sass, less, stylus, coffscript, typescript...

View Article

Image may be NSFW.
Clik here to view.

通过网络共享 hosts 配置的工具

Web dev 们经常需要绑定 hosts 来切换到开发环境吧。如果你是一名前端开发,还需要去调试不同浏览器下的表现吧,经常还要开几个虚拟机。一个项目组的成员也经常需要共享一套 hosts 。那么如何方便在多台电脑之间共享和管理 hosts 呢? 自从我发现 @oldj 写的一个 hosts 管理工具 SwitchHosts 支持从 URL 获取 hosts...

View Article

The new beginning

2012年12月21日过去了,大家都安然无恙,世界末日并没有来,所有人都重生了。我个人的工作也迎来了全新的开始。12月24号,我正式开始到支付宝上班了。...

View Article


密码保护:Bye bye , 2012

这是一篇受密码保护的文章。您需要提供访问密码: 密码:

View Article


Image may be NSFW.
Clik here to view.

Javascript API alfred workflow

Alfred 2.0 是 Mac 下的一个提升效率的软件,可以搜索应用,搜索文件,使用的是 spotlight 的索引,所以非常快。还可以直接使用 google 搜索,自定义搜索,还有很多其他功能,你不妨点开上面的地址去看看。这里要说的是它的 workflow 功能,可以自己写代码去处理输入的 keywords ,然后指定打开某个 URL ,或者执行某个命令,打开某个文件等等等等。...

View Article

Image may be NSFW.
Clik here to view.

Macbook pro 更新镁光 M4 固件

11年上半年买的镁光 M4 SSD,最近两天老是无缘无故的死机,尤其是编辑完代码,保存的时候,猜测是硬盘出了问题。记得当时看到 M4 的固件是有缺陷的,工作时间超过一定时间后,在 windows 就会蓝屏。只是由于懒,一直没更新固件,今天被迫更新完固件,就不再死机了。 如果你的情况和我差不多,请继续往下看升级固件的过程。 1, 在...

View Article

Mobile Web 调试指南(1)–– 把静态资源指向到本地

Mobile 越来越重要,Hybrid App 越来越流行,在手机上进行网页的调试却并不像电脑上那么容易。大约半年前,我开始转向 Mobile Web 的开发,在调试方面做了不少的尝试,近期慢慢分享给大家。 开发过程离不开调试,特别是做前端开发,几乎是一边调试一边开发。 做调试的第一步:让浏览器/webview直接请求你本地的源码 PC 端的经验 如何实现目标?相信大家在做 PC Web...

View Article

Image may be NSFW.
Clik here to view.

Mobile Web 调试指南(2)–– 远程调试

第一篇中讲解了如何让手机来请求我们开发电脑上的源码,做到了这步后,我们可以改完代码立即看到效果,但是对于调试还是远远不够的。这篇文章我们继续讲目前常用的几种 Developer tools。 PC 端的经验 在使用桌面浏览器开发时,几乎每种浏览器都有自己的开发者工具,比如大家常用的 firebug , chrome develper tools , safari developer tools ....

View Article


Hello , 2015

时间过的真是快,又是一年过去了。睡不着,索性在好久没写过东西的博客写篇博客吧,反正也没人会来看。 2014 年,发生了很多的变化,最重要的变化是我又单身了,已经大半年。在这个问题上,我也经历了 痛苦 -> 变的平淡 -> 感觉还是蛮自由的 -> 要去追求自己想要的 ,这几个阶段。...

View Article

如果你想在 python 项目中使用 stylus

Stylus 是用 node.js 写的,所以在 nodejs 项目中集成 Stylus 是一件很方便的事情,特别是 expressjs 这样的 web framework 直接配置下就可以用了。在 expressjs 中一旦你修改了 .styl 文件,立马就会被转换成同名的 .css 文件。 如果你想在 Python 项目中获得这样的特性,不妨来试试我写的一个 python package 吧:...

View Article

Browsing all 15 articles
Browse latest View live




Latest Images