之前做 weex-svg 的时候,开发者第一次接触 SVG (手写那种,虽然很多情况都有设计师使用 AI 来完成这项工作,但还是不排除需要利用到 svg 的每个 元素)。 才开始,大家都会困惑于 viewBox 和 viewport这两个属性,大家可能也会看到 svg 代码中的千奇百怪。是的,自己也曾为此困惑,宝宝当时内心: 之前自己在做 SVG 学习笔记 的时候,也曾翻译过 Jakob Jenkov 的 关于 [viewport 与 viewbox] (http://tutorials.jenkov.com/svg/svg-viewport-view-box.html) 的区别。 翻译地址: http://events.jackpu.com/svg/#/prop-viewbox-and-viewport 今天再详细的说下这两者的属性。 viewport viewport 也就是 可视区域 详情 »
东野圭吾的另外一部小说。好吧却是读着才开始觉得很一般,觉得也就那样吧。感觉没有太多值得推敲的。知道最后结局,才知道原来布局者是多么牛x。 关于 石神 对 靖子 会有人争论彼此,但是觉得这样的人也有吧,一厢情愿喜欢着,只想看着对方好。不过毕竟是少数,小说还是印证出石神的超高智商。 四星半推荐吧。推理性质的小说,反正读着确实很快。 详情 »
2017-05-09
查看详情
原文地址: http://codepen.io/Mamboleoo/post/tunnel-animation-1 @Louis Hoebregts 如果你对下面的效果非常好奇的话,那么今天这篇文章就是要告诉你们如何实现一个类 虫洞的特效动画。 同样我也在 agency’s 2017 使用了这样的效果。而我将在这篇文章中解释其中的原理和基本实现。 我们需要创建一个管道然后在里面会设置一个相机运动。然后我们会丰富我们这个管道的外在样子。 我们使用了 Three.js 来完成基本的动画,如果你对 Three.js 不怎么了解,你可以先阅读 Rachel Smith's posts 来了解一些基本知识。 建立场景 作者使用的codepen编辑,不过这里会补上欠缺的 首先我们加入一些基本 Three.js 代码来实现 一个基本的 Three.js Demo. 在 html 代码中添加 canvas <!DOCTYPE html> <html> < 详情 »
Webpack2 已经出来许久,但是由于配置写法的变化,很多人还没有迁移。关于 webpack2 的一些变化可以阅读这篇文章 What's new in webpack 2。 如果你计划从 webpack2 迁移到 webpack2 的话,关于配置如何进行更改可以从 这里 知道。但是今天主要是推荐另外一个命令行工具 webpack CLI。 它可以快速的生成webapack 配置和 进行配置迁移。 快速开始 首先我们得全局安装 webpack-cli: npm install -g webpack-cli 安装完成后我们可以通过使用 webpack-cli init webpack-addons-demo 来初始化一个配置目录文件,文件内容可以看 这里。当然webpack的目录模板也是可以自己开发的。 webpack 迁移 使用 webpack-cli 可以方便的完成我们从 v1 迁移到 v2。 直接使用命令: webpack-cli migrate webpack.config.js webpack 详情 »
非常值得一读的书,开始了就停不下来吧。悬疑侦探类的小说确实开始读了,就会充满好奇心与小恐惧开始继续读下去。但是不太建议夜晚阅读,可能会小恐怖。 推荐去看下 《白夜行》中有什么细思极恐的细节?,里面有很多写的挺好的。 不同的读者对于不同遭遇有着不同的理解, 好与坏? 故事有很多值得推敲的细节,值得细细体味,就不说多了,好书。 详情 »
2017-05-05
查看详情
最近重新写了 Ghost-theme 的主题。其中主要是取消了Icon-font,改为了SVG Sprite 。其次非常重要的板块首屏的Slide 和导航重新设计了。先看下具体的效果吧: 视频无法播放,可以查看 gif 图片 Slide 切换 切换动画 slide 的切换主要是利用了transform 和 animation 两个重要的属性。而切换的时间函数则需要用到 cubic-bezier(关于贝塞尔曲线的效果可以参考这里)。然后利用少量的JS和手势库就可以完成了。 基本结构 <div id="slideshow" class="slideshow"> <!-- slide --> <div class="slide"> <div class="bg-overlay" style= 详情 »
2017-05-04
查看详情
今日青年节。 最近遭遇财政危机,停掉了亚马逊的zoo的机房,节约了一些资金,用于阿里云的CDN的费用。其中很大原因在于对于https的迁移。 当然也有好消息自己的2个月探索,终于撞见一只连续五天上涨的股票,其中三个涨停,后面还有机会,这个算是撞见的最好的一只股票。还有一支就是顺丰那只,莫名其妙就买了。虽然赚的不多,但是这种被刚入股市的新人来说却是是天降馅饼。 最近往返上班路上,从海淀到朝阳,10000多步真是走出来的😂。自己觉得要在今年做个实验,看看几点出门最舒服,几点下班时间正好。之前就想做的,这次终于有这么好的机会了😂。 关于新项目 jcoco,之前提起过,是一个开源的图床的工具,支持命令行和网站,这个项目是koa + vue来实现的当然也就用到vue-core-image-upload啦。 一件非常不好的消息 是 自己好像忘记掉了freleap的续费情况,因为理论每年3月都会收到新的右键催交费用的右键,但也有可能是续约到18年了似乎。还是确认下吧。毕竟freleap的标志还在。 这是最后的斗争 团结起来到明天 英特纳雄耐尔 就一定要实现 详情 »
2017-05-03
查看详情
We are so happy to release the new version of vue-core-image-upload. We try to fix some bugs and support some new features. As the slogan: Do More For You We try to add some new features to handle the image files via pure javascript. There are some new features: Compress image in local browser Crop image 详情 »
2017-04-30
查看详情
大概读的时候是这种感觉吧: 还是认真一点,其实这篇故事的一大部分的主人公都在这张照片里面: 19世纪末,电磁破的发现让整个世界震惊,越来越多的物理学家投入到了这方面的研究,随后关于波与粒子的争论开始了,而在那个世界出现太多物理天才,物理真的算是百家争鸣。而上面的图片覆盖了20世纪初的大多数诺贝尔奖。理解量子论的却很困难,它已经摆脱了经典物理的束缚,这是对三观的直接挑战,它会摧毁我们之前建立的世界观。不过这就是科学。它就是在不断推翻前人的成功,从而去追求一个更为精确的答案 其实自己读后也蛮超脱的,反正这个宇宙(MWI理论)里不止一个我,此时此刻的我虽然在写博客,没准下一秒,另外一个宇宙的我已经在睡觉了,谁知道,所以人生也不要遗憾,不知道在某个空间的那个你,完成你所有的愿望,遇见了喜欢的偶像,考上了理想的大学,做自己喜欢的工作,养了喜欢的动物。又或许在你的发展阶段,某个空间你是一个画家,某个空间你是医生,某个空间已是孩子的父亲,谁知道,这或许连彼此都不知道在做哪些事情,说意识是物理空间的有序排列,我们也就认可是这样的。当然这个世界依旧会走着,太阳系依旧存在,做自己认为的正确选择就好。 详情 »
2017-04-28
查看详情
时常脑海会想到这个词语: 不破不立 这周去了次杭州算是做BU的hand over工作。之前会抱怨出差的麻烦和辛苦。但是真到后面不用出差了,离别时总会有些不舍。当然这也不是完全板上钉钉的事情,只是下个季度去海淀确实路上有的时间磨了。 面对突如其来的变化,实际上自己都一直在思考如何怎么去说服自己。人总是擅长安慰自己,总能想出千奇百怪的理由。但是这次相对以前经历越来越能理解坚持的重要。都会有起起伏伏,如果一直去盯着某些东西看,这样对于成长实际真的不是一件好事情。有时候会觉得自己在面临一些多的选择便会动摇,这的却不是一件好的处事原则。其实今年和去年的变化,更多的开始类似打卡的性质, 每一个目标,每一个月的目标,每一年的目标,不希望有别的事情再去影响自己的选择。其实有的时候会害怕自己这样会麻木自己,其实就好比赌博,谁知道呢? 其实最近和team聊了更多的 管理能力,其实这个对于一个leader的衡量现在觉得很重要,其实自己以前在V厂的时候也没怎么注意,所以也不太清楚自己在做某些事情和执行某些事情是否到位了?每个人都有自己的心思,这是一定的,沟通必须成为一道非常稳固的桥梁,如果忽略基本的沟通手段,势必对团队的发展不是利好。所以管理中交流是核心。 现在家里人总的来说不会催得那么急啦,关于感情的事情,其实已经真的过了随缘分的时间,现在想想对于过去的总总,到也没什么留恋的,其实好在机会还在手中,不要走上那种恐怖的相亲路。父母7月份抵京视察工作😂,然后得6月份开始准备一些必要的证件了,感觉有的时候似乎人生就这么交代,找个人嫁了,一份稳定的工作,淡淡的过去了? 人们常会说时间久了,便会失去些许激情,或许是吧?所以人要维持自己的爱好, 详情 »