约翰克利斯朵夫

“你得对着这新来的日子抱着虔敬的心。别想什么一年十年以后的事。你得想到今天。把你的理论统统丢开。所有的理论,哪怕是关于道德的,都是不好的,愚蠢的,对人有害的。别用暴力去挤逼人生。先过了今天再说。对每一天都得抱着虔诚的态度。得爱它,尊敬它,尤岂不能污辱它,妨害它的发荣滋长。便是象今天这样灰暗愁闷的日子...

Read Me

海边的卡夫卡

“孤独的运动?” 我点头。 “你肯定想变得强壮。” “不强壮生存不下去,尤其是我这种情况。” “因为你孤身一人。” “谁也不肯帮我,至少迄今为止谁也不肯帮我,只能靠自己的力量活下去。为此必须变得强壮,如同失群的乌鸦。所以我给自己取名卡夫卡。卡夫卡在捷克语里是乌鸦的意思。” “噢——”她语气里无不佩服...

Read Me

HTTP/2 简介

目前互联网几乎所有的内容都采用HTTP/1.1作为通信协议,然而这一伟大的协议正在老去。随着前端承载着越来越多的职责,对HTTP的要求也更高,是时候迎来HTTP/2的时代了。 什么是HTTP/2? HTTP 协议规范的标准化组织(IETF)在2015年2月19日通过了 HTTP/2 协议。HTTP...

Read Me

JavaScript设计模式-观察者模式

观察者模式又被称为发布订阅模式,是一种常见的行为型模式,主要用来处理不同对象之间的交互通信问题,我们平时常用的DOM事件,也是使用观察者模式实现的。 观察者模式一般包含两种对象: 1. 发布者对象:发布通知,通知订阅者 2. 订阅者对象:监听通知,响应通知 举个栗子: document.body....

Read Me

使用requestAnimationFrame进行性能优化

上周在看了layzr.js这个小而精的懒加载插件源码,代码量不超过200行,无任何依赖,确实经典,其中印象比较深的是使用了requestAnimationFrame这个JS API延迟代码执行,优化性能。 Layzr.prototype.requestTick = function() { if...

Read Me

移动端Web开发小结

视口 设备像素和CSS像素 设备像素是设备屏幕的物理像素,任何设备的物理像素的数量都是固定不变的; CSS像素是为Web开发者创造的,在CSS中使用的一个抽象的像素层。 e.g. 当给一个元素设置width: 200px;时,该元素可能会覆盖200个设备像素,也可能不会,比如在高分辨率屏幕上...

Read Me

编写可维护的CSS

在HTML中使用语义化标签,避免多类症(添加过多的类)、多div症。 应该在没有现有元素能够实现区域分割时才使用div。例如:在使用导航列表时,无需div包裹。 <code class="html" <ul class="nav" <li<a href=""首页</a</li ...

Read Me

CSS3实现带动画效果的照片墙页面

利用CSS3制作一个带有动画效果的照片墙:照片随意分散摆放在页面中,当鼠标放在移动到某张图片上,图片缓慢由倾斜转换为水平,并放大一定比例,移开鼠标,图片恢复原状。

Read Me

考试之后

这周稍虐,没去图书馆,在寝室刷题准备考试,连续数天盯着电脑冷白刺眼的屏幕至深夜,每当闭上滚烫眼睛稍事休息,就会不自觉流泪,颈椎也特别不舒服,但这种不适却能让我感受到精神的满足,很踏实。最终肯定是过了,对于期待没过看我请客的你们可以友尽了。     今天不想去图书馆,在寝室一口气看完了《两个世界的...

Read Me