RoadMap风格整理

Timeline RoadMap 时间轴版RoadMap,为了内容充分展示,对传统的直线时间轴设计成弯曲。适合一人或者少数人开发的项目,每一阶段都能明确体现要做什么。一步一步很清晰。 在时间轴的基础上,给每个子项开始归类(阶段)。从侧重项目的每个里程,到关注每个阶段的划分。适合一 »

双向绑定不更新问题

前几天发现数据编辑后台的双向绑定不生效了。看了下源码,已经近1年多没有commit记录,那怎么就突然不能使用了呢? compositionstart & compositionend 这里就要从compositionstart & compositionend开始 »

Good Morning Plan

最近总是困~困~困~画了个图分析了下: 总得来说,我起得晚的主要原因不是意志力薄弱或是懒惰。而是因为一个晚睡的初因:我的周末还有好多想做的事没有做,我不能让周末那么快过去。 但,时间是守恒的。 我在非工作日争取了很多的有效时间,增加我在工作日的休息时间。再加上生活节奏的不规律,直 »

压缩JS文件失败的解决思路

最近越来越觉得事情的解决思路很重要。比如今天遇到的一个问题:压缩JS文件后代码无法使用。 刚开始,我采用了比较盲目的办法去解决这个问题,将所有的工具都试了个便。希望能够撞大运,撞到一个能解决该问题的工具。幸运的是,都不怎么行,我才有了这个思考的机会。 和同事交流了以后,很快就能解 »

CSS Opacity 透明元素相对不透明

我们知道,要实现这样的效果很容易: 红色的圆圈设置60%的透明度,绿色的圆圈设置60%的透明度。 但是,要实现这样的效果: 或许,你会想到: 用取色工具。吸取60%透明度时候的颜色,填充为相同的100%的颜色。 比如,从视觉效果上看:'#46880e' 100% == '#72 »

Xcode和node也能有关系?

环境:Mac OS X 今天用npm安装node-sass的时候,出现报错: Agreeing to the Xcode/iOS license requires admin privileges, please re-run as root via sudo. 解决方法 原来是 »

让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 »