AboyL的博客

使用Vue的教授叫vue-cil创建项目以后，如果我们想进行打包成一个hybrid项目应该怎么做呢？这个时候我们需要全局安装cordova，然后进行打包。但是这里我们要注意一些路径问题。 首先我们要明白的是，cordova打包打包的是那些内容？cordova打包的是www文件夹下的内容，也就是说，我们的内容应该都在www文件夹下面，而我们的源代码要放到src下面去，vue-cil的index.h...

实现效果点击切换。可移动一个单位下面我们思考我们的组件使用形式 <base-swiper class="swiper"> <base-swiper-item v-for="item of list" :key="item" :gap="10"> <div class="box">

我们使用Vue的组件，通常是使用引入，然后写在template里面的做法<component :props>但是很多的时候，我们其实并不喜欢这样做，而是通过服务进行组件的调用，比如loading，比如alert。如果我们每次loading我还要去写一个组件，那么肯定是很繁琐的。比如element里面我们都可以使用this.$loading这种形式来显示loading但是...

我们在上节中提到了，我们的代码实现还是存在问题，这个问题在哪里？这个是需要去结合vue来看的，因为我写这个东西的时候就是希望在vue中使用，如果最后不能再vue中使用那么就没有意义了。而在vue中的使用的实际使用的时候给我出了一个难题，那就是vue的this的执行问题。我们知道vue对自己的实例是做了一层代理的。我们在创建一个vue实例的时候，走的是data:{属性} 但是实际上我们可以通...

我们在使用vuex的时候，很多时候都会直接去使用commit代替了dispatch操作,虽然官方的推荐是使用dispatch，但是使用commit也可以，而且很多时候也更加的好写，所以就比较少会去使用dispatch的操作了。但是有的时候，我们还是需要使用dispatch的操作的，这个时候我们就要去设置actions了。 vuex是一个状态管理机制，管理的很多都是我们要公用的数据，在这个组件会用...

关于这点其实没有特别多需要讲的点。但是最近写组件的时候感觉v-model如果使用得好其实是可以减少很多的问题的，虽然对高手们来说这些使用方式是很常见的，但是对刚刚接触vue的人，如果能知道v-model在组件中的正确使用方式，其实是可以大幅度提高自己的组件质量的。首先我们要明确的是，我们所写的组件是有两种类型的，一种是共用的组件，比如共用的 common-header co...

在做项目的时候，最好只使用一套组件库，但是很多时候我们的组件库里面没有我们需要的组件，这个时候我们还是需要自己写组件了，vux里面就没有环形进度条组件，所以需要自己写一个。 查找资料后发现了一个很好的实现方式，通过svg来实现，以前的时候学过一点svg但是没有怎么深入了解过。。。现在看来真是罪过，给出参考链接 https://segmentfault.com/a/119000000814940...

今天在写项目的时候需要去修改一个引入的组件的样式，因为使用的是stylus，所以就可以用>>>进行穿透，但是一开始的时候失败了，后来才发现问题在于两点。一是不可以使用层叠，也就是不可以使用.class >>> .class { .class{}}只可以使用一级也就是.swiper >>> .vux-icon-...

1、移动端300ms点击延迟问题在移动端web中会遇到300ms点击延迟的问题，这个时候可以使用fastclick来解决这个问题。 引入fastclikcimport FastClick from 'fastclick'使用fastclickFastClick.attach(document.body)2、注意当网速过慢的时候获取资源导致的页面抖动问题如果网速过慢。比...

参考 https://github.com/feather-components/app-transition/blob/master/app-transition.vue https://vue-js.com/topic/58c793f4a476ff9533840114使用animate.css的一些动画的时候，会出现白屏效果，比如 bounceInRight这些 原因是因为 这些...

现在我们很多项目上都会使用eslint来规范一些写法，这样会使得我们的代码更加的一致，但是很多时候我们并不习惯使用eslint，而且一些eslint的写法虽然好，但是会多一些步骤，比如多写一个空格之类的，而我们平时在写代码的时候，也会借助编辑器的格式化来格式化代码，这样就省去了很多手工操作，但是有的时候编辑器的格式化方式跟eslint冲突，这个时候我们怎么解决呢？ 下面介绍vscode下怎么解决...

原文首发简书:原文如果你在开发ios中的webview界面的时候会遇到以下问题，并且没有一个很好的解决方案的时候，可以继续阅读以下的文章，如果已经有了比较好的解决方案，我希望你可以继续阅读以下的内容，并给与我真诚的建议，谢谢!!!问题使用header container footer 三个absolute布局的时候，当键盘弹出的时候，header消失在视图外面当键盘弹出的时候、遮住了最...