让input有更好的体验

最近做了一个类似这样的功能,在移动端上,数字可增可减。其中,能改变数字的触发点有: "-"号 "+"号 点击数字区块,唤起数字键盘。 这里,我直接用input来实现这个数字区块。 1. type="number"还是"tel"? 对比一下两张图,就能很快知道结论。 type="n »

mac环境下开机自启动Shell脚本

在折腾本地gitbook的时候,觉得每次重启计算机都要重新输入命令运行gitbook,特别麻烦。 再加上nginx,gulp,本地ghost一堆东西……我都不愿意关机啦。 我一定要让我们的Shell脚本开机自启动。 Shell脚本开机自启动 其实做起来也挺容易的。前提:Mac环境 »

由“最近访客”引起的xss血案

最近在首页粗糙地做了一个“最近访客”功能。 然后我的首页就出现了各种有趣的家伙: 还有: 作为一名专业的前端,我居然被xss攻击了。 在首页弹这个框,我真是: 原因 在拼接“最近访客”的时候,我没有对多说返回的字段进行处理。 不是不知道会有XSS问题,而是没有重视起来; 我可 »

我的2015年总结

2015年就这么很快的过去了。对于我的人生历程来说,这一年相对是朴素的。我想,无论是好是坏,都应总结一番。就像看2014年目标的文章,多么可爱又有趣。遗憾的是,2014年没有写总结。 所以, 2015年,我一定要总结。 1月、2月 今年年初是我在手淘实习的第三个月,营销互动相关 »

圣诞猫咪主题照

圣诞快乐!晒晒我们家小萌猫咪,大名魁拔,小名粑粑。 霸气的眼神~ 给点好吃的吧,就跟你走哦! 我是小鹿小鹿~ 换个毛色。 45度角望麻麻~ 呀~有好吃滴! 喵喵喵~前面什么鬼。 可怜巴巴望着你。 调皮喵~ »

解决CodeMirror编辑器Tab转空格问题

CodeMirror默认 最近用CodeMirror做了个编辑器,遇到一个问题: 就像这样: See the Pen codemirror-1 by 麻凯倩 (@makaiqian) on CodePen. 默认的Tab是不会转为空格的,需要处理。 不是想要的结果 网上和官网 »

iOS拍的图片上传到服务器(阿里云)旋转

用ghost发文章(发到阿里云的CDN)的时候,发现上传的图片旋转了。比如这张图: 但是,在我的Mac本地上是正常的。像这样子的: 打开预览的效果也是正常的。 然后,我傻傻以为是Ghost的问题。其实并不是。 这里,要开始引出EXIF这个概念。 EXIF EXIF(Excha »

Again...again...

从2015年7月下旬,至今天11月20日,博客第三次死翘翘了4个月。这是感觉时间过得最快的一段时间。猛然发现,1/3年已经过去了。我居然已经四个多月没有写文章,居然已经四个多月没有逛博客!!四个多月没有好好看“身边”的人写的文章和最新的状态。 太快,一周又一周…… 有时候,把时 »

我的毕业旅行——云南丽江

在这之前,我一直没有去过很远的地方,一直在浙江省和浙江省的邻省范围内。我想去看看外面的世界,离开江南一带。 虽然,丽江对有些人来说,也不算遥远。但对于我来说,却是一大步。 我的旅程开始啦…… 云南这个地方 我一直都是亲眼看见才相信的人。之前一直听大家说,那边很美。我想用自己的双 »

我们的健康

痛哭 今天,痛哭了一场,因为“健康”这两个字。 无力挽回的健康。 无法割舍的亲情。 痛苦 我最最不愿意见到的。 又是我最最容易忽视的。 冷静 如果,那个人是我呢? 我真的不知道,我会是一个什么样的状态,什么样的心情。 但我知道,我不可能会真的想我努力设想的那样淡定。我 »

JavaScript对base64的支持

很简单的方法,就可以让JavaScript进行base64转换。 用法 window.btoa() 编码 window.atob() 解码 DEMO: 这样,就可以快速地在控制台进行base64的编解码啦! 兼容性 IE10(包括IE10)以上。 »

mac下打开 windows文件名称乱码的解决办法

前几天拿到设计师的psd,设计师用的是windows系统的。结果传过来的文件经过解压后名称都乱码了,而且每个.psd的名称都有着关键的信息标注。就必须要转换过来。 安装软件:The Unarchiver 将其设置为默认工具 选择任何一个.zip文件,选中,然后按command + »

CSS outline实现意想不到的效果

今天在微博看见@zhangxinxu召集各种实现了十字功能的方法。@大地Dudy和@灵感_idea都想到了用outline-offset这个方法,大开眼界。我就开始关注起了这个css属性。 这个属性其实很简单,就4种类型: outline-width outline-style »

多行文字溢出超过限定宽度,自动添加省略号

常会有“文字溢出自动添加省略号”的需求: 单行文字省略 或者,需要指定更多行数再添加省略号: 单行文字省略 开始实现吧: 单行文字添加省略号 css核心代码: overflow: hidden; /* 内容被剪裁,其余内容不可见 */ text-overflo »

Git基础笔记(便查阅)

起步 三种状态 三种状态 已修改 modified 已暂存 staged 已提交 commited 三种工作区域 本地仓库 woking directory 暂存区域 staging area git工作目录 git directory 配置 权限的作用范围 所有用户 etc/g »

一个主机装多个ghost blog

想要再弄个blog。 作为勤劳朴素的学生党,喵~为了节约成本,想尽办法把ghost博客搭在一个主机上。经历了一番折腾,特别地总结下来,防止后人掉坑。 这篇文章的前提是:(1)你已经在主机上成功搭好了一个ghost博客。(2)linux系统的主机,centos的目录可以留言。 停 »

自定义终端(Terminal)问候语

适用于:Mac OS X、 Ubuntu (Windows我没有用过) 第一步: 进入目录 打开终端 输入(进入etc目录) cd /etc 第二步:进入文件 输入(编辑一个名为motd的文件) sudo vim motd 第三步:设置问候语内容 设置问候语 我的问候语是这样的: »

买回域名和主机,切换到Ghost

域名终于买回来咯~ 这一等,就是有4个多月。 从去年6月份开始,就在别人的博客里发现了Ghost blog这个简洁、高大上、有趣的东西,一见钟情。无论是外观上,还是在于功能的简洁、实用上。 之前,全面、庞大的wordpress,用了一年多。直到感觉到wordpress的臃肿不 »