数据绑定的功能基本实现了,但也很明显存在很多问题,
首先,第一个问题,现在是将属性名作为了事件名来实现数据的监听,假设存在name
和person.name
,我们是将name
传入渲染函数,对节点遍历查找“指令的值”,将其与name
进行对比,符合就是找到了,但是很明显'person.name' !== 'name'
,所以无法实现双向绑定;第二个问题当然是数组类型的处理;
参考 Vue 源码(v0.10)来解决这些问题。
数据绑定的功能基本实现了,但也很明显存在很多问题,
首先,第一个问题,现在是将属性名作为了事件名来实现数据的监听,假设存在name
和person.name
,我们是将name
传入渲染函数,对节点遍历查找“指令的值”,将其与name
进行对比,符合就是找到了,但是很明显'person.name' !== 'name'
,所以无法实现双向绑定;第二个问题当然是数组类型的处理;
参考 Vue 源码(v0.10)来解决这些问题。
在平常学习的时候,会需要写一些 demo,想要用到 gulp 来方便开发、调试,但是每次都复制一份gulpfile.js
很麻烦,所以先写好一个符合自己技术栈的脚手架,放在 github 上,借助 vue-cli 来简化初始化项目的操作。
“Gulp.js 是一个自动化构建工具,开发者可以使用它在项目开发过程中自动执行常见任务。Gulp.js 是基于 Node.js 构建的,利用 Node.js 流的威力,你可以快速构建项目并减少频繁的 IO 操作。Gulp.js 源文件和你用来定义任务的 Gulp 文件都是通过 JavaScript(或者 CoffeeScript )源码来实现的。
现在写样式,基本都会用到预处理器,将页面样式按照模块/组件进行划分,比如header.scss
、footer.scss
,或者像 bootstrap 每一个组件单独写一个文件,比如forms.less
、navs.less
、navbar.less
等,在一个主文件bootstrap.less
中将所有的文件引入,最后编译。这应该是大多数人对 CSS 组件化开发的理解,一开始我也是这么想,直到在复习 sass 时看到有“默认变量”这样一个东西存在。
JavaScript中存在一种写法:1
2
3
4
5
6
7(function () {
console.log('hello')
}())
//or
(function () {
console.log('hello')
})()
可以看到在()
内定义函数,然后又使用()
来执行该函数。执行函数的()
有两种位置,包裹函数的()
内或者外。
搭建博客并不是很困难,无论是 wordPress 还是别的什么开源博客系统,有很多选择,所以没有技术方面的难度。但是迟迟没有搭建自己的博客,完全是因为觉得要运营博客将会耗费很多时间,比如搭建好博客,就会想用美观的主题;折腾一段时间后,准备自己写主题;发现自己的产出太少,就想着翻译国外的文章等等。总之感觉会耗费很多时间,每天下班后只有三个小时的时间,并不想全部花在博客上。但是,现实还是残酷的,考虑到找工作的时候,如果有一个博客,面试官首先会通过博客来了解个人能力,可以节省面试双方的时间,而且有个人博客很明显可以加分啊。所以还是准备搭建一个个人博客。作为 Web前端,当然要用 Nodejs 相关的博客了,一番搜索后选择了 Hexo。