前端
关注
分享
扫一扫
文章平均质量分 50
像牛奶却不是牛奶
这个作者很懒，什么都没留下…
展开
-
setTimeout 和 setInterval 的定时时间
只是在特定时间点将代码推入队列，如果已有定时器在队列中，则会跳过。浏览器不会同时创建两个相同的间隔计时器。设置定时时间小于函数体内的执行时间时候，则第一次执行定时时间后面的真正的定时时间应该是执行函数体的总时间。中的异步代码不会阻塞创建新的定时器。转载 2023-11-28 13:53:29 · 203 阅读 · 0 评论 -
elementui Cascader 踩过的坑
观察数据发现最后一级也有children只不过children=[],这就导致组件无法确定最后一级，所以无法触发change事件，所以把最后一级children=[]的属性删除掉应该就可以，后端统一方法无法处理该数据，所以就智能前端自己出来请求到的数据。分析问题：需求明明很简单，组件可以满足需求，直接拿过来用，却一直无法触发绑定的change事件，只有添加props.checkStrictly = true时才可以触发，但是不能实现需求。使用递归遍历请求到的数组，检查每个元素是否有子元素。原创 2023-08-29 09:51:08 · 568 阅读 · 0 评论 -
uniApp PC，H5 下载文件流文件
创建a标签 下载文件。原创 2023-05-15 09:46:26 · 576 阅读 · 0 评论 -
获取url中的参数
获取url中的参数原创 2022-06-23 15:42:43 · 102 阅读 · 0 评论 -
uniapp jsapi调起微信支付
最近做的项目是H5的要实现在微信浏览器调起微信支付，先讲下大概流程：想要再微信浏览器调起微信支付 而且正常H5的调起微信支付不能改变 就要先判断一下浏览器，然后调起微信支付，想要调起微信支付首先要获取到openId想要获取openId就要先获取一个code 把code 发送给后端 然后获取token token里携带openid 然后 咱们再调接口 获取调起微信支付的所需参数。H5调起微信支付就很简单就直接加载后端的一个h5_url 就可以调起微信支付 这里不做重点讲。咱们先看下官方文档：.原创 2022-04-20 16:59:36 · 3727 阅读 · 0 评论 -
vue+element+qrcode 生成二维码
今天做项目遇到了一个需求，就是管理后台生成签到的二维码，app端扫码获取培训班、班级、课程等等，然后就想到了qrcode.vue项目使用qrcodejs2生成二维码1，导入第三方插件npm install –save qrcode2，在页面上引入import QRCode from 'qrcodejs2'3.dom<div class="qrcode" ref="qrCodeUrl">二维码位置</div> ...原创 2021-07-06 16:01:13 · 1497 阅读 · 0 评论 -
2021-06-22 vue element el-select组件封装 支持懒加载 多选 回显
vue element el-select组件封装 支持懒加载 多选 回显el-select数据过多处理方式假设我们有个下拉框是用来选择课程的：javascriptel-select数据过多处理方式一种优化思路：element-ui的select有一个remote-method，支持远程搜索，我们让服务端支持一下不就可以了，当然这是一种解决的方案。但是有时候这种方法对我并能够不适用，因为这样会出现回显问题，回显的时候是还需拿到所需option；另一种优化思路：下拉懒加载, 当select滚动到底部原创 2021-06-22 23:51:18 · 1540 阅读 · 3 评论 -
Live2d看板娘教程
先来看一下效果：将代码复制到自己的网页代码码中<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script><script> L2Dwidget.init({ "model": { //jsonpath控制显示那个小萝莉模型，下面这个就是我觉得最可爱的小萝莉模型，替换时后原创 2021-01-28 17:47:53 · 1575 阅读 · 1 评论 -
Vue 关于element穿梭框进行的修改成table表格穿梭框
Vue 关于element穿梭框进行的修改成table表格穿梭框直接先看样式图 <!--弹出层 --> <el-dialog title="标题" :visible.sync="introductionVisible" width="70%"> <el-form :model="introductionForm" label-width="100px"> <el-row style="display:flex;just原创 2020-12-26 12:15:46 · 3189 阅读 · 5 评论 -
Vue中 关于$emit的用法（父子组件传值)
1、父组件可以使用 props 把数据传给子组件。2、子组件可以使用 $emit 触发父组件的自定义事件。vm.$emit( event, arg ) //触发当前实例上的事件vm.$on( event, fn );//监听event事件后运行 fn；子组件：<template> <div class="train-city"> <h3>父组件传给子组件的toCity:{{sendData}}</h3> &原创 2020-12-10 14:21:40 · 3661 阅读 · 0 评论 -
关于echarts图标赋值问题
关于echarts图标赋值问题首先关于引入echarts就不用多说了 这次主要讲一下从后台取完值复制的问题下面展示一些 内联代码片。 drawChart1() { // 初始化echarts实例 let myChart = this.$echarts.init(document.getElementById("echartsLeft")); // 指定图表的配置项和数据 var echartsLeftOption = {原创 2020-12-09 18:24:46 · 526 阅读 · 0 评论 -
vue 多选框 实现多选 返回选中的数字值
vue 多选框 实现多选 返回选中的数字值vue 多选框 实现多选 反选 返回选中的数字值vue 页面代码<el-col> <el-form-item label="labal名称" > <el-checkbox v-model="checked" @change="changeAllChecked()">全选 </el-checkbox> <div st原创 2020-12-09 14:17:24 · 2008 阅读 · 2 评论 -
单选框并获取值的各种操作
<div class="radio-inline"> <input type="radio" name="killOrder" value="1"/> <label for="killOrder1">是</label></div><div class="radio-inline"> <input type="radio" name="killOrder" value="0" checked/> &l.原创 2020-10-12 11:04:24 · 2548 阅读 · 0 评论 -
全选，全不选，反选
checkbox 选项各种操作<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="js/jquer原创 2020-10-12 10:56:49 · 79 阅读 · 0 评论 -
js根据checkbox的选中转态输出整行内容
先说一下这个问题，首先这个是我在公司做的目的是下载选中checkbox的整行内容，我要做的是把数据发给后端，然后后端进行操作。这个html代码不是我写的，也是后来接的这个项目，html代码前面那个checkbox是写死的，写在表格里已经很不错了。将一下思路，首先进入到表格所在的页面，选中checkbox,然后单击单条导出，就可以下载了，我做的是点击单条导出 控制台打印选中的数据就OK了，如下图： <script> $(".dan-dao").click(func.原创 2020-10-10 17:22:19 · 2149 阅读 · 0 评论 -
Vue项目报错redundant navigation to current location: “/roles“
Vue-router报错 redundant navigation to current location: “/roles”… 解决问题在写Vue项目的时候遇到多次点击链接报错Error: Avoided redundant navigation to current location: “/roles”.如下图想要解决这个问题首先找到router文件夹下面的index.js中加上下面几句代码，就OK了// 获取原型对象上的push函数const originalPush = VueRouter原创 2020-09-17 16:08:24 · 334 阅读 · 0 评论 -
vue组件使用正则表达式验证邮箱和手机号
<template> <div class="addUser"> <!-- 点击添加用户对话框 --> <!-- 添加用户表单 --> <el-form :model="addUser" :rules="addUserRules" ref="addUser" label-width="auto"> <e原创 2020-08-20 15:33:43 · 971 阅读 · 0 评论 -
前端ajax--收藏功能的实现
收藏按钮<div class="mui-icon mui-icon-star mui-pull-right"></div>js逻辑代码：//一进入页面查询一下当前项目收藏、非收藏状态，点击后进行收藏、取消收藏 $.ajax({ url: "../.../...", type: "post", data: { USER_ID :Us原创 2020-07-09 16:05:21 · 1293 阅读 · 0 评论 -
实用正则表达式匹配邮箱和手机号
var pattern=/^[\w][\w\d_]*@\w+\.[A-Za-z]+$/;原创 2020-05-18 13:08:34 · 1245 阅读 · 0 评论