查看详情

React-core-image-upload V2.2 is released

React-core-image-upload is a really light-weight plugin for react.js developers to upload his images. Now you could also compress and crop image via this plugin. The xhr2 help us to gain more ability to handle files. Last two days, we were trying to migrate Vue-core-image-upload to react.js one. And all the new features of Vue-core-image-upload 详情 »

SVG 中 viewport 与 viewbox 的区别

之前做 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的献身》

东野圭吾的另外一部小说。好吧却是读着才开始觉得很一般,觉得也就那样吧。感觉没有太多值得推敲的。知道最后结局,才知道原来布局者是多么牛x。 关于 石神 对 靖子 会有人争论彼此,但是觉得这样的人也有吧,一厢情愿喜欢着,只想看着对方好。不过毕竟是少数,小说还是印证出石神的超高智商。 四星半推荐吧。推理性质的小说,反正读着确实很快。 详情 »

查看详情

[译]使用 Three.js 制作虫洞效果

原文地址: 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> < 详情 »

使用wbepack CLI 迁移到webpack2

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 详情 »

《白夜行》

非常值得一读的书,开始了就停不下来吧。悬疑侦探类的小说确实开始读了,就会充满好奇心与小恐惧开始继续读下去。但是不太建议夜晚阅读,可能会小恐怖。 推荐去看下 《白夜行》中有什么细思极恐的细节?,里面有很多写的挺好的。 不同的读者对于不同遭遇有着不同的理解, 好与坏? 故事有很多值得推敲的细节,值得细细体味,就不说多了,好书。 详情 »

查看详情

新博客的动画效果实现

最近重新写了 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= 详情 »

查看详情

青年节

今日青年节。 最近遭遇财政危机,停掉了亚马逊的zoo的机房,节约了一些资金,用于阿里云的CDN的费用。其中很大原因在于对于https的迁移。 当然也有好消息自己的2个月探索,终于撞见一只连续五天上涨的股票,其中三个涨停,后面还有机会,这个算是撞见的最好的一只股票。还有一支就是顺丰那只,莫名其妙就买了。虽然赚的不多,但是这种被刚入股市的新人来说却是是天降馅饼。 最近往返上班路上,从海淀到朝阳,10000多步真是走出来的😂。自己觉得要在今年做个实验,看看几点出门最舒服,几点下班时间正好。之前就想做的,这次终于有这么好的机会了😂。 关于新项目 jcoco,之前提起过,是一个开源的图床的工具,支持命令行和网站,这个项目是koa + vue来实现的当然也就用到vue-core-image-upload啦。 一件非常不好的消息 是 自己好像忘记掉了freleap的续费情况,因为理论每年3月都会收到新的右键催交费用的右键,但也有可能是续约到18年了似乎。还是确认下吧。毕竟freleap的标志还在。 这是最后的斗争 团结起来到明天 英特纳雄耐尔 就一定要实现 详情 »

查看详情

vue-core-image-upload 2.1 Is Released

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 详情 »

查看详情

《上帝掷骰子吗?量子物理史话》

大概读的时候是这种感觉吧: 还是认真一点,其实这篇故事的一大部分的主人公都在这张照片里面: 19世纪末,电磁破的发现让整个世界震惊,越来越多的物理学家投入到了这方面的研究,随后关于波与粒子的争论开始了,而在那个世界出现太多物理天才,物理真的算是百家争鸣。而上面的图片覆盖了20世纪初的大多数诺贝尔奖。理解量子论的却很困难,它已经摆脱了经典物理的束缚,这是对三观的直接挑战,它会摧毁我们之前建立的世界观。不过这就是科学。它就是在不断推翻前人的成功,从而去追求一个更为精确的答案 其实自己读后也蛮超脱的,反正这个宇宙(MWI理论)里不止一个我,此时此刻的我虽然在写博客,没准下一秒,另外一个宇宙的我已经在睡觉了,谁知道,所以人生也不要遗憾,不知道在某个空间的那个你,完成你所有的愿望,遇见了喜欢的偶像,考上了理想的大学,做自己喜欢的工作,养了喜欢的动物。又或许在你的发展阶段,某个空间你是一个画家,某个空间你是医生,某个空间已是孩子的父亲,谁知道,这或许连彼此都不知道在做哪些事情,说意识是物理空间的有序排列,我们也就认可是这样的。当然这个世界依旧会走着,太阳系依旧存在,做自己认为的正确选择就好。 详情 »