- 博客(130)
- 收藏
- 关注
RSS订阅原创 vue 利用css实现元素扩大鼠标选中区域及音乐拖动进度条实现（初版）
html部分<view class="audiost" :style='"width: 300px;height: "+heig+"px;background: #078AFD; position: fixed;top: 300px;left: 300px;"' @tap="clickD($event)" @mousedown="down" @mousemove="mouse" @mouseup=".
2022-05-13 15:27:44
650
原创 前端解析apk安装包详细信息—app-info-parser
安装：npm i app-info-parser // 使用包管理工具安装使用：// 获取apk的基础信息const AppInfoParser = require('app-info-parser')const parser = new AppInfoParser(file) // file 上传的apk文件parser.parse().then(result => { console.log('app info ----> ', result) // resu
2022-02-11 11:52:58
1385
原创 props使用及接收值的多种写法
props: { // 基础类型检测, null意味着任何类型都行 propA: Number, // 多种类型 propB: [String, Number], // 必传且是String propC: { type: String, required: true }, // 数字有默认值 propD: { type: Number, default: 101 }, /.
2021-12-22 10:23:47
1791
原创 element v-for循环列表的表单校验（动态绑定的数据)
1、一层循环时嵌套：html：<el-form :model="addform" ref="addform" :rules="rules"> <el-form-item label="资源" required label-width="120px"> <el-row v-for="(item,i) in addform.resourceList" :key="i"> <el-col :span="10">
2021-12-21 10:41:10
3662
2
原创 Upload prop校验
解决办法：this.$refs.ruleForm.clearValidate("region")，在upload上传成功的回调里取消验证提示<el-form :model="ruleForm" :rules="rules" ref="ruleForm"> <el-form-item label="活动区域" prop="region"> <el-select v-model="ruleForm.region" placeholder="请选择
2021-09-08 18:02:04
455
原创 el-input-number直接在输入框输入内容v-model的值不会跟着改变 问题
有一个需求就是，只能输入一个大于0并且是0.5的倍数两位小数，使用elemnt ui 的inputNumer控件，但是使用的时候添加了属性step和precision两个属性，问题就来了，输入了一个小数值，在判断是否是0.5的倍数时，修改值v-mode得不到更新于是乎 解决办法：<el-input-number @change="priceChange(dataForm.price)" v-model="dataForm.price" :step='0.5'
2021-07-16 15:15:52
2610
原创 关闭浏览器窗口时或者刷新时提示保存
listenPage () { window.onbeforeunload = function (e) { e = e || window.event; if (e) { e.returnValue = '关闭提示'; } return '关闭提示'; .
2021-07-08 19:47:55
1072
原创 网络是否连接
window.online用户网络连接时被调用 window.offline用户网络断开时被调用 // 监听当前设备在线 window.addEventListener('online', function () { // alert('online'); $('.tips').text('网络已连接').fadeIn...
2021-07-08 19:44:44
104
原创 公共js文件return一个方法写法
公共js：export const disableBrowserBack = (param) => { return (function () { history.pushState(null, null, document.URL); if (window.history && window.history.pushState...
2021-07-08 19:43:57
234
原创 Vue.js中this.$nextTick()的使用
this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它，然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样，不同的是回调的 this 自动绑定到调用它的实例上。假设我们更改了某个dom元素内部的文本，而这时候我们想直接打印出这个被改变后的文本是需要dom更新之后才会实现的，也就好比我们将打印输出的代码放在setTimeout(fn, 0)中；先来第一个例子看一看<template> <section>
2021-03-10 14:11:47
283
原创 小程序wxml里面的时间格式化
新建一个filter.wxs 文件，放到utils文件夹下。复制下面代码喽//日期格式化-------------------------------------------------------------var formatTime = function (strDate, format = "yyyy-MM-dd hh:mm:ss") { // 解决ios出现NaN问题 var realDate = strDate ? getDate(strDate.replace(getRegE
2021-03-03 20:41:41
1150
1
原创 vue、小程序、JS获取路径的方式
vue获取路径获取当前完整路径 ：window.location.href获取路由路径：this.$route.path获取路由参数：this.$route.params获取路由查询参数：this.$route.query小程序获取路径//获取当前路径varpages=getCurrentPages() //加载的页面varcurrentPage=pages[pages.length-1] //获取当前页面的对象...
2021-03-03 14:36:18
907
2
原创 微信小程序的setData对象的数据更新问题
官网文档在使用setData()设置数组对象的某个元素的属性时，是这么使用的：Page({ data: { array: [{text: 'init data'}], }, changeItemInArray: function() { this.setData({ 'array[0].text':'changed data' }) }})使用了 ‘array[0].text’ : ‘changed data’ 这样的值。但在实际使用中，我们
2021-03-03 09:48:26
1723
原创 微信小程序实现对象属性双向数据绑定
核心方法写一个下面的js方法,名称可以任意取，用于绑定input输入bindInput(e){ // 表单双向数据绑定 var that = this; var dataset = e.currentTarget.dataset; // data-开头的是自定义属性，可以通过dataset获取到，dataset是一个json对象 var name = dataset.name; var value = e.detail.value; ...
2021-03-02 15:31:02
2336
原创 git代码管理命令 整理
Git 代码管理命令(1) 远程仓库相关命令检出仓库：$ git clone git://github.com/jquery/jquery.git查看远程仓库：$ git remote -v添加远程仓库：$ git remote add [name] [url]删除远程仓库：$ git remote rm [name]修改远程仓库：$ git remote set-url --push[name][newUrl]拉取远程仓库：$ git pull [remoteName] [localBra
2021-01-28 15:17:57
124
原创 element 表格是否可以勾选和是否在数据更新之后保留之前选中的数据
第一个问题 ：element 表格是否可以勾选：html部分：<el-table-column type="selection" :selectable="selectable"></el-table-column>js部分：selectable(row, column) { console.log(row.aiStatus); // return false; 状态 0-未识别 1...
2020-12-22 14:21:07
1308
2
原创 键盘事件 vue
html部分：<div> <el-input v-model="search_name" placeholder="请输入患者姓名" @keyup.enter.native="markStatisticFun(search_name)"> </el-input></div>js部分：markStatisticFun(search_name) { .....}@keydown（键.
2020-11-19 17:40:47
345
原创 深度监听 watch 、立即执行、销毁watch，防止内存溢出
immediate: true, // 立即执行deep: true // 深度监听<div> <p>FullName: {{fullName}}</p> <p>FirstName: <input type="text" v-model="firstName"></p></div> new Vue({ el: '#root', data: { firstName:.
2020-11-18 18:06:49
5598
原创 element el-image放多张图片 显示大图
html部分：<el-image v-for="(ele,index) in detailsData.fileIds" :key="index" style="width: 100px; height: 100px" :src="ele.fileDataUrl" :preview-src-list="getPreviewImgList(index)"> </el-image>detailsData.fileIds ：// 后台返回的 u
2020-11-17 15:52:49
5777
原创 FormData文件上传和上传 文件操作
FormData方式html：<div class="imageExaminationTextR"> <input name="webrtc-picker-dicom" style="display:none;" class="file-upload-input" id="webrtc-picker-dicom" type="file"...
2020-08-20 19:50:18
450
原创 input type=“file“ 文件上传类型限制
1、<input text="file" accept=".csv" /> cvs格式2、<input text="file" accept="application/vnd.ms-excel"/> 上传.xls格式3、<input text="fiel" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"/> 上传.xslx格式4、<input.
2020-08-20 19:45:45
4626
原创 webpack热更新原理
webpack Compile： 将js编译成BundleHMR Server: 将热更新的文件输出给 HMR RuntimeBundle Server： 提供文件在浏览器访问HMR Runtime：会被注入到浏览器，更新文件变化bundle.js : 构建输出的文件资源内联代码层面：页面框架的初始化脚本上报相关打点css内联避免页面闪动请求层面：减少http网络请求数 （小图片或者字体内联（url-loader））html和 js内联`raw-loade
2020-08-19 11:02:15
307
原创 写 React / Vue 项目时为什么要在列表组件中写 key，其作用是什么
框架中的key： 1. 为啥在遍历元素时要用 key ：在开发过程中为了保证遍历同级元素的唯一性，用来提高更新 dom 的性能； 2. 凭啥要保证元素的唯一性：从原理上来说就是框架会通过 key 来判断元素是否需要重新渲染，即key 唯一则可保证元素唯一，key的作用就是更新组件时判断两个节点是否相同。相同就复用，不相同就删除旧的创建新的。； 3. 硬刚会有啥的问题：如果遍历渲染的数据变化量大，例如通过 socket 推送的实时数据，会导致数据最前一列数据展示为空，对于大...
2020-08-19 10:55:10
649
原创 如何判断当前脚本是运行在浏览器还是node环境中
<script> this === window ? console.log('browser') : console.log('node'); /* 判断global对象是否为window, 为window在浏览器中运行 不为window在node环境中运行 */</script>
2020-08-19 10:53:43
1587
原创 vue 请求转发代理，不同端口号和域名 vue+axios跨域请求代理
在cli3.X版本中 vue工程中根目录增加一个配置文件：vue.config.jsmodule.exports = { // 修改的配置 publicPath: process.env.NODE_ENV === 'production' ? './' : '/', devServer: { proxy: { '/api': { target: 'http://192.168.13.197:5000',..
2020-07-03 15:55:45
2615
原创 vue 鼠标滚动事件 滚动方向
@wheel.prevent="scrollBarWheel"scrollBarWheel(e) { if (this.synchronizationVar === 1) { e = e || window.event; if (e.wheelDelta) { //判断浏览器IE，谷歌滑轮事件 if (e.wheelDelta &g...
2020-06-24 14:00:36
2794
2
原创 vue指令、鼠标键盘事件、computed/methods/watch、js对象
目录一、Vue简介 1、数据驱动视图 2、MVVM架构 3、快速体验 二、Vue指令 2.0 属性指令事件指令简写 2.1 v-once 指令 只渲染一次 2.2 v-if，v-else-if,v-else 条件指令 2.3 v-show和v-if的隐藏指令区别 2.4 v-cloak 斗篷指令 2.5 v-bind 属性指令 2.6 v-on 事件指令 2.7 v-model 表单指令 2.8 v-for 循环指令 2.9 v-text 文本指令
2020-06-04 20:51:31
711
原创 css样式 记录（不常用）
border: 1px solid #3B80FA; box-sizing:border-box; /*一般用于百分比或者其他 必须要添加border等操作问题*/语法：box-sizing: content-box|border-box|inherit;值 描述 content-box 这是由 CSS2.1 规定的宽度高度行为。 宽度和高度分别应用到元素的内容框。 在宽度和高度之外绘制元素的内边距和边框。 border-b...
2020-05-15 17:31:27
162
原创 echarts 原始数据%号拼接、显示最后一位、虚线突出最后一位、一条线段不同颜色显示
echarts装载的数据：var xAxisData = [10, 20, 30, 60, 50, 70, 80, 40, 90];option = { title: { // text: '炎症占比变化曲线', text: 'Whole lung lesion ratio curve', subtext: 'Whole lung lesion ratio' // subtext: '全肺占比' }, /.
2020-05-15 14:00:46
887
原创 echarts折线图实线加虚线
option = { title: { text: 'echarts折线图实线加虚线' }, //用formatter回调函数显示多项数据内容 tooltip: { trigger: 'axis', formatter: function (params, ticket, callback) { var htmlStr = ''; var valMap = {}; ...
2020-05-12 14:19:00
2494
原创 记录element Select 下拉选择器结合Tree 树形控件实现（选中自动收起）
粗略记录一下自己做过的总结 此文章代码为项目中组件template部分<template> <el-select ref="selectTree1" :value="value" v-model="valueTitle" :clearable="clearable" @clear="clearHandle"> <el-option...
2020-04-30 15:48:28
3594
原创 浏览器禁用右键功能 vue 记录一下
mounted() { document.oncontextmenu = function () { return false; }; },自己写的 禁用 像打开的时候找了半天 贱笑 贱笑........
2020-04-23 10:58:31
1324
原创 webstorm增加内存配置参数
找到WebStorm.exe.vmoptions这个文件，路径如下webstorm安装主目录>bin>WebStorm.exe.vmoptions更改为第二行：-Xms526m第三行：-Xmx1024m（ps：这里-Xms最大值不能超过1024，否则webstorm将无法打开）webstorm加载项目卡死在scanning files to index...
2020-03-27 20:07:13
2949
原创 webstorm的快捷键说明：
Editing编辑相关快捷键Ctrl + Space：Basic code completion (the name of any class, method or variable) 基本代码完成（任何类、函数或者变量名称），改为Alt+SCtrl + Shift + Enter：Complete statement 补全当前语句Ctrl + P：Parameter info (w...
2020-03-26 14:03:32
401
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人