- 博客(7)
- 资源 (8)
- 收藏
- 关注
转载 手把手教你用Hexo搭建免费个人博客
文章转载自 https://blog.lihongxun.com/2017/11/24/hexo-codingnet/个人博客的最佳解决方案作为较早的博主,我大概从 2010 年开始就在CSDN上写博客,断断续续也写了100+篇文章。后来尝试过用自己的VPS搭建博客网站,以及在github上进行托管。但都不尽如人意,简单说下各种方式的优缺点。方案一,CSDN等博客平台在CSDN这样的博客平台上写博客
2017-11-24 16:56:58 2056
原创 八小时实现迷你版vuejs七:展望和结束语
看代码就像看电影一样,不懂的时候觉得到处都是迷,觉得主角周围发生的事都好不可思议,看懂了之后就能发现一根清晰的主线剧情,或是亲情,或是爱情,或是复仇,或是为名为財。所有之前那些迷都豁然开朗。vuejs源码看下来也是,从3年前接触到vuejs开始,一直断断续续看了一些关于实现原理的文章,初看一堆概念:parser,compiler, observer, watcher 等等。每一部分都有复杂的细节实现
2017-11-09 15:51:20 1302
原创 八小时实现迷你版vuejs六:实现常用指令
我们来实现一个 v-text 指令,其实非常简单,只要在 update 的时候把获取的值写到 innerHTML 中就行了。export default { bind () { }, update (value) { const el = this.descriptor.el el.innerHTML = value }}是不是很简单。再实现一个 v-model 指
2017-11-09 15:49:57 785
原创 八小时实现迷你版vuejs五:实现Watcher
再贴一下之前的一张图: 我们已经实现了 Observer 和 Directive,并且自己实现了一个 v-on 的指令,那么再实现 Dep 和 Watcher 就完整了。这里的 dep.js 其实就是一个记录依赖关系的,他有一个内部的数组 subs 会把所有依赖的 watcher 记录在里面,然后 observer 在观察到数据改变的时候,就告诉dep,它会负责遍历 subs 并调用他们的 upd
2017-11-09 15:48:07 1737
原创 八小时实现迷你版vuejs四:实现compile和Directive
这一篇,我们要实现一个事件绑定的功能:<div @click=“sayHello”></div>那么为了实现这个功能,我们需要三步: 1. 实现 compileDirectives 方法, 可以从attrs中读取directive的配置,这里称之为 descriptor 2. 实现Directive类 3. 实现一个自定指令: v-on以 v-on 为例,如果碰到这样一个属性 v-on:cli
2017-11-09 14:35:04 1298
原创 记一次box-shadow动画导致的性能问题
最近做一个项目发现在页面没有任何操作的情况下 CPU占用率会达到 100%。当然这是一个核心的占用率,所以页面操作上并不卡。不过这个现象非常不正常,因为页面只做了一些简单的CSS动画。在定位问题的过程中发现是由一个容器的box-shadow 动画引起的。启用动画和禁用动画performance profile对比如下: 可以看到禁用 box-shadow 动画后有大幅的性能提升。下面看下代码:
2017-11-07 18:20:36 2175
原创 八小时实现迷你版vuejs三:实现数据响应化
上一篇我们比较overview的讲了vuejs 的架构,从这一篇开始我们来自己动手实现一个vuejs。首先我们实现数据响应化,数据响应化的意思就是我们要能监听到任何数据变动。比如执行了 this.name = “Yao Ming” 之后,我们要能监听到这个改动。那么怎么实现呢?我们需要借助 ES5 提供的新特性 getter/setter。构造函数 和 初始化首先我们需要写一个 Vue 的构造函数,
2017-11-01 16:11:04 1277
加强版坦克大战源码(java)
2011-03-24
c++五子棋源码 ( axun)
2010-11-24
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人