lys20000913的博客

JS实现复制功能兼容IOS、IOS通过JS实现复制功能

Vue图片裁剪，Vue头像裁剪

vxe-table设置100%高度 vxe-table设置100%高度无效 vxe-table将高度设置为100%

98% after emitting CopyPlugin Vue运行到98% after emitting CopyPlugin卡主不动。在使用import 时 引入路径为空所以导致出现该问题。问题大概率是因为某个格式化插件导致当然也有可能是人为勿删。

vue2动态组件动态绑定事件；组件通过 component动态生成，基于v-bind绑定事件时事件不生效。因为是动态绑定所以不确定会在未来绑定多少事件，所以直接预定绑定n个事件，我预制了六个基本同一个组件也不会超过六个事件了如果在需要就在继续加即可。例如需要绑定 @click 则将 schema.events.a0.name 赋值为 click 并将对应事件函数绑定给 schema.events.a0.fun。存在小问题： 可能 我只需要绑定一个clic ...

Invalid handler for event “方法名“: got undefined绑定的该方法该组件未定义该方法解决方法：1：检查绑定事件拼写是否出错。2：若故意为之则将绑定事件设置为空 写法： @[‘’] = “()=>{}”

超图引入报错

vue2中使用 const path = require("path") const files = require.context("../module", true, /\index.vue$/) files.keys().forEach(key => { const name = path.dirname(key).slice(2) that.$options.components[name] = require('../module/'

devtools安装 前端谷歌调试工具安装 vue devtools安装 前端开发工具安装

vue甘特图插件 表格流程展示

Windows下安装及使用NVM,安装多个nodejs,兼容vue版本，兼容vue2,vue3版本，vue2,vue3兼容，vue2,vue3同时运行

vue-cli找到 build/utils.js，将 scss: generateLoaders(‘sass’)，修改为如下：修改完成后重新运行代码 // scss: generateLoaders('sass'), scss: generateLoaders('sass').concat({ loader: 'sass-resources-loader', options: { resources: path.resolve(__dirnam

拷贝走直接用ps：测试时需在移动端测试 PC测试无效 document.addEventListener("plusready", function() { // NFC监听 monitorNFC() } function monitorNFC(t){ let NfcAdapter; let N

function copy(val) { let transfer = document.createElement('input') document.body.appendChild(transfer); transfer.value = val; transfer.focus(); transfer.select(); if (document.execCommand('copy')) { document.execCommand(

目前这个解决方案应该是最简单的了 在 window.handleClick中可以随意操作

//中文转拼音 chineseToEnglish = function(c){ var idx = -1; var MAP = 'ABCDEFGHJKLMNOPQRSTWXYZ'; var boundaryChar = '驁簿錯鵽樲鰒餜靃攟鬠纙鞪黁漚曝裠鶸蜶籜鶩鑂韻糳'; if (!String.prototype.localeCompare) { thro...

if(!window.mycache){ window.mycache = (function(){ // 闭包变量 var cache = {} // 限制长度 var cacheArr = [] return { get(api){ return new Promise((resolve,reject)=>{ i

效果如图看一下缩放代码1、通过自定义指令 + 鼠标事件实现 // 自定义指令 directives:{ /* 指令钩子函数会被传入以下参数： el：指令所绑定的元素，可以用来直接操作 DOM 。 binding：一个对象，包含以下属性： name：指令名，不包括 v- 前缀。 value：指令的绑定值，例如：v-my-directive=“1 + 1” 中，绑定值为 2。 oldValue：指令绑定的前一个值，仅在

发送

// 自定义指令 directives:{ drag(el,binding,vnode) { // 函数里面第三个参数vnode 它的vnode.context就是当前的vm实例 let that = vnode.context } }

/** * 获取随机颜色 十六进制 */ getRandomColor(){ return '#' + Math.floor( Math.random() * 0xffffff ).toString(16) }

上传限制仅svg //二者均可 accept="image/svg+xml" accept=".svg" 显示SVG//svg是链接的展示方式<embed v-if="editData.obj.svgUrl" :src="editData.obj.svgUrl" width="72" height="72" type="image/svg+xml" />//svg是代码的展示方式（直接使用v-html即可） <div v-html="editD

/* *做记录使用 具体查看 FileSaver 文档*/ FileSaver.saveAs( new Blob([JSON.stringify(JSON数据)], { type: "application/json;charset=utf-8", }), "data.json" );

将内容复制到剪切板 // 复制的方法 function copyText(text, callback){ // text: 要复制的内容， callback: 回调 var tag = document.createElement('input'); tag.setAttribute('id', 'cp_hgz_input'); tag.value = text; documen

注释在代码编写过程中的重要性，写代码超过半年的就能深深的体会到。没有注释的代码都不是好代码。为了别人学习，同时为了自己以后对代码进行‘升级’，看看js/javascript代码注释规范与示例。文件注释文件注释位于文件的最前面，应包括文件的以下信息：概要说明及版本（必须）项目地址（开源组件必须）版权声明（必须）开源协议（开源组件必须）版本号（必须）修改时间（必须），以ISO格式表示（可使用Sublime Text的InsertDate插件插入）文件注释必须全部以英文字符表示，并存在于文件的开发版本与生产版

若尚未安装先参考这条链接安装和引用SCSShttps://blog.csdn.net/xiasohuai/article/details/86615454若已安装 查看下面问题 以及对应解决方法问题1TypeError [ERR_INVALID_ARG_TYPE]: The “path” argument must be of type string. Received typeundefined…一般是因为 loader的版本问题 执行代码npm install sass-loade

解决：在终端运行代码执行：get-ExecutionPolicy，显示Restricted，表示状态是禁止的执行：set-ExecutionPolicy RemoteSigned这时再执行 get-ExecutionPolicy ，就显示RemoteSigned操作之后就可以了

解决表格数据量过大（使用插件vxe-table）点击进入插件地址解决select 数据量过大 （使用插件vue-virtual-scroll-list）相关博文插件官网

因为vuex中state中的数据是存储在内存中而非存在本地所以刷新后数据将会重置回默认值当你需要拒绝在刷新时将state中的数据清空时** //定义方法** const saveInLocal = state => {//该方法会在实例初始化时调用（浏览器刷新时触发） !!localStorage.state ? localStorage.state=store.replaceSt...

虚拟dom是一个抽象的概念本身呢是一个特殊的对象。Vue之所以运行高效，使用虚拟DOM减少了对真实的dom操作vDom使用diff算法的原因： DOM操作是昂贵的，应尽量减少DOM的操作所以需要找出本次DOM必须更新的节点来更新，其它的不更新，找出的过程就需要用到diff算法。 //DOM <div class='xxx'> <p>123</p> ...

Vue中从改变一个数据到发火说呢过改变的过程Vue2 利用definedProperty实现数据绑定definedProperty 基础使用： var ob={ a:1, b:2 } var _value=ob.a Object.defineProperty(ob,'a',{ //writable:true,//可否修改 //enumerable:false,//是否...

父页面： setIframe(state,id){ // console.log(state,id) var frame = document.getElementById(id); frame.contentWindow.postMessage(state,'*'); },iframe监听消息...

绑定事件是使用具名函数 不要用匿名函数所有的DOM节点中都包含addEventListener()与removeEventListener()这两种方法，用于追加事件和删除追加。接受参数：要处理的事件名、作为事件处理程序的函数和一个布尔值。 (3个)最后这个布尔值参数是true，表示在捕获阶段调用事件处理程序；如果是false，表示在冒泡阶段调用事件处理程序。默认为false;事件传递有两...

getParams(){//获取参数 let that = this; let url = window.location.href let obj = {} /* * 正则匹配 * [?&]:匹配?或&其一 * [^?&]:非?或非& ...

<div id='search'> <el-upload :multiple="false" :show-file-list="false" //:on-success="handleImageSuccess" //上传成功后出发 :before-upload="handleBeforeUpload"//上传前钩子...

let str='Hellow World'str.at( 0 ) //H 根据下标返回对应值str.indexOf('H')//0 查询字符串首次出现的位置（返回下标）str.lastIndexOf('o')//8 查询字符串最后次出现的位置（返回下标）str.includes('H')//true 返回布尔值 查询是否包含某个字str.startsWith('Hellow')/...

问题//代码不执行监听不到document.addEventListener("plusready", function() { })解决方法if(window.plus){ //所需执行代码}else{ document.addEventListener("plusready", function() { /*所需执行代码*/ })}...

HbuilderX打包后在手机端或者模拟手机端测试 PC端无法测试；hBuilder打包后集成H5+sdk就可以直接用他们家的sdk了效果图代码部分<button @click.native='startRecognize'>触发按钮</button><div id="bcid" :style='{zIndex:zIndex}'></div&gt...

空间数据绑定问题查找v-model相关绑定元素我的报错原因是因为selected未赋值改过来就哦k了//造成错误的原因 <div class="inputFu"> <span><i>*</i>用户类型:</span> <template> <el-select d...

这个问题一般是在main.js中使用axios时候出现问题正确使用姿势就这样问题解决