Zoom's Blog


  • 首页

  • 归档

  • 标签
Zoom's Blog

Vuejs Reactivity 源码分析

发表于 2016-12-23

Reactivity (Vue 中文文档中翻译为响应式) 是 Vue 的非常关键的一部分。通过 Model 与视图的双向绑定,可以让使用者通过操作 Model 直接操作页面,不再需要直接操作 DOM。

除了 Reactivity,Vue 中还有很多其他的内容,包括:模版解析、VDOM、Components 逻辑等。
为了更好的学习 Vue 中 Reactivity 的实现,将 Vue.js 中 Reactivity 相关部分拿出来成为了单独的部分。这样更容易单独的理解这一部分的实现。
相关的代码在 vue-observer

阅读全文 »
Zoom's Blog

Medium LESS 编码指引

发表于 2015-07-30 | 分类于 front-end

Medium LESS 编码指引

Medium 使用 LESS 的一个严格子集来进行 CSS 预处理。严格子集只包括变量和 mixin,不包含任何其它内容(嵌套等)。

Medium 的命名约定改编自 SUIT CSS 框架。具体的说,它依赖于 结构化的类名 和 有意义的分隔符 (分隔符不仅仅用来分隔单词)来约定命名。这样的设计可以帮助拟补当前给 DOM 设置 CSS 的不足(例如,缺少样式封装),同时可以改善不同 class 之间的联系。

阅读全文 »
Zoom's Blog

Medium 的 CSS 真他*的好

发表于 2015-07-23 | 分类于 front-end

Medium 的 CSS 真他*的好

  • 翻译自 Medium by fat

I always believe that to be the best, you have to smell like the best, dress like the best, act like the best. When you throw your trash in the garbage can, it has to be better than anybody else who ever threw trash in the garbage can.

— Lil Wayne

一段时间以来,我都想要写一些关于 Medium CSS 的东西。关于 Medium 的 CSS 有什么样的故事?我们做了哪些不一样的事情?怎么才能像我们一样做,或者可以从我们这学到点什么?

以下包括一些 CSS 的记录,包括我们是怎么一步步走过来的,以及现状。

阅读全文 »
Zoom's Blog

Application Cache 就是个坑

发表于 2012-11-11 | 分类于 front-end
  • by Jake Archibald
  • 原文地址 Application Cache is a Douchebag

application-cache-is-a-douchebag

早上好,我们最近发布了 我们的 Mobile 网站,其中使用了离线缓存技术。我将离线缓存部分的代码简化成了一个小的实例,并把代码放到了 Github 上。不过在深入代码之前,请允许我向您讲述一个真实的故事。

阅读全文 »
Zoom's Blog

使用 Application Cache

发表于 2012-11-08 | 分类于 front-end

原文链接地址 Using the application cache (MDN)

简介

HTML5 提供了一套可以让 web 应用离线运行的机制,开发者可以使用 application cache(AppCache)接口定义浏览器需要缓存的供离线用户使用的资源。即便是用户在离线的情况下刷新页面,被缓存的应用都应该被正确的加载和运行。
使用 AppCache 可以给应用带来如下的好处:

  • 离线浏览:即便是在离线的情况下用户都可以访问网站。
  • 速度提升:被缓存的资源是本地的,所以可以加载的更快。
  • 减小服务器负载:浏览器只会加载服务器端已经更新的资源。
阅读全文 »
Zoom's Blog

理解 CSS 的 vertical-align 属性

发表于 2012-03-18

原文地址:Understanding CSS’s vertical-align Property by Louis Lazaris

你看,那个前端开发又在哭诉:“ X,Vertical-align 又不起作用了!”

vertical-align 属性看上去很简单,但是确实会给 CSS 新手带来很大的麻烦,即便是 CSS 的老手在这个点上也经常需要停下来把问题搞搞清楚。

接下来,我会尝试用一个容易理解的方式来介绍它。

什么是它不会做的

对于 vertical-align 有一个很常见的误解是,当它作用于一个元素的时候,它会改变这个元素内部所有内容到指定的位置。例如:当你在一个元素上使用 vertical-align: top, 这个元素里面所有内容被期望置顶显示。

阅读全文 »
ZoomZhao

ZoomZhao

6 日志
1 分类
6 标签
© 2017 ZoomZhao
由 Hexo 强力驱动
主题 - NexT.Muse