RaulZuo

导航

2017年3月19日 #

Vue源码解析---数据的双向绑定

摘要: 本文主要抽离Vue源码中数据双向绑定的核心代码,解析Vue是如何实现数据的双向绑定 核心思想是ES5的 Object.defineProperty() 和 发布 订阅 模式 整体结构 0. 改造Vue实例中的data,通过Object.defineProperty()将其所有属性设置为 访问器属性 阅读全文

posted @ 2017-03-19 16:08 RaulZuo 阅读(895) 评论(0) 推荐(0) 编辑

2017年3月15日 #

Koa源码分析(三) -- middleware机制的实现

摘要: Abstract 本系列是关于Koa框架的文章,目前关注版本是 Koa v1 。主要分为以下几个方面: 1. "Koa源码分析(一) generator" 2. "Koa源码分析(二) co的实现" 3. "Koa源码分析(三) middleware机制的实现" Koa概括 Koa是基于genera 阅读全文

posted @ 2017-03-15 16:13 RaulZuo 阅读(261) 评论(0) 推荐(0) 编辑

2017年3月14日 #

Koa源码分析(二) -- co的实现

摘要: 大名鼎鼎的co是什么?它是TJ大神基于ES6的一些新特性开发的异步流程控制库,基于它所开发的koa被视为未来主流的web框架。 阅读全文

posted @ 2017-03-14 17:57 RaulZuo 阅读(198) 评论(0) 推荐(0) 编辑

2017年3月13日 #

Koa源码分析(一) -- generator

摘要: Abstract 本系列是关于Koa框架的文章,目前关注版本是 Koa v1 。主要分为以下几个方面: 1. "Koa源码分析(一) generator" 2. "Koa源码分析(二) co的实现" 3. "Koa源码分析(三) middleware机制的实现" Genetator函数 Genera 阅读全文

posted @ 2017-03-13 16:48 RaulZuo 阅读(175) 评论(0) 推荐(0) 编辑

2016年12月4日 #

CSS布局技巧 -- 内凹圆角

摘要: 圆角,相信每一个了解CSS属性的都知道,通过border radius实现圆角(外凸圆角),但是如果需要实现 内凹圆角 怎么办呢?比如四角内凹的元素,比如如下所示这样的内凹圆角 对于这种问题,很多人的反应都是采用CSS的伪类或者子元素的 绝对定位 来覆盖,但是这样做的后果就是被覆盖部分是不透明的。在 阅读全文

posted @ 2016-12-04 15:57 RaulZuo 阅读(2171) 评论(0) 推荐(0) 编辑

2016年11月1日 #

CSS布局技巧 -- 各种居中

摘要: 多行垂直居中 废话少说,直接上例子!!! display:table Html代码: 我是很短的文本 我是很长的文本,内容非常多多多多多多多多多多多多... 我只是一个div标签 CSS代码: .wrapper{display:table;height:800px;width:300px;} .co 阅读全文

posted @ 2016-11-01 14:48 RaulZuo 阅读(188) 评论(0) 推荐(0) 编辑

2016年9月22日 #

CSS布局技巧 -- 纯CSS让子元素的宽度总和决定其父元素的宽度

摘要: 使用场景 在移动端屏幕宽度有限的前提下,使用横向滚动的方式展示更多的内容。在这样的需求下,希望父元素作为容器,其宽度可以又横向排列资源的总宽度 动态撑开 ,超过祖父元素的宽度;在不超过祖父元素时,自动继承100%的宽度。 DOM结构如下: 一般处理方法 将子元素设为 或者 ,然后再通过js计算子元素 阅读全文

posted @ 2016-09-22 17:55 RaulZuo 阅读(14088) 评论(1) 推荐(4) 编辑

2016年9月9日 #

SVN使用总结

摘要: 常用命令 建立分支 svn copy/cp 迁出分支 svn checkout/co 注:在Branch和Trunk两边的提交都会引起主版本号的增加,这是由于svn copy只支持 内的文件copy,并不支持跨repository的copy,因此新建的Branch和Trunk都属于同一个reposi 阅读全文

posted @ 2016-09-09 18:01 RaulZuo 阅读(187) 评论(0) 推荐(0) 编辑

2016年7月1日 #

CSS布局技巧 -- sticky属性

摘要: 在一些很长的表格中,往往需要使用表头悬浮的设计以方便用户使用,例如H5电商页面通过下滑展示大量商品列表时,顶部的导航栏需要在离开屏幕时,需要固定在屏幕顶部以方便用户筛选类别。这种效果一直以来需要通过JavaScript来实现,此外,由于设置对应的DOM对象为fixed时会脱离常规流,会导致下部元素对 阅读全文

posted @ 2016-07-01 13:35 RaulZuo 阅读(1504) 评论(0) 推荐(0) 编辑