Hello World

微信内置浏览器调试工具和微信H5页面的调试方式

项目遇到的问题vconsole也报了错解决：应该是生成海报前原本的dom里有img元素且src为空引起的在每个img元素里我都加上了v-if的判断就没有再报错了在这篇文章 https://www.dazhuanlan.com/woxianyu/topics/1018750 说到 【在 img 对象的 src 属性是空字符串 (“”) 的时候，浏览器认为这是一个缺省值，值的内容为当前网页的路径。】 我这边每次报错内容都带着当前网页路径...

Android和微信开发者工具使用downloadFile正常，但ios系统上却失败了。经过多次测试，发现原来是上传的文件里面内容为空，所以才会fail所以只要改下，文件大小大于0KB就ok了，downloadFile就能success...

可以下载插件vue-uweb详细介绍可以看这里vue-uweb结合友盟+ 网站流量统计分析系统进行数据的统计和分析第一步：在vue项目的main.js里：import uweb from 'vue-uweb'// 使用 vue-uweb 插件Vue.use(uweb,'YOUR_SITEID_HERE')// 如果想要通过传递 options 参数进行更多设置Vue.use(uweb,options)SITEID的值在友盟里面能找到。只要在main.js里导入了，网站就会追踪你

1. 发短信：<a href="sms:12345678902">联系客服</a>2. 拨打电话：我看到其他文章有讲到要在head的meta标签加上这个（不过我自己做项目的时候没有加 ，也可以用）<meta name="format-detection" content="telephone=yes" />拨打电话：<a href="tel:12345678902">联系客服</a>只要加入 tel: 就可以调起以下这些功能，超

由于修改UI框架的样式必须是全局修改，不可以在style标签带有scoped属性的组件内修改，会失效。所以只能全局修改，那么，全局修改就会导致所有使用该组件的样式都一样。但是做项目做页面又会遇到同个组件样式不同。而且！！！这些封装好的组件就只有一两个标签，但是最终渲染出来时是有很多个标签并且大部分标签之间有很多嵌套，很难准确修改到对应部分。而且有些样式无法继承之类的，所以修改哪部分就必须找到哪部分，无法通过修改临近的元素或者父级元素、祖辈元素来修改想要的部分。解决方案：以下方案得根据实际需求使用

结合vant的索引栏组件需求：能够如图片（截图官方文档的）这样显示。并且由前端对返回的数据进行处理，按A-Z分类，并且对应字母的数据如果为空，则不显示字母，例如：I开头的数据为空，则不显示I索引栏template模板中：<div class="indexBar"> <van-index-bar> <div v-for="(item, index) in classificationLettersList" :key="index">

vue.js pdf viewer安装：npm i vue-pdf --save在使用该vue-pdf插件的文件中导入import PDF from 'vue-pdf'// 注册组件export default { components:{ PDF }, data(){ return { numPages:undefined } }, mounted(){ // 获取pdf文件的页数 PDF.createLoadingTask("http://file.

参考博客：浅谈瀑布流原理及Vue实现结合自己项目的需求进行修改基本原理：多行等宽不等高元素排列。第一排图片的顶部会处于同一个高度，依次排列在顶端，第二行以及之后的行则利用定位在最短的一列下面进行排列效果图：// 封装了WaterFallFlow.vue子组件<template> <div class="waterfall_container"> <div v-for="(item, index) in waterfallList"

v-show指令的值可以是布尔值、属性名、函数名，如果使用函数来控制，无论函数内容是什么，只要最终返回的是布尔类型的true和false即可。表单元素的value属性的绑定值最好不要是父元素传递的值，即props里的属性。原因：避免直接更改prop，prop是单向绑定，不能更改数据，只能由父组件传输过来。每当父组件重新渲染时，该值会被重新覆盖,所以对value属性的值应该使用data或计算属性定义数据，再通过$emit等方法将值传递给父组件。路由缓存问题：通过watch监听路由变化解决问题..

由于获取到后台数据是个对象，所以我在data里面定义数据的时候给赋的初值是null假设：data(){ return { videoObj:null }}template模板里对应的DOM元素：<div>{{ videoObj.title}} </div>由于给videoObj赋了null这个初值，所以在调用接口前初始渲染读取的是null，即div的里面的videoObj初始读取的是null，所以会报 TyperError:Cannot read proper

apply可以改变传递给函数参数的形式MDN:apply() 方法调用一个具有给定this值的函数，以及作为一个数组（或类似数组对象）提供的参数。注意：call()方法的作用和 apply() 方法类似，区别就是call()方法接受的是参数列表，而apply()方法接受的是一个参数数组。MDN之apply的详解妙用：1、可以使用push将元素追加到数组中。因为push接受可变数量的参数，利用apply可以一次推送多个元素。var arr= [1,2,3];arr.push.apply(arr,

需求：页面只需要视频时长但不需要视频元素video标签的属性duration能够获取视频的时长，但是需要先获取到视频元素video，再通过video.duration获取到对应视频元素的时长解决办法：隐藏视频元素，仍然通过video.duration的方式获取到时长// template:<div class="duration"> <video v-show="false" :src="1.mp4"></video> <span></spa

vuex中是单项流v-model是vue中的双向绑定以下写法会报错// store.jsconst store = new Vuex.Store({ state:{ searchValue:"" }})// 在组件里 template模板<input type="search" v-model="searchValue" />// 在组件里 script标签里import { mapState } from 'vuex'computed:{ // 映射为当前组件

全局：beforeEach(to,from,next)：在路由跳转前处理afterEach(to,from)：在路由跳转后处理查到资料 禁止后退的方法是history.pushState(null, null, location.href)即向history中添加一个记录，只是在历史记录堆栈中添加了一条记录（所以第一次点<返回按钮就可以阻止后退，但是再多点几次就失效）当点击返回按钮时，监听到返回事件（由于微信是一定会执行返回的），这是history就会取出刚添加的记录并替换当前页面的路径。

template模板中：script的data：data(){ return { worksCaseList:[ { coverImgUrl:'./image/1.jpg', title:'1' }, { coverImgUrl:'./image/2.jpg', title:'2' }, ...... ] }}报错：原因：受javascripy的特性限制，使用数组下标的方式访问实不会触发Vue的数据绑定vue官网

其实，只要是表单控件，移动端监听到该表单元素被点击就会自动弹出键盘没有设置提交按钮的情况：通过监听enter键就可以处理表单的提交@keypress.13比如，我用type=search的input标签时弹出的键盘中相当于enter功能的键显示【搜索】文字。用的是textarea标签时，显示的是【换行】，如果监听了@keypress.13，不仅会换行还会处理@keypress.13的事件当然也可以直接设置提交按钮监听表单的提交~...

如果外边距margin不是在内联样式中定义的，是不能通过style获取使用style获取的是内联样式的可以通过getComputedStyle去获取

vuex文件// store.jsimport Vue from 'vue'import Vuex from 'vuex'import actions from './actions.js'import ImageInfo from './modules/imageInfo.js'Vue.use(Vuex)const store = new Vuex.Store({ state:{ type:['Video','Image'], videoList:[], imageList:[

我在做项目的时候遇到这个问题，调用后台接口获取数据赋值给数组列表并且重新渲染DOM元素内容其实是想通过js给DOM元素修改下样式，因此引发出这个问题~很奇怪的是，我在mounted钩子函数里去获取了不用重新渲染的父节点，能够获取到该元素，而且包含了我想要获取的被重新渲染的子节点，但我直接用document.querySelector()获取该子元素，返回的依旧是null，改用成通过ref获取，也是返回null。我觉得应该是调用接口获取数据是异步操作，所以此时获取不到元素，我就在获取子元素的外边套了