在vue2.0的项目中加入flow类型检查。当前项目是用js写的,当项目越来越大,由于js弱类型的特性,相比ts(typescript)这种强类型的语言而言,后期维护会越来越困难。为了解决这个问题,决定使用flow 加入…
标签:vue.js
一个 VUE 组件:实现子元素 scroll 父元素容器不跟随滚动(兼容PC、移动端)
介绍 我们经常遇到一种情况。当滑动滚动条区域时,子元素滚动条到底部或顶部时就会触发父级滚动条,父级滚动条同理会继续向上触发,直至body容器。这是浏览器默认的滚动行为。 但是很多情况,我们想要子元素滚动完成后,不触发父元…
Vue中的render函数render: h => h(App)
在学习Vue.js时,使用vue-cli创建了一个Vue项目,main.js文件中有一行经典代码 render: h => h(App),那她是什么意思呢? main.js 文件内容 import Vue from…
微信小程序全局状态管理,并提供Vuex的开发体验
1. 概要 微信小程序的开发体验类似vue和react,但是却没有提供全局状态管理的机制,所以状态的共享只能通过属性传递的方式来实现。这种做法在小规模的应用中尚可以满足开发效率,但是在复杂的应用中组件的嵌套层次很深,属性…
vue-cli3.0 使用 postcss-pxtorem(postcss-px2rem)自动转换px为rem
如何在vue-cli3.0中使用 postcss-pxtorem 在vue-cli3.0中。去掉了build和config文件夹。所有的配置都放到了vue.config.js中。 先上代码,vue.config.js的配…
关于css打包后过大的问题
公共代码多次放在scoped内 我们很多时候写了一个公共的common.scss,然后在各个vue里面 <style scoped> import '@/assets/css/common.scss' <…
ESLint基础使用,打开规范编码的大门
本文是自己在使用ESlint的总结,对其基本用法做详细说明。 ESLint的2种配置: 1.Configuration Comments – 使用 JavaScript 注释把配置信息直接嵌入到一个文件。 /…
用Weex开辟的V2EX三端app,附探坑总结
项目地点 git传送门(内附项目预览) Weex环境设置 npm install -g weex npm install -g weexpack # weex客户端的cli npm install -g weex-too…
Vue2.0中Filter的使用问题
vue2.0里,不再有自带的过滤器,需要自己定义过滤器 在 Vue1.0 中内置了几种实用的过滤器函数如 uppercase ,但在 Vue2.0 中这些方法都被废除了需要自己定义过滤器。 定义的方法:注册一个自定义过滤…
网站子目录部署VUE webpack 打包资源文件路径的正确引用方式
webpack 是目前使用最为火热的打包工具,各大知名的框架类库都用其打包,国内使用最近也火热起来。它在单页应用和类库打包上帮助许多人从代码管理中解脱了出来,成为了当下风靡一时的打包工具。 但是坑也很多,比如说图片,字体…
Vuex-一个专为 Vue.js 应用程序开发的状态管理模式
为什么会出现Vuex 非父子关系的组件如何进行通信?(Event Bus)bus.js import Vue from 'vue'; export default new Vue(); foo.vue import bu…
Vue中mounted钩子函数获取节点高度出错
遇到的问题 最近在开发一个Vue的项目,好几个页面都有用到一个 页面楼层滑动的组件,我就直接封装成了一个,但是遇到一个bug,就是我需要得到这个组件的offsetTop,然后页面滚动到这个位置的时候,就设置positio…