- 博客(37)
- 收藏
- 关注
RSS订阅原创 H5 和 APP交互
getGameDetail(item) { var u = navigator.userAgent; var isAndroid = u.indexOf("Android") > -1 || u.indexOf("Adr") > -1; //iOS终端 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); if ( u.toLowerCase().inde...
2022-03-28 10:44:47
192
原创 H5长按及取消复制
<div class="reply-item" @touchstart="touchStart(item, $event)" @touchmove="touchMove()" @touchend="touchEnd()" > </div> touchStart(item, event) { var that = this;...
2022-03-24 16:18:25
641
1
转载 前端项目开发流程
https://blog.csdn.net/ZHENGCHUNJUN/article/details/122825865?spm=1001.2100.3001.7377&utm_medium=distribute.pc_feed_blog_category.none-task-blog-classify_tag-14.nonecase&depth_1-utm_source=distribute.pc_feed_blog_category.none-task-blog-classify_tag
2022-03-03 17:49:34
153
原创 H5搜索页调起软键盘
在input框加autofocus=“autofocus”，发现有时好用，有时会闪现一下又消失，然后在mounted里加入一句代码，貌似好了// 进入页面调起键盘this.$nextTick(() => { this.$refs.serachInput.focus()})
2022-02-22 17:50:19
1205
1
转载 element 分页 强制刷新page为1
https://blog.csdn.net/weixin_43056561/article/details/82592805
2022-02-16 18:37:30
635
原创 vue实现上移和下移
<el-button size="mini" @click="moveUp(value[index],index)">上移</el-button> <el-button size="mini" @click="moveDown(value[index],index)">下移</el-button> moveUp(item, index) { if (this.value.length > 1 && index !== 0
2021-11-17 16:19:41
2242
1
原创 vue3.0 取消eslint 的代码格式校验
新建vue.config.jsmodule.exports = { lintOnSave: false //如果为false，就是取消eslint规则的检查}
2021-10-20 11:32:58
291
转载 正则表达式
1、校验数字的表达式 1 数字：^[0-9]*$ 2 n位的数字：^\d{n}$ 3 至少n位的数字：^\d{n,}$ 4 m-n位的数字：^\d{m,n}$ 5 零和非零开头的数字：^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$ 7 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})?$ 8 正数、负数、和小数：^(\-|\+)?\d+(\.\d+)?$ 9 有两位小数的正实数：^[0
2021-10-18 17:35:17
70
转载 JavaScript基础
https://blog.csdn.net/qq_46128504/article/details/120686708?utm_medium=distribute.pc_category.none-task-blog-hot-17.nonecase&depth_1-utm_source=distribute.pc_category.none-task-blog-hot-17.nonecase
2021-10-12 11:06:34
68
原创 JavaScript节点操作
JavaScript节点操作// 父级节点var par = li.parentNode // 所有儿子节点 var all_child = li.children // 第一个(最后一个子节点) var fir = li.firstChild var las = li.lastChild // 第一个子元素(最后一个)节点 var fir_element = li.firstElementChild var las_element =
2021-10-12 11:02:59
78
转载 小程序自定义导航栏兼容适配所有机型（附完整案例）
欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计 ，将会带来全新的写作体验；在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示；增加了 图片
2021-08-24 15:42:20
163
原创 element-ui ： ＜el-table＞ 按钮点击操作阻止@row-click
描述： 点击行时，会跳转到一个详细信息页面， 但是同时这一行也有编辑和删除按钮。问题： 在点击按钮时，@row-click事件也被触发了，而我并不想触发 row-click 事件解决办法： 写按钮的 @click 事件时添加 .stop <el-button class="button" size="mini" type="primary" @click.stop="edit(scope.row)">编辑</el-button>...
2021-08-05 11:30:49
848
原创 CSS清除默认样式
CSS清除默认样式html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select {margin: 0;padding: 0;}*{box-sizing: border-box;}html, body { min-height: 100%;} body { font-family: "Microsoft YaHei"; font-
2021-08-04 11:45:22
151
原创 2021-07-21
在vue中使用tinymce安装TinyMCEnpm install tinymceTinyMCE默认是英文界面，中文版的汉化包下载引入文件import tinymce from 'tinymce'import 'tinymce/themes/silver/theme'import 'tinymce/icons/default'需要将tinymce中的skins文件夹和汉化包放至本地引用 window.tinymce.baseURL = `${window.location.orig
2021-07-22 11:25:50
126
转载 2021-07-20
element-ui select 远程搜索多选功能，多选搜索时前面的选项文本被影响https://q.cnblogs.com/q/121964/可以把 el-option 中的"item" 改成 “item.id” 试试
2021-07-20 15:58:28
88
原创 2021-07-19
element ui 前端实现分页element ui分页组件 <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page" :page-sizes="[20, 50, 100]" back
2021-07-19 16:23:43
66
原创 element el-table的滚动条在合计上边
修改样式：.el-table { overflow-x: auto;}.el-table__header-wrapper,.el-table__body-wrapper,.el-table__footer-wrapper { overflow: visible;}.el-table::after { position: relative;}.el-table--scrollable-x .el-table__body-wrapper { overflow: visible.
2021-04-09 11:35:41
441
原创 原生JavaScript常用的正则表达式
//正整数/^[0-9]*[1-9][0-9]*$/;//负整数/^-[0-9]*[1-9][0-9]*$/;//正浮点数/^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$/; //负浮点数/^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$/; //浮点数/^(
2021-04-02 14:50:33
87
原创 Element 表格导出excel表格
Element 表格导出excel表格1、安装xlsx和filesaver` npm install --save xlsx file-saver2、在表格组件中引入安装的2个文件 import FileSaver from "file-saver"; import XLSX from "xlsx";3、HTML结构 <el-table :data="dataList" style="width: 500px" height="250" id="table">
2021-03-11 17:12:20
378
原创 fullpage全屏滚动插件使用
fullpage1、引入 <script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script> <script src="https://cdn.bootcss.com/fullPage.js/2.9.5/jquery.fullpage.js"></script> <script src="./static/jquery.easing.js"></
2021-02-02 14:28:45
177
原创 小程序中使用moment.js
1、下载moment.min.js2、下载的文件 3、使用的页面引入使用const moment = require("../../../utils/moment")moment.locale('en', { longDateFormat : { l: "YYYY-MM-DD", L: "YYYY-MM-DD HH:mm" }});自定义配置获取当前语言moment.locale();加载语言moment.locale('zh-cn');获取UTC
2021-02-02 12:49:28
3194
原创 vue里添加动画
vue lottie vue-lottie<div class="home" style="position:relative"> <lottie :options="defaultOptions" v-on:animCreated="handleAnimation" /> <div class="clickOpen" @click="open()">点击打开</div> </div>`Anim.play(
2021-01-19 16:49:50
1169
转载 element-ui table之选择框禁止选中
element-ui table之选择框禁止选中需求场景：当我们对列表中一下数据选中后，调用接口处理数据中的状态，而对于已经处理了的数据，则不能再次进行处理。可能你首先想到的通过选中的数据，将其中的已处理数据过滤掉。这里我们通过已处理的数据，我们将禁止选中，那怎样才能实现呢？首先我们实现多选: 手动添加一个el-table-column，设type属性为selection即可；然后设置 selectable 属性来决定该行数据是否选中。<template> <el-table
2020-12-21 15:14:47
2353
原创 微信小程序 new Date(date).getTime()的兼容问题
微信小程序 new Date(date).getTime()的兼容问题问题代码：var data = "2019-05-28 11:26:25"var newDate = new Date(date);解决var data = "2019-05-28 11:26:25"var newDate = new Date(date.replace(/-/g, '/'));```IOS系统只识别“/”,不识别“-”...
2020-12-21 11:15:15
806
转载 苹果手机ios的input不能输入，不能点
在做手机端开发时。遇到问题：input输入框安卓手机可以输入和点击，但是到苹果手机上input输入框就不能点了也不能输入了，原因就是下面这几行css代码的影响，删掉就行了。-moz-user-select: none; //css 让文字不被选中-webkit-user-select: none; //禁止移动端用户用鼠标在页面上选中文字user-select: none; //禁止用户用鼠标在页面上选中文字...
2020-11-23 14:47:43
1149
1
原创 WebSocket 心跳检测和重连
WebSocket 心跳检测和重连机制每隔几分钟后端自动断开连接，我们需要重新去连接在这里插入代import store from "../store";function web() { var websocket; var token = localStorage.getItem("token") createWebSocket(); /** * websocket启动 */ function createWebSocket() { try { i
2020-11-13 18:14:37
1376
原创 echarts的markline警标线的使用
echarts的markline的使用标线根据最后一条数据的位置显示markLine: { symbol: "none", //去掉警戒线最后面的箭头 label: { position: "end", //将警示值放在哪个位置，三个值“start”,"middle","end" 开始 中点 结束 }, data: [ {
2020-11-12 18:18:29
2893
转载 关于小程序的100个常见问题，看完你就是老司机
关于小程序的100个常见问题，看完你就是老司机转载 https://blog.csdn.net/yuzsmc/article/details/82591676
2020-10-21 12:01:47
143
原创 微信小程序 车牌 键盘
微信小程序 车牌 键盘如图：源码：keyboard.jsComponent({ externalClasses: ['v-panel'], properties: { isShow: { type: Boolean, value: false, }, buttonBorder: { type: String, value: "1px solid #ccc" }
2020-10-20 17:55:47
341
原创 小程序 页面禁止左右上下滑动
{“usingComponents”: {“i-checkbox-group”: “…/…/…/dist/checkbox-group/index”,“i-checkbox”: “…/…/…/dist/checkbox/index”,“i-radio-group”: “…/…/…/dist/radio-group/index”,“i-radio”: “…/…/…/dist/radio/index”,“i-toast”: “…/…/…/dist/toast/index”},“navigatio
2020-10-20 17:28:05
634
原创 2020-10-20 微信小程序swiper组件卡死来回疯狂轮播## 标题
微信小程序swiper组件卡死来回疯狂轮播## 标题加上这个条件就好了。 if (e.target.source == ‘autoplay’ || e.target.source == ‘touch’)
2020-10-20 17:01:09
177
转载 2020-09-30 **vant中van-icon使用自定义图标简单粗暴**
vant中van-icon使用自定义图标简单粗暴https://blog.csdn.net/weixin_42565137/article/details/95975966
2020-09-30 09:51:00
1157
转载 2020-09-28 微信小程序6位或多位验证码密码输入框功能的实现代码
微信小程序6位或多位验证码密码输入框功能的实现代码欢迎使用Markdown编辑器转载https://www.jb51.net/article/141085.htm新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计 ，将会带来全新的写作体验；在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示；增加了 图片拖拽 功能，你可以将本地的图片直接拖拽到
2020-09-28 16:50:06
339
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人