2017年8月22日

搞electron+vue+webpack2+TypeScript什么体验

本来是想放弃的,后来歪打正着,成功运行。最后搞一个ts类型的启动器,不想再懵了。

vue-ts-electron-starter

想看看原项目electron-vue有没有这个打算,没有的话自己fork个分支出来。这个将就。

这次搞这个项目目的就很明显了,想做一个Hexo博客的编辑器(没错就是我这个博客的核心)。Hexo的话,属于页面生成器类的博客系统。直接一套生成静态页面,然后随意访问。因为一整套静态页面故还是有人喜欢直接干一套SPA上去,体验也好。

其实搞这个,我去年就想搞了。可是去年的话,明显前端的技术都不扎实更别说搞了,当时的想法是写一个Mac App(我swift应该还行,随便写写问题不大。不过可能现在的话问题就大了)。不过就一直拖拖拖,导致swift3.0都有苗头了我还是没想写。而且关于如何操作terminal命令,还是个问题。

这次心就大了。搞了再说,搞一半不行了就让他荒了。以后想起来再搞,再搞的时候技术肯定又上涨。如果这波做成了,开源,我不管有没有人用,总有人喜欢用。

2017年8月14日

JavaScript的call(),bind(),apply()

联动水文,大约半年前记录了Javascript的this。顺水推舟理一下call(),bind(),apply()

扩展阅读:关于JavaScript的this

还是上次的代码,修改一下

1
2
3
4
5
6
7
8
9
let name = 'panda'
let obj = {
name: 'koala',
getName() {
return this.name
}
}
let test = obj.getName
test() //undefined.

(敲黑板!)复习一下!为什么就undefined了!原因就是,this指向不同了。那么直接运行是否可以

1
2
3
4
5
6
7
8
let name = 'panda'
let obj = {
name: 'koala',
getName() {
return this.name
}
}
obj.getName() //koala
2017年8月9日

从0到1的Bandix(四)- 组件通讯

组件化了,证明把一个页面若干项目都视为一个组件,然后像搭积木一样重新组合。组件化的目的最早就为了,同样的组件可以重复利用避免反复开发。但是如果同一页面那么交互起来肯定是最方便的,因为页面数据都在同一页面上。如果独立成组件之后,势必会有数据传入组件然后来回刷新的情况。(在这里我要操了小程序的设计)

所以Bandix不例外的,肯定要组件通讯的,不然玩奶子。

2017年8月4日

从0到1的Bandix(三)- vue.use

其实,完整的函数是Vue.use(plugin),在中文文档上是这么说的

安装 Vue.js 插件。如果插件是一个对象,必须提供install方法。如果插件是一个函数,它会被作为 install 方法。install 方法将被作为 Vue 的参数调用。
当 install 方法被同一个插件多次调用,插件将只会被安装一次。

所以实际上,我们使用一个库的时候,组件库本身是把自己当做一个插件插入到项目中,而不是一个什么大头鬼。

2017年6月19日

从0到1的Bandix(二)- component & extend

在vue中,可能无论写一个什么,就算只是单纯的一个vue插件,也会用到vue component。因为你搞一个*.vue就已经是了啊(逃

一切还是以探索为主,我只是想把看到的东西按照自己理解记录一下。关于这部分的内容,在Vue组件这里有中文文档,在Vue.extend有关于extend的内容。

现在大多数组件库的话,都是Vue.use()来使用,那么为什么use就能用了?到底是在u些什么鬼东西。

2017年6月14日

从0到1的Bandix(一)- npm package

关于npmjs.org的内容本来是要到最后的。因为能到操作npm部分的话必然项目已经到了收官阶段。

不过我不熟悉npm从上架到下架的过程,之前是打算让Syuanpi.css上架,但是觉得还是算了吧别给别人的市场添加垃圾。不过从今天这事之后我觉得完善这个东西意义重大!

所以说这次的旅程,开刀的还是Syuanpi.css。。。(这个东西肯定不是亲生的。


1%