樱花古装照之旅(太湖鼋头渚)

背景 近三年没有见面的大学同学,找我一同去赏樱。 于是,我们几个就踏上了樱花之旅。 其实,有一个非去不可的原因,那就是:总感觉春天和我相处的时间在倒计时,要多拖她去溜达。春天那么古风气质的女子,一定要拍一套古装照。 前期准备 出行必备: 组建“樱花群”。方便沟通,明确此行目 »

WebGL 介绍

WebGL 是什么 全写:Web Graphics Library 介绍:WebGL,是一套可交互的 3D 绘图 API。简单的说,就是Web画3D图形的API。 特点: 内嵌于浏览器中。所以,不必安装插件和库。 支持多平台。因为是基于浏览器,而不是操作系统。 OpenGL »

猫毛DIY小小猫

昨天给我滴猫(魁拔)剃了个毛,留下了一箩筐的猫毛。 就决定拿猫毛做点什么。查阅了下,可以做: 猫的帽子(不怎么好看,但很恶搞) 首饰(夏天到了,热) 小小猫 最终,我选择了做一只小小喵~ 成品 小小喵叫“刀疤妹妹”,因为做完之后发现脸上有黑色的印记(应该是魁拔背后的毛混入) »

健身日记

记录健身历程,每次锻炼完后更新。 起因 以前,我一直都没有想过要去找私教,觉得有教练和自己训练区别不大。 直到受到小伙伴的影响。 我在2年前看他开始健身。他自己健身了一年半,都没什么起色。最近半年请了私教,效果还不错。 他是一个很坚持的人,但是对自己不够狠。 就这样,我也加入 »

二十六岁

发现今年已经26岁了,这种感觉,来得有些突然。是什么时候,我从那个想快点长大的小孩,到了现在这样一个阶段——又焦躁又复杂的二十六岁。 我的二十六岁,职业原因,身边总是男生。 在这个小圈子里,只有一个特别亲近的姐妹。我总是期望姐妹快点出嫁,但又很害怕只剩下我一个人。 在这个小圈 »

我的塞班之行

经历了6天4晚的塞班之行。总而言之,塞班是一个能玩得很开心的地方。 简要介绍: 日期:2.26-3.3(6天4晚) 方式:半自由行(2人+2人),有地接 路线:杭州 - 上海(浦东机场) - 韩国(仁川机场) - 塞班 - 韩国(仁川机场) - 上海(浦东机场) - 杭州 第一天 »

2017年的回顾和小结

相比前面2年,我的2017年的一切都开始变好起来。虽然起起伏伏,但比起一成不变,我更喜欢这样的生活。 回忆 今年养成了一个自己特别喜欢的习惯,重要的事情都发微信,特别方便回顾,也让亲朋友们觉得我就在身边。(比如,过年回家亲戚都知道我经常晚睡) 那,开始我的回忆之旅(流水账之旅 »

我是怎么变胖的

春天悄然而至,发现镜中的自己还真有点胖了。特别是随手一撩衣袖,袖子就被卡在中途。显然,我应该已经是“胖纸”中的一员!越来越多穿不进的衣服。而且,无论穿什么都会觉得奇怪。 短短2年,从90斤到110多斤的过程。 过程 我仔细想了下我在“瘦子”时期和“胖子”时期的差别。其实就这么几点 »

海洋量子号邮轮(上海-熊本-上海)旅行小记

太久没有旅行,来了一场说走就走的邮轮行。 简单地附上图文。 Day 1 2017.03.31 Friday 这是我们要乘坐的海洋量子号。 密密麻麻的房间。 房间小巧精致,空间利用得非常棒,第一印象不错。 最喜欢的就是这个阳台。 天气好的话可以晒到太阳,看着海。 随处逛逛。很喜欢 »

状态法则

这几天在写年度总结。写着写着,就特别想总结下现在的状态。趁着感觉,就先把这篇文章发了。 身边的人都说我最近爆表了。运气爆表,活跃爆表,效率爆表,可爱爆表……哈~ 其实我也能明显地感觉到自己最近的变化。一切都比想象中顺利很多~ 痛苦的记忆 回想,以前遇到过的种种困扰: 那种同时多 »

Mac下能用的Markdown Editor

对于经常写技术文档和技术博客的伙伴们来说。一款优秀的Markdown工具对提升效率实在是太有用了。特别整理了下近1年用过的Markdown工具。也希望能够通过这篇文章,发现更多好用的Markdown工具。 1. Cmd Markdown 这是我第一个喜欢上的Markdown工具, »

JS动态创建SVG元素不生效问题

今天遇到一个问题,创建SVG Path的时候,path的属性怎么都不生效,导致耗费很多时间。 虽然创建了DOM,但是特性不生效的代码如下: const pathEl = document.createElement('path'); 后来发现是没有弄清一个最基础的原理问题: »

RoadMap风格整理

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

双向绑定不更新问题

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

Good Morning Plan

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

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

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

CSS Opacity 透明元素相对不透明

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

3D建模软件——MagicaVoxel

最近玩3D玩得比较多。前几天参加NingJS Conf,被安利了这款软件,感觉还挺有意思的,就尝试了一把。 分享是来自Mozilla (Firefox)的Kevin Ngo的Building Virtual Reality on the Web,PPT:https://ngoke »

AE制作动画DEMO

大概2016.07月左右做的demo。 软件:Adobe After Effects CC 2015 (Ae) 效果: 流程: 1. 基本元素构建 2. 动画制作 »

成长进化小册

6月,2016年过了近一半。 想法和表达想法,成了我当前的瓶颈。 我从来没有像现在渴望有更多的想法。小学,我是课间游戏的设计者,可以构思出一套可以一直玩下去的异次元世界;再大一些,我的艺术作品都是走创造力路线的,无论我干什么,结果都比我想象中好一些;大学,我是校园活动、晚会的组织 »

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 »