丶凡人-CSDN博客

页面引入vue-esign<template> <div class="esigns"> <div class="rightText" @click="handleReset">重新书写</div> <div style="width: 100%; margin: auto 0"> <cvue-esign ref="esign" class="cav" :is

2022-03-24 13:54:37 555

原创移动端利用input type=“file“照相和选择本地文件的兼容性问题

<input type="file" accept="image/*" capture="camera"><input type="file" accept="video/*" capture="camcorder"><input type="file" accept="audio/*" capture="microphone">/*accept规定可通过文件上传控件提交的文件类型;capture表示的是系统所捕获的默认设备，camera：照相机；camcor.

2022-01-25 11:32:19 2338 1

原创 JavaScript 基础(六)事件监听机制

事件监听机制：* 概念：某些组件被执行了某些操作后，触发某些代码的执行。 * 事件：某些操作。如：单击，双击，键盘按下了，鼠标移动了 * 事件源：组件。如：按钮文本输入框... * 监听器：代码。 * 注册监听：将事件，事件源，监听器结合在一起。当事件源上发生了某个事件，则触发执行某个监听器代码。* 常见的事件： 1. 点击事件： 1. onclick：单击事件 2. ondblclick：双击事件 2. 焦点事件 1. onblur：失去焦点 2. onfoc

2022-01-19 15:20:29 271

原创前端获取本地ip和外网ip

这里要强调下，我们这里是获取本机IP，局域网或者独立电脑，木有联网，若是借用网络接口，如搜狐、新浪等接口地址不行，因为木有网络。就是那种我一打开网页就直接获取了。方法一：getUserIP(){ var $this = this var RTCPeerConnection = window.RTCPeerConnection || window.webkitRTCPeerConnection || window.mozRTCPeerConnection;

2022-01-10 16:06:10 4881

原创 navigator.userAgent.toLowerCase()判断登陆端是pc还是手机

在跨平台，各种浏览器，移动设备兼容的时候，经常要根据设备、浏览器做特定调整，所以判断设备和浏览器的工作，经常会用到，这里做一下总结。有关浏览器类型的信息都藏在USER-AGENT里面，首先读取navigator.userAgent里面的信息，为了方便利用toLowerCase方法转成小写的形式。然后用MATCH方法进行匹配版本信息，这里提供了多个版本的测试信息，可以用来做后续代码的接口。1) 判断移动端设备，区分android，iphone，ipad和其它var ua = navigator.

2021-12-30 15:52:50 1254 1

原创 layui的table事件

table的事件：1、表格点击某行事件 table.on('row(表格名称)',function (obj) { var url = obj.data.router; })2、表格绑定td点击事件在cols中添加event事件（event = "viewReport"），事件名称自定义命名监听获取点击事件的值table.on('tool(表格名称)', function (obj) { let event = obj.e

2021-12-17 16:22:35 6178

原创 layui框架

layui网址：layui网站；

2021-12-17 15:49:23 211

原创键盘监听事件，根据屏幕高度

根据屏幕的高度进行判断键盘是否弹起data{ retrun{ defaultPhoneHeight: "", //屏幕默认高度 nowPhoneHeight: "", //屏幕现在的高度 }}, mounted() { this.defaultPhoneHeight = window.innerHeight; window.onresize = () => { this.nowPhoneHeight = window.innerHeight; }

2021-12-15 18:53:29 1125

原创 Avue各参数作用

avue的crud<avue-crud :option="option" //表格配置属性 :table-loading="loading" //表格等待框的控制，加载的时候转圈圈，设置true/false :search.sync="search" //搜索的变量(需要sync修饰符) :visible.sync="changeInfo" //是否显示，设置true

2021-12-02 10:48:33 1910 1

原创 echarts——配置项详细说明总结

以上就是echarts的几个原型图，但是在实际开发当中，我们需要的图表与echarts本身给出的实例是不同的，需要我们自己进行修改，所以我归纳整理了一下，希望可以跟大家分享学习~1、图表标题title: { x: 'left', // 水平安放位置，默认为左对齐，可选为： // 'center' ¦ 'left' ¦ 'right' .

2021-11-22 15:09:42 432

原创 element input 输入数字转换成千分位

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <titl

2021-11-15 16:57:09 1177

原创 avue属性及使用详细介绍

<template> <basic-container>  <avue-crud 设置表格属性 :option="option" 用来存取页面的值 v-model="form" 获取后台数据 :

2021-11-15 16:54:16 3245

原创手写小程序屏幕

wxml 代码<view class="container"> <view class="handCenter"> <canvas class="handWriting" disable-scroll="true" bindtouchstart="uploadScaleStart" bindtouchmove="uploadScaleMove" bindtouchend="uploadScaleEnd" bindtap="mouseDown" canv

2021-07-29 14:08:13 209

原创 vue框架中用并上传canvas压缩图片

代码：<input value="上传" ref="file" type="file" multiple @change="getFiles">这里要注意的是上传代码的操作要在Image实例的onload方法中，并且是在canvas转化过后获取到canvas新图片之后。在Image实例的onload之外是获取不到canvas的打印出来的是null，我将转化后的base64赋值给vue的data数据中也获取不到getFiles () { var that = this v

2021-07-15 17:29:37 219

原创 html input输入框只能输入数字只能输入字母数字字母组合

1.文本框只能输入数字代码(小数点也不能输入)<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">2.只能输入数字,能输小数点.<input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execComman

2021-06-18 10:34:38 1711

原创原生js的获得八种方式事件操作

一.原生js获得八种方式通过ID获取（getElementById）通过name属性（getElementsByName）通过标签名（getElementsByTagName）通过类名（getElementsByClassName）通过选择器获取一个元素（querySelector）通过选择器获取一组元素（querySelectorAll）获取html的方法（document.documentElement）document.documentElement是专门获取html这个标签的获取

2021-06-15 11:20:52 397

原创二维码生成和下载

1，npm命令下载qrcodenpm install --save qrcode2，引入import QRCode from 'qrcodejs2' // 引入qrcode3，在HTML中引入  <div> <div style="width: 148px;">二维码</div> <div> <div id="qrcode">&lt

2021-05-28 10:19:06 224

原创后台返回文档流，前端怎么下载

后端返回数据流，前端导出下载xls文件this.$http({ url: '/pod/vehicle/alarmEvent/exportGet', method: 'get', responseType: 'blob', // 表明返回服务器返回的数据类型 headers: { 'Content-Type': 'application/json' }, data: { //接口参数 }}).then

2021-03-12 10:13:28 847

原创小程序左滑删除功能

html代码<view class="container"><view class="touch-item {{item.isTouchMove ? 'touch-move-active' : ''}}" data-index="{{index}}" bindtouchstart="touchstart" bindtouchmove="touchmove" wx:for="{{UsingList}}" wx:key=""><view class="content">

2021-03-01 09:56:10 130

空空如也

空空如也