《白夜行》
非常值得一读的书，开始了就停不下来吧。悬疑侦探类的小说确实开始读了，就会充满好奇心与小恐惧开始继续读下去。但是不太建议夜晚阅读，可能会小恐怖。 推荐去看下 《白夜行》中有什么细思极恐的细节？,里面有很多写的挺好的。 不同的读者对于不同遭遇有着不同的理解， 好与坏？ 故事有很多值得推敲的细节，值得细细体味，就不说多了，好书。 详情 »
查看详情
新博客的动画效果实现
最近重新写了 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理论)里不止一个我，此时此刻的我虽然在写博客，没准下一秒，另外一个宇宙的我已经在睡觉了，谁知道，所以人生也不要遗憾，不知道在某个空间的那个你，完成你所有的愿望，遇见了喜欢的偶像，考上了理想的大学，做自己喜欢的工作，养了喜欢的动物。又或许在你的发展阶段，某个空间你是一个画家，某个空间你是医生，某个空间已是孩子的父亲，谁知道，这或许连彼此都不知道在做哪些事情，说意识是物理空间的有序排列，我们也就认可是这样的。当然这个世界依旧会走着，太阳系依旧存在，做自己认为的正确选择就好。 详情 »
查看详情
破立
时常脑海会想到这个词语: 不破不立 这周去了次杭州算是做BU的hand over工作。之前会抱怨出差的麻烦和辛苦。但是真到后面不用出差了，离别时总会有些不舍。当然这也不是完全板上钉钉的事情，只是下个季度去海淀确实路上有的时间磨了。 面对突如其来的变化，实际上自己都一直在思考如何怎么去说服自己。人总是擅长安慰自己，总能想出千奇百怪的理由。但是这次相对以前经历越来越能理解坚持的重要。都会有起起伏伏，如果一直去盯着某些东西看，这样对于成长实际真的不是一件好事情。有时候会觉得自己在面临一些多的选择便会动摇，这的却不是一件好的处事原则。其实今年和去年的变化，更多的开始类似打卡的性质, 每一个目标，每一个月的目标，每一年的目标，不希望有别的事情再去影响自己的选择。其实有的时候会害怕自己这样会麻木自己，其实就好比赌博，谁知道呢？ 其实最近和team聊了更多的 管理能力，其实这个对于一个leader的衡量现在觉得很重要，其实自己以前在V厂的时候也没怎么注意，所以也不太清楚自己在做某些事情和执行某些事情是否到位了？每个人都有自己的心思，这是一定的，沟通必须成为一道非常稳固的桥梁，如果忽略基本的沟通手段，势必对团队的发展不是利好。所以管理中交流是核心。 现在家里人总的来说不会催得那么急啦，关于感情的事情，其实已经真的过了随缘分的时间，现在想想对于过去的总总，到也没什么留恋的，其实好在机会还在手中，不要走上那种恐怖的相亲路。父母7月份抵京视察工作😂，然后得6月份开始准备一些必要的证件了，感觉有的时候似乎人生就这么交代，找个人嫁了，一份稳定的工作，淡淡的过去了？ 人们常会说时间久了，便会失去些许激情，或许是吧？所以人要维持自己的爱好， 详情 »
《设计师要懂心理学》
<img src="https://img3.doubanio.com/lpic/s26251595.jpg" ／> 读完觉得还是挺有益处的一本书，很多非常科学化的理论，通过实验发掘人的注意力，以及脑部的活跃区。里面罗列了很多小的tips关于我们网站的设计与交互。实际上以前没有太关注这些点，实际上一个好的网站有非常多的细节值得考虑，比如链接的层次，高效的阅读，用户的兴趣点等。包括不同的国家文化的背后差异，这都是我们需要考虑到的。可能不同的国家对于颜色所蕴含的意义是不一样的，那么我们在给该国设计前就必须去做一些时间研究。再比如，人们天生会认为相邻的物体必然有联系，那么我们排版的时候就的做到分割一致。 今天是读书日，五星推荐。 详情 »
查看详情
使用 React 开发 Atom 插件
Atom 是目前非常流行的编辑器，除了好用小巧的特点，它丰富的插件也给开发者提供了很多的便利性。 Atom 是基于 Electron 开发的，也就是说我们可以通过写 HTML + CSS + JavaScript 的方式来构建我们的桌面应用。而一个典型的Electron App 的架构如图: 其实我们在完成实际的插件的部分，也就是工作的最上层，使用我们前端最基本的知识去实现基本的需求。当然这一层的实现，可以有很多方式，你可以使用简单的JS 去创建视图窗口，你也可以使用一些框架，比如 Vue.js 以及今天提及的 React。React 最核心的一个目标: A JAVASCRIPT LIBRARY FOR BUILDING USER INTERFACES React 的发展很迅速，现在不仅可以完成普通网站的开发，也能能够开发原生的App(React-Native)，也可以开发 VR 相关的内容 (React-VR), 当然桌面应用现在也是可以借助于 Electron 完成。 今天我们简单实现一个插件，通过菜单按钮，呼出对话框，然后完成输入字符串，并将字符串插入到我们的当前代码中。 创建项目 详情 »
解决 React Native TypeError: babelHelpers.typeof is not a function
React Native有的时候会出现一些比较奇葩的问题，比如今天这次遇见的，运行 react-native start 然后模拟器打开就是这样红色的错误。😂😂😂 宝宝可是什么也没有动过，突然就坏了。 错误内容就是: ``` bash TypeError: babelHelpers.typeof is not a function. (In 'babelHelpers.typeof(target)', 'babelHelpers.typeof' is undefined) ``` 大概解决方法就是: npm cache clean 然后我们需要在我们的项目添加.babelrc 如果没有的话，然后增加一个presets配置: { "presets": ["react-native-stage-0"] } 当然我们也得安装这个依赖。 npm install babel-preset-react-native-stage-0 --save 这个时候我们重新启动: ./node_modules/react-native/packager/packager.sh start --reset-cache 参考: 详情 »
查看详情
开始使用 React-VR
React-VR 是 Facebook 团队推出的使用JavaScript来开发VR应用的框架，和 React 相似，你可以通过编写组件的形式来进行程序的开发。(写过 React-Native的应该可以很快上手吧。) 快速开始 首先我们需要安装脚手架程序: npm install -g react-vr-cli 安装成功后，我们就可以开始创建项目了。 react-vr init vrexamples 如果初始化过程中，遇见了提示 yarn 依赖安装的问题，你可以进入项目目录，重新安装就好。 初始化成功后，我们进入项目，然后输入npm start , 访问: http:/localhost:8081/vr/ 就可以看到web上的内容了。如果你有VR的设备，你也可以戴上体验下。 编辑代码 这个时候我们打开编辑器， 查看index.vr.js 的源码，写过React-Native的是不是有种泪奔的感觉，的却是这样写的： 'use strict'; import React from 'react'; import { AppRegistry, asset, 详情 »