我们在执行 npm run build 生成线上文件的时候,其实调用了 vue-cli-service build 这里面会提到一个配置项:productionSourceMap 在 cli-service/lib/op…
分类:vue.js教程
实现一个vue的图片预览插件
vue-image-swipe 基于photoswipe实现的vue图片预览组件 安装 1 第一步 npm install vue-image-swipe -D 2 第二步 vue 入口文件引入 import Vue f…
动态设置html的title
使用vue前端框架做,竟然丢弃了很多javascript和html的东西了。。动态设置title的方法: 1.使用vue的自定义指令 <div v-title>{{htmltitle}}</div>…
github的gh-pages分支展示项目页面
引言 github上的demo别人需要预览的时候都得clone下来运行才可以,不能外网访问,不利于demo效果的展示,其实将项目打包部署到GitHub Pages上就可以完美解决这个问题了。 用到的库 gh-pages …
Vue源码探究-虚拟节点的实现
Vue源码探究-虚拟节点的实现 页面初始化的所有状态都准备就绪之后,下一步就是要生成组件相应的虚拟节点—— VNode。初次进行组件初始化的时候,VNode 也会执行一次初始化并存储这时创建好的虚拟节点对象。在随后的生命…
填坑:vue-lazyload与css事件
在element的carousel里用lazyload时,死活加载不出来后面几张图片 原因:scroll事件不触发,应该配置监听css的transitioned和animationed事件
从零开始构建自己的vue组件库番外篇
从零开始构建自己的vue组件库番外篇 写在前面(这段话只适合新手,高手请绕行) 鉴于前两节构建组件用到了很多形如 :class=”[prefixCls + ‘__icon’ + …
input上传图片并压缩(vue,前端,js)
大家好,我是云皓,话不多说,直入正题 1,获取input上传file文件(自行获取,也可通过vant的upload组件来获取)2,转化为base64文件3,压缩4,转换为blob文件5,上传。下面直接上代码(本代码段是用…
vue+typescript 移动端项目起手式
Github地址: https://github.com/pppercyWang/vue-typescript-mobile 最近经常看到Typescript的一些文章。决定自己也尝试用一下,感觉还不错。这里就写了一个模…
vue面试总结2
写 React / Vue 项目时为什么要在组件中写 key,其作用是什么 第一题:key的作用是为了在diff算法执行时更快的找到对应的节点,提高diff速度。 另一种方式实现vue的响应式原理 Proxy在目标对象之…
第七课时: 状态管理, Vuex进阶
1.插件因为vuex是存在内存中的,所以刷新页面的时候其中的值就会初始化。为了刷新时不让其改变,可以开发一个插件,把state状态都存在本地中。 saveInLocal.js: export default store …
VUE2.6.10——computed计算属性
computed初始化 在实例化Vue对象得时候,我们通过computed来定义计算属性: var vm = new Vue({ el: '#example', data: { message: 'Hello' }, c…