查看详情

前端神器 Adobe Brackets 使用心得

提及编辑器，可能类似与语言之争，什么vim才是最好的编辑器等等。其实自己用的顺手熟练才好，毕竟作为一门工具，效率第一，而且现在总多的编辑中，你所需要的常规功能都已经具备了。 Adobe Brackets 是Adobe公司推出的一款编辑器，可谓名门之后。或许还在几年前，有的朋友也还用着他家的Dreamwearver写完了自己的第一个网页。 而Brackets相对Adobe Dreamweaver，我们将它定义为一款编辑器，它身上完全看不出Dreamweaver那样繁重的功能，而它诞生的目的就是: With focused visual tools and preprocessor support, Brackets is a modern text editor that makes it easy to design in the browser. It's crafted from the ground up for web designers and front-end developers. 简而言之，就是提升开发效率，让开发者少走一些路， 详情 »

Vue-Core-Image-Upload 一款Vue轻量级的图片裁剪上传插件

[项目地址](https://github.com/Vanthink-UED/vue-core-image-upload) 最近把jquery.core.image.upload迁到了vue的版本。当然Angular的版本还在写。 改的过程中，有的时候还在纠结要不要写个状态去维护对一些值的操作。后来到测试的时候才发现，各有优势吧。Vue目前交给了移动组的同事再弄，自己只参与了这次插件的改写，毕竟jQuery版本是自己维护的。有趣的是，发现代码量相对jquery少了很多，比如移动和拖拽，以前是依赖jquery.ui新的版本完全脱离这些，但是目前还是将其独立封装成一了一个类，但是写法还并非Vue的写法,因此后期可能还会有些变动吧。参数这些没有太多变化，还是和jquery的那个版本的功能保持一致。当然目前测试还没有添加进去。需要后面更新。 使用 npm i vue-core-image-upload --save Code Example (ES6) import VueCoreImageUpload from './vue.core.image.upload.vue'; new Vue({ el: '#app', components: { 'vue-core-image-upload': VueCoreImageUpload }, data: 详情 »

查看详情

新海诚《你的名字》实景对比（搜集中...）

新海诚新作《你的名字》已经上映些许日子，当然有网友已经开始去寻找原画中的出现熟悉景点了。这里搜集网络上的一些照片(目前的一些截图来自出走的480P部分) 详情 »

查看详情

明意

北京时间9月10日，姚明正式成为奈史密斯篮球名人堂的成员。对于篮球运动员而言，这是最高的荣誉。记得5年前，姚明退役在“明谢”时，姚明还不至于现在这么胖。那个时候会觉得：“喔，大姚要退役，看看那个时代的球员。邓肯，科比，司机，加索尔”他们还在球场上呢。但现在觉得，嗯，作为球员的姚明要选择退役。今天再看这张照片时，嗯，一个时代似乎就要落幕了,作为球员的姚明，获得了属于自己的那份荣誉。 姚明身上有太多值得学习，尤其他的勤奋和责任心。他的开场调侃了下AI, 今晚当我听到我第一个演讲时，我感到各位是不是搞错了？大家不要取笑我，因为我认为这个舞台，是艾弗森这样伟大的球员才应该站上来，大家相信我说的吗？ 抛开那层幽默，姚明是nba最努力的球员之一。当姚明带着的那份天赋进入一个更大的舞台时候，天赋会带给你一个更好的环境，而努力会让你在这个环境坚持下去。想起了杜兰特曾经说过的一句话: 如果当你的视野延伸到更大的世界，你会发现无数人再向你靠近。 当你去一个更有竞争力的环境时，你会发现天赋将不复存在。当姚明逐渐从联盟的菜鸟到最佳中锋，这背后是多投入的训练，努力增重，卧推。其实对比现在的某某，你越来越会发现，当初的姚明是多么努力。 姚明感谢了大致，作为国家的队友。当姚明独自带队时候，做到了力所能及。 详情 »

创业日记-20160908

天气晴。 突然听《再见》，似乎一瞬间就会爱上这首歌。记得毕业晚会那天，最后一首歌是《再见》是隔壁班的压轴节目，当然也是第一次在台下看着唱歌。 一下子会觉得那段时间错过了很多，晚上帮学姐p了一张图，我猜，内心独白是: 只有挣钱才能让我快乐。 详情 »

查看详情

实现类似Pinterest 的图片预加载功能

提起Pinterest，大家第一印象可能是图片社交网站，里面有很多用户上传的各式各样的图片。从前端设计出发的话，我们一定不会忘记我们曾经非常流行的瀑布流布局。但是今天，给大家简要分析上 Pinterest上另外一项非常值得借鉴图片加载细节。 看看下面的截图: 大家可以感觉到图片出来的时候预先绘制轮廓，重点是预制区域的颜色采用与图片较为相似的色彩值，当图片加载完全后，会有种渐入的效果。 效果体验 其中谷歌的图片搜索也用到了类似效果: 我们称之为这种效果为Color Placeholder [色彩预置]，当图片加载的时候，我们优先显示其所在容器的背景颜色（如同很多会显示一个加载的gif），由于受限于不同的图片和大小，因此相比与齐刷刷的加载gif，不同色块体验 可能 更好吧(至少Pinterest Google这么认为吧). 实现步骤 接下来我们进入正题，如何自己实现这样的动画加载效果(实现的方式肯定有很多的也欢迎大家提出更好的思路) 我们先定义下基本的html结构 <!--一个post当作一个单位--> <div class="post"> <div class="image-bg" style="background-color:#141646"> < 详情 »

创业日记-20160905

天气晴。 今日午夜暴雨，雷鸣，确实给弄醒了。没怎么睡好。近日睡眠都不怎么，半夜4点多总会醒一次，有点大四开学那阵子。自己也不知道那段时间心里状态是怎样，由于找工作的缘故，课也较少，几乎整天都是在忙工作的事情。浑浑噩噩，总会在翌日五点钟左右醒过来。天还未亮，心里的事情挥之不去。不过好在10月份过去了就好了。越努力，越幸运，也算是那个时候的一个支撑吧。 详情 »

创业日记－20160902

天气晴。 早起，已明显感觉到天气微凉，云的轮廓已经延绵很长。9月的天似乎是北方最好的时候。温度适宜，稍许办些微风。不过天却比以前黑的更早了。最近都在办公室差不多9点半10点左右回去，觉得现在这个季节骑车最爽。要不到8-9分钟就到家，确实方便。至于其它的事，也只能记住自己的时间节点，努力推动吧。 详情 »

查看详情

去掉单页应用中的可恶的'#' (hashbang)

随着谷歌开始支持对Ajax站点应用的抓去，那么Angular,Vue或者其他单页应用(SPA) 网站的seo将变得容易得多。但是 # hashbang 符号有着一定的限制。或者那些执着于伪静态url的追求的话，一定是想尽办法去掉这个符号。修改完成之后大家可以参考这个站点fadeit.dk 如何转换为静态路由以及开启html5 mode 前面的例子，大家可以明显看到url中失去了＃，我们看下angular中的代码吧: angular.module('main', []).config(['$locationProvider', function($locationProvider) { ... $locationProvider.html5Mode(true); ... }); 如果你使用的是Apache，则你需要添加重写规则的文件.htcaccess。 RewriteEngine On # If an existing asset or directory is requested go to it as it is RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -f [OR] RewriteCond %{DOCUMENT_ 详情 »

创业日记－20160827

天气晴。 前日LX离职，近一阵子遭受的创伤还是很严重。各种不好的消息夹杂在团队中。恰巧看到了知乎上关于Fenng 的评价看到了一句有趣的话： 丁香园何德何能同时搞到岳不群和左冷禅过来 虽是调侃，但是我觉得这个行业就是江湖，有 侠义情肠也有生不如死，很复杂，没有一步能成的事情。 详情 »