![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue+h5
keepfitt
这个作者很懒,什么都没留下…
展开
-
webpack5X,vue h5项目前端build压缩时,使用uglifyjs-webpack-plugin插件去除生产环境的console输出
项目打包一开始使用: new webpack.optimize.UglifyJsPlugin({ compress: { warnings: false, drop_debugger: true, drop_console: true }, sourceMap: true }),执行打包命令后,控制台报错:Error: webpack.optimize.UglifyJsPlu原创 2021-06-28 15:39:20 · 615 阅读 · 0 评论 -
vue h5项目在微信内置浏览器实现自定义分享微信好友、朋友圈功能
一个描述:所有的 h5 页面在微信内置浏览器内,前端未做任何配置下,点击右上角三点,默认是有分享功能的,如下图:因项目要将分享相关信息入库,所以需要自定义分享,即拼接分享页面路径+活动id+分享者id。当被分享者通过自定义分享路径进入到页面后,调用分享成功接口,将分享相关信息传到后台。注意:1、h5页面在微信内置浏览器中,页面路径里会自动拼接上code=AAA&state=STATE&appid=BBB这样一串内容,并且页面路径中会有两个 ?号,所以获取当前页面路径后,拼接分享页面原创 2021-06-07 16:19:57 · 3420 阅读 · 0 评论 -
vue 移动端h5项目使用 vue-luck-draw 插件实现大转盘抽奖
文档地址: https://100px.net/docs/wheel/blocks.html实现效果如下:使用:1.安装插件:npm install vue-luck-draw。2.引入插件:在 main.js 文件中全局加载插件;或者在组件中按需引入插件。// 完整加载import LuckDraw from 'vue-luck-draw'Vue.use(LuckDraw)// 按需引入import { LuckyWheel, LuckyGrid } from 'vue-luck-d原创 2021-06-07 12:01:17 · 5582 阅读 · 1 评论 -
vue中,移动端h5项目用 vue-monoplasty-slide-verify 插件 实现拼图滑块验证
git源码、文档地址: https://github.com/monoplasty/vue-monoplasty-slide-verify实现效果如下:使用:1.安装插件:npm install --save vue-monoplasty-slide-verify。2.引入插件:在 main.js 文件中引入插件。import Vue from 'vue'import SlideVerify from 'vue-monoplasty-slide-verify';Vue.use(SlideVe原创 2021-06-07 10:33:16 · 3599 阅读 · 1 评论 -
vue,用户从进入页面到离开页面,统计用户停留页面的浏览时长
data() { return { browseTime: 0, // 浏览时长初始值为 0 clearTimeSet: null, };}, methods: { setTime() { //设置定时器 this.clearTimeSet = setInterval(() => { this.browseTime++; console.log(this.browseTime, "时长累计");原创 2021-05-29 10:15:49 · 5169 阅读 · 0 评论