Damon

前端 · 设计 · 摄影

如何创造财富

今天,在看黑客与画家。里面讲到了如何创造财富。这里做个笔录。 最好的办法就是自己创业和加入创业公司一个命题创业是一个压缩的过程,所有的工作压缩成短短几年。你不在是低强度的工作四十年,而是以极现强度工作四年 一个优秀的黑客除去各种障碍,工作效率可以是在公司的36倍。假如他年薪8万美元,那么一个勤奋工作,摆脱杂事干扰的聪明的黑客,他的工作相当于每年新创造300万美元的价值。这里说的是极限情况,休...

喔哦,Prepack 碉堡了!

原文:https://medium.com/@dtinth/wow-prepack-is-awesome-b3d802590c42 刚刚试了一下几个小时前Facebook开源的项目Prepack. 这是我滴测试代码: 1console.log(require('util').inspect({ hello: 'world!' })) webpack 编译后:12345...

决战BEM, 10个常见问题及其解决方案

无论您是刚刚发现BEM,还是老手,你可能欣喜的发现这是一个多么有用的方法论。 如果你不知道BEM是什么,我建议你去看看BEM官网,然后继续这篇文章,因为文章中的一些术语需要对这种CSS方法有基本了解。 本文旨在帮助BEM爱好者或者有兴趣了解它的开发者更有效的使用它。 我一直不认为他是一种最优雅方式来命名css样式。让我抛弃它这么长时间原因很多,其中有一点就是令人尴尬的语法。作为设计师的我不希...

可以检查html代码的chrome扩展

本文在原文的基础上添加了一些关于如何创建chrome扩展的完整细节,帮助读者更好创建属于自己的chrome扩展 上周我们说了如何用css给html做代码检查。基本思想就是利用css高级选择器(如::not() ),来筛选出文档里特定的元素。如我们可以选择所有没有添加替代文本(alt属性)的图片并将其在页面中标出。 12345678img:not([alt]) { bo...

用css来做html代码检查

当我们在写HTML的时候,出现语法错误的时候很难察觉。这很容易导致代码里面有 无效的,诡异的僵尸代码,而且很不明显。 有很多方法来检查我们的HTML代码,发现并解决错误,比如:使用 W3C标签校验服务 。 另外我们也有简单的方法并且能将其整合到我们的工作流当中来,那就是:使用一些稍微高级的CSS选择器来高亮潜在问题区域。有一些简单的错误我们可以用CSS选择器来捕捉到他。 行内样式123*[s...

也来谈谈http

作用域和上下文:js 存在一个定义时的上下文,运行时的上下文 。函数拥有两个函数,call 和 apply,使用她们可以改变上下文执行对象,就是更改this指向的内容。var pet = { words: ‘..’, speak(word) { } } Buffer二进制数据处理

vue2.0编写渐进式的webApp(-)

最近开篇说说vue2.0组件库系统前端路由数据状态管理构建系统ssrhybridweex

前端面试之js相关问题(二)

上一篇我们讲到了,在前端面试的时候常被问到的函数及函数作用域的问题。今天这篇我们将将js的一个比较重要的甚至在编程的世界都很重要的问题 面向对象 。 在JavaScript中一切都是对象吗?“一切皆对象!” 大家都对此深信不疑。其实不然,这里面带有很多的语言陷阱,不要到处给别人吹嘘一切接对象为好。 数据类型JavaScript 是一种弱类型或者说动态语言。这意味着你不用提前声明变量的类型...

前端面试之js相关问题(一)

最近我也是经历过面试别人和去面试的人了,总结几个常被提及的面试问题,做一下解答和备忘。 JavaScript 中 this 是如何工作的 ?先来看看这个题目: 1234567891011121314var x = 0;var foo = { x:1, bar:{ x:2, baz: function () { console....

Flexbox 浏览器兼容小结

浏览器兼容性问题,是前端工程师的一个必然要遇到的事情。今天我们来聊聊flexbox 的兼容问题,PC端大家都看到了http://caniuse.com/#search=flex 除了IE支持都很好,但到了移动端就惨不忍睹了(特别是国产手机)。其主要原因还是国产浏览器厂商的更新和支持更不上国际速度,还拿着09年的标准来糊弄自然会有问题。很多人不敢用flexbox说它在国产手机里支持不好云云,其...