vue实现简单瀑布流布局（vue-stick）

嵌在iframe里的vue项目 怎么触发父页面的方法？

vue实现数字递增动画效果、计算小数点位数及js小数乘法后出现很多位小数的问题

今天弄了一个活动，首先从小程序进入webview里的H5页面，然后H5页面里有个按钮，点击后需要跳转到小程序的注册页。那么，H5那边该怎么实现呢？ 因为已经进入小程序环境了，所以实现起来相对单纯的H5跳小程序比较简单

今天需要再移动端登录注册模块写一个滑块验证的功能，发现一个很好用的插件，推荐给大家

最近项目组要求做一个移动端手写签名的组件一共找了两种方案，一种不需要安装插件，一种是安装vueEsign插件

js两个数组连接

遇到一个pc端项目，要接入企业微信的登录，怎么做的呢？就是首页做成企业微信的扫码登录界面，扫码后的地址就是自己项目的首页，只是首页获取到code的话 就调登录接口，然后进入系统就可以了。如果没权限进入系统的人，在扫码的时候就提示了

今天碰到一个需求，做的是微信支付，所以需要设置输入框里必须输入是能支付的数字，想投机网上直接找现成的方法，发现大部分都有bug或者不生效。于是自己费了点时间写了以下提供两种方案，希望有帮助。

如果vue项目打完包，js文件夹里面只有一个app.js的话，就会在首页加载所有的js代码。如果需要分包打包的话，可以执行以下代码，这样的话每个页面就只会加载对应的js文件，减少首页的负担

微信H5页面跳转到腾讯地图 根据中文地址解析到经纬度，再直接打开腾讯地图 定位到该经纬度

VUE项目保存照片到本地。微信里的网页不可行，因为微信禁用了网页下载相关的js，不过微信可以直接长按保存

Vue项目复制文字，复制文字到剪切板— vue-clipboard2插件

今天碰到一个接口，后端返的二维码是文件流，在preview里能看到，但response里啥都没有，这种情况怎么拿到这张图片呢？

在项目中 点击按钮 复制 某行文本是很常见的 应用场景，在 Vue 项目中实现 复制功能 需要借助 vue-clipboard2 插件。npm install --save vue-clipboard2

一般在使用axios时，会用到拦截器的功能，一般分为两种：请求拦截器、响应拦截器。请求拦截器在请求发送前进行必要操作处理，例如添加统一cookie、请求体加验证、设置请求头等，相当于是对每个接口里相同操作的一个封装；响应拦截器同理，响应拦截器也是如此功能，只是在请求得到响应之后，对响应体的一些处理，通常是数据统一处理等，也常来判断登录失效等。

前端vue项目生成带logo的二维码

在使用vue cli4的过程中，我们遇到比较小的图片被转成了base64格式的编码。但实际使用的时候不需要，因为转码后的图片不够清晰，特别是在大屏和高分辨率的显示器时尤甚。

一般表单页面都需要填写手机号，校验用户输入的手机号码是否正确，就要用到正则表达式，用正则表达式来匹配手机号段，如在运营商号段内，则号码正确。因此，需要知道运营商最新的号段，如下所示：

jquery获取url中的参数和vue获取链接参数

Vant 是一个面向移动端的组件库，因此默认只适配了移动端设备，这意味着组件只监听了移动端的 touch 事件，没有监听桌面端的 mouse 事件。如果你需要在桌面端使用 Vant，可以引入我们提供的 @vant/touch-emulator，这个库会在桌面端自动将 mouse 事件转换成对应的 touch 事件，使得组件能够在桌面端使用。...

需求分析：input框只允许输入数字，最多允许小数点前面10位，小数点后面2位

输入框要求最少输入12个字符（6个汉字或者12个英文），中文标点也是2字符，英文标点符号为1字符。

今天碰到一个需求，上传多张照片时，先进行压缩，再调上传图片接口。但是在遍历file文件进行压缩是发现了问题，在map里写入await方法就会报错

微信打开h5页面时，获取微信code作为参数使用

JS替换字符串，例：加号替换成'%2B'

碰到一个需求，点击按钮的时候调接口并下载excel表格。可后端返回的是文件流，前端该怎么接收呢？

MVVM 表示的是 Model-View-ViewModelModel：模型层，负责处理业务逻辑以及和服务器进行交互。View：视图层，负责将数据模型转化为 UI 显示出来，可以简单的理解为 HTML 页面。ViewModel：试图模型层，用来连接 Model 和 View ，是 Model 和 View 之间的桥梁。每当V层获取或者保存数据的时候，都要由VM层做中间的处理，从而交给M层。

防抖函数的原理：只有在事件触发的时候才会延迟加载，如果在延迟加载之前再次触发，则会刷新延迟时间重新延迟，触发次数有且只有触发一次；

2021最全面、最详细web前端面试题及答案总结 总结不易，希望可以帮助到即将面试或还在学习中的web前端小伙伴，祝面试顺利，拿高薪！

一般项目vue文件中将会把中文字符的数量拉至最低，而这些中文字符跑到哪里去了呢？我们需要用一个文件容器来储存他们。例子：<el-form-item:label="$t('staffManage.modal.userName')"prop="userName"class="is-required"> <el-input v-model="formValue.userName" :placeholder="$t('staffManage.modal.placeholde

碰到了一个需求：要将一个数组里的成员进行归类整理（数组中成员的id一样，则把他们并为一类），于是就写了一个demo示例，如下：

el-input官方没有给出限制输入的数据类型一、限制输入为数字<el-input v-model.trim="dataForm.couponTotal" oninput="value=value.replace(/^\.+|[^\d.]/g,'')" > </el-input>二、限制输入为字母<el-input v-model.trim="dataForm.couponTotal" oninput="value=value.rep

vueH5项目打开或者关闭vconsole调试，及配置打包文件名

一、父组件给子组件传值父组件：<child :inputName="name"> //必须导入、注册子组件才能使用子组件：props: ["inputName"] //props名需要和父组件传递的命名一致如果传递的值是动态变化的，可以用watch监听：watch:{ inputName(data){ console.log(data,"父组件传过来的inputName") }}二、子组件给父组件传值(子传父需要自己主动发送，也就是事件发射)子组件： <butt

::v-deep 与 /deep/ 都是深度选择器(样式穿透)，都能实现对组件内部的样式修改；但是具体有什么区别，公司同事主张使用 ::v-deep，说是能加快编译速度。使用上就是 如果你用 /deep/ 没有生效,换一种 试试 ::v-deep 一般都是可以的.如果使用 less 对 css 做出预处理的话，使用 /deep/ 就可以完成样式穿透的行为；但是我使用的 scss 对 css 做出的预处理，所以不能够使用 /deep/ 而应该使用 ::v-deep 才对<style scoped

1.给van-form一个ref属性<van-form @submit="onSubmit" ref="formData"><van-form />2.手动在任意事件中触发表单提交事件，可用来检测表格填写状态（是否填全）click() { this.$refs.formData.submit(); },

Vue中使用百度地图Vue Baidu Map —— 获取当前位置及经纬度等信息

一、index页面引入在线js数据//在index.html中引入省市区的json文件<script src="https://sucai.suoluomei.cn/sucai_zs/file/20191217145416-area.js"></script>二、引入vant组件import Vue from 'vue';import { Area } from 'vant';Vue.use(Area);三、基础用法//初始化省市区组件时，需要通过 area-li

首先需要安装依赖cnpm install --save xlsx file-saver为el-table表格添加id属性标识<el-table id="educe-table" ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%" :header-cell-style="{ background: '#f4f4f4' }" @.