- 博客(23)
- 收藏
- 关注
原创 uniapp h5项目点击跳转小程序,h5传参到小程序
uniapp h5项目点击跳转小程序,h5传参到小程序第一步:全局安装微信sdknpm install --save-dev weixin-js-sdk第二步:直接在使用的页面引入import wx from 'weixin-js-sdk';由于我这块需要跳转到小程序,所以创建了个activity_sdk.js文件,封装好跳转小程序的方法,代码如下import wx from 'weixin-js-sdk';export default { //360页面跳转至NEV小程序 to_
2022-05-26 11:42:20
4811
1
原创 表单校验规则公共方法总结
表单校验规则公共方法总结/** * 邮箱 * @param {*} s */export function isEmail(s) { return /^([a-zA-Z0-9._-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}/** * 手机号码 * @param {*} s */export function isMobile(s) { return /^1[0-9]{10}$/.test(s)
2022-05-18 11:48:41
724
原创 vue uniapp 多个公共方法封装引用
vue uniapp 多个公共方法封装引用1、创建一个utils.js文件专门写公共方法import Vue from 'vue'export default Object.assign(Vue.prototype, { $toast(title, show_success = false) { uni.showToast({ mask: show_success, icon: show_success ? 'success' : 'none',
2022-04-26 17:00:52
1235
原创 js获取url 参数方法封装
js获取url 参数方法封装 // 获取url 参数 getUrlParam(params) { let url = location.href; url = url.replace("?", "?&").split("&"); let re = ""; for (let i = 1; i < url.length; i++) { if (url[i].indexOf(params + "=") == 0) {
2022-04-25 10:48:41
313
原创 uniapp 小程序左右滑动切换不同图片序列帧,实现3d效果
uniapp 小程序左右滑动切换不同图片序列帧,实现3d效果最近接了个新的需求,将多张序列帧图片,通过程序滑动加载不同的序列帧,给用户看到的效果就好像3d那样,360度顺逆时针旋转,一开始尝试了两种方法:第一次通过左右滑动切换图片src值;第二种通过背景图片来动态渲染url值,以上效果都会都是旋转过程中出现闪白闪白问题,用户体验及其不好。经过几次调研尝试,最终通过轮播图片的思想通过渲染多张图片在同一张水平上,通过动态改变左右定位值定位到不同的图片上解决了闪白的问题。直接上代码。 <view
2022-02-28 15:37:17
5400
8
原创 价格为元单位,千分位以逗号分割方法封装
价格为元单位,千分位以逗号分割方法封装最新有个需求,价格上如果为345234.00显示成这样345,234.00,直接上代码第一步创建common.js文件,以下代码 function numFormat(num) { var thisNum = (num || 0).toString().split('.');//判断如果有小数点就分割这个数为一个数组 var num = thisNum[0]; //截取小数点前面的部分保存 var fuNum = thisNum[0];
2022-02-24 11:34:58
721
原创 vue、uniapp 小程序点击事件禁止多次点击方法封装
vue、uniapp 小程序点击事件禁止多次点击方法封装在写uniapp 小程序时发现个bug,疯狂点击按钮第一点击事件还没执行完就疯狂多次调用该事件,很是影响用户体验以及消耗性能,所以这里我封装个禁止多次调用的方法,uniapp、vue同时使用。第一步创建一个公共js文件,写好公共方法导出来// 防止处理多次点击function noMultipleClicks(methods, info) { // methods是点击后需要执行的函数, info是函数需要传的参数 let th
2022-02-24 11:20:21
2983
原创 vue调用企业微信JS-SDK实现语音识别功能
vue调用企业微信JS-SDK实现语音识别功能1.前期准备使用别人的东西我们第一步就是到对应官方文档熟悉使用流程。https://open.work.weixin.qq.com/api/doc/90000/90136/905142.后端根据企业微信里我的企业选项最下面的企业id和应用与小程序里的自建应用的Secret获取token,并计算签名等一系列操作,具体官方文档网上都很详细,这里就不多说;3.前端代码撰写第一步:安装对应的依赖并且在使用的组件里引入使用import wx from 'we
2021-10-09 15:34:30
1514
原创 vue3实现禁止H5界面放大与缩小功能
vue3实现禁止H5界面放大与缩小功能最新开发一款h5小demo,主要是放到企业微信里面使用,但是发现页面可以在手机上进行放大与缩小,整体体验不是很好,加上界面效果也会受到影响,所以查到查找相关资料第一步:在项目的更目录下找到public 文件夹下面的index.html文件头部加上一下代码<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=
2021-08-19 11:48:00
2100
1
原创 vue2.0 事件广播实例
vue2.0 广播实例vue2.0中可以使用 $emit, $on, $off 分别来分发、监听、取消监听事件,因为Vue 实例实现了一个事件分发接口,所以通过new vue()第一步:全局设置在vue项目中找到全部APP.vue文件,加上以下代码 eventHub: new Vue()第二部这样我们就可以在任何组件都可以调用事件发射接收的方法某一个组件内调用事件触发//通过this.$root.eventHub获取此对象//调用$emit 方法this.$root.eventHub
2021-07-14 11:31:26
1502
原创 vue+echart实现兼容不同尺寸的手机以及微信浏览器
vue+echart实现兼容不同尺寸的手机以及微信浏览器我们先看看效果微信链接打开效果兼容#直接上一波代码主要是以习题例子,使用echart统计图一定要给该div设置高度和宽度,不然不会出现效果图的哇为了兼容微信链接打开不同宽度我这边设置宽度为100%如果想着兼容尺寸,实时更新需要在mount里面调用size()方法 mounted() { window.onresize = () => { this.scoringRateHistogram.re
2021-07-13 18:29:39
642
原创 vue+electron项目实现禁止截屏,复制粘贴功能
vue+electron项目实现禁止截屏,复制粘贴功能最近开发一个pc端的应用程序,主要是该应用程序涉及到教育类的课程,为了防止公司制作的课程被盗用,不想用户通过复制粘贴或者截图,截屏等功能操作。1、主要是我这个项目主要是用electron + vue创建的项目,所以主要语言还是使用到vue项目在App.vue这个文件加上以下代码,主要设置pc应用程序不能复制和粘贴选择等操作。 this.$nextTick(() => { // 禁用右键 document.o
2021-04-19 15:07:09
5721
6
原创 通过sass设置变量,在不同情况下修改样式变量
通过sass设置变量,在不同情况下修改样式最新开发个项目根据不同角色的整合,而这几个不同角色界面结构差不多,只是一些主题颜色不一样,我这边通过sass变量,判断登录角色修改样式。第一步:先全局设置公共样式,通过“–”命名方式声明变量 :root{ font-family: 'Adobe Heiti Std R', sans-serif; --mainColor:#5B7CFE; --subColor:#678AFE; --thirdColor:#EBEDFF;
2021-03-29 10:02:56
2269
原创 window.print()打印带有样式的部分页面
window.print()打印带有样式的部分页面最近做个新任务,第一次接触了解前端打印页面这一块,如果单纯打印页面内容是很简单的,直接在某个页面调用window.print()就OK了,如果需要打印页面某部分,如果不了解打印的童鞋就有点棘手,不知道如何下手,还好有领导的建议给了我两个网址慢慢研究将系统打印页面模块优化一下https://stackoverflow.com/questions/1545849/possible-to-force-printer-setup-paper-size-in-ja
2020-06-20 14:53:00
2757
1
原创 如何将PDF文件转成html文件,html文件转json格式,json数据插入数据库
如何将PDF文件转成html文件昨天领导给我两个PDF文件,叫我将这PDF文件转成html,找了半天的资料都没有找到好的方法能够快速转成html,只能通过自己的技巧了第一步将pdf文件的所有内容复制粘贴到这里https://panjiachen.github.io/vue-element-admin/#/example/create进行类似word那样编辑文本样式。第二补编辑好的文本直接点击以下按钮,出现一个弹窗,将源代码复制下来,回到桌面新建一个html文件,粘贴保存运行就可以了运行的结果
2020-06-20 13:44:58
1365
原创 GitHub忘记用户名和密码如何找回
GitHub忘记用户名和密码如何找回最近太久没有登录自己的GitHub了,连当时的用户名和密码都忘记,查找一些资料自己总结一下如何找回用户名和密码第一步,先百度github,进入官网第二步,进入官网忘记用户名和密码,qq邮箱不会忘记吧,直接输入qq邮箱,点击forgot password第三步,进来这个页面输入qq邮箱,点击send password reset email第四步,我qq邮箱收到GitHub发来的邮件,接下来直接点击重新修改密码第五步,设置好新的密码,点击change p
2020-05-28 15:19:32
27606
9
原创 vue项目某个APP页面实现手机物理按键返回、路由拦截、localStorage存取参数
vue项目某个APP页面实现手机物理按键返回、路由拦截、localStorage存取参数最近做个功能:在web系统里面嵌套两个app页面,当然APP页面在web系统上没有路由跳转,而是从另外系统扫码进来的。那我该如何处理呢?第一步我先把我APP页面写好了先,当然也要配置路由了,因为APP页面又有跳转功能,还有token校验呢路由配置路由拦截处理扫码进入APP页面也就是这个访问链接了http://192.168.0.184:8081/appdormgrade?sweepType=house&
2020-05-19 11:21:35
1668
原创 vue 路由跳转页面传参和该页面获取参数方式
vue 路由跳转页面传参和该页面获取参数方式一、实现页面功能效果二、页面代码实现三、js代码<script>import { getOneDormInfo, getDormsPerson} from '@/api/appGrade'export default { methods:{ hendleGrade(id,type){ this.$router.push({path:'/appdormgrade/apppersongrade
2020-05-11 15:00:34
2575
原创 vue项目实现路由刷新
vue项目实现路由刷新一般用于这样的需求,当用户新增信息之后刷新用户列表等,当某个事件操作之后进行刷新功能。第一步再APP文件添加以下代码<template> <div id="app"> <router-view v-if="isRouterAlive"></router-view> </div></template><script>export default { provide()
2020-05-09 10:27:06
410
原创 使用vue+iveiw+cheakbox实现全选和反全选功能
使用vue+iveiw+cheakbox实现全选和反全选功能这个是全选效果这是多选效果接下来看代码实现这是html页面 <div>选择考场:<Checkbox v-model="isCheckedAll">全选</Checkbox> </div> <Checkbox v-for="(item, in...
2020-05-08 17:15:26
418
原创 es6类的继承
1、es6类的继承:class Father{ constructor(){ this.xx = "A"; this.dna = "染色体"; } } class Child extends Father{ constructor (){ ...
2020-03-14 13:37:11
77
原创 202007学习笔记
1、instanceof 判断原型链是哪个是否某个类型var newObj = obj instanceof Array ? [] : {};2、JSON.pares() 将字符串转对象在这里插入图3、JSON.stringify() 将对象转字符串4、深度克隆的方法 function code(obj){ var newObj = {} ...
2020-03-07 22:24:12
89
vue2+element框架开发的后台系统
2022-09-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人