12 2021 档案
摘要：el-upload手动上传文件注意事项 1、将auto-upload改为false，即在选取文件后不立即进行上传（经过点击按钮什么的才会触发上传） 2、action必须要有，值可以为空，data里面定义一个要上传的文件对象 3、在on-change事件中，将文件赋值给data中定义的文件对象 注：一
阅读全文
摘要：Vue实现Excel模板文件的上传与下载 一.前言 越来越多的项目开始使用前后端分离的方式来进行开发了，前端使用的vue来进行页面处理的，所以正常的文件下载和上传肯定是少不了的，因为这也是自己第一次使用vue来进行项目开发，所以抱着学习的态度来记录自己遇到的问题。 1.excel导入 先看代码，导入
阅读全文
摘要：vue如何分批上传excel？ 可以把文件切割分片再上传 var bytesPerPiece = 1024 * 1024; // 每个文件切片大小定为1MB . var totalPieces; //发送请求 function upload() { var blob = document.getEl
阅读全文
摘要：vue 批量导入 + 过滤excel文件（用了el-upload） 2020-12-18 11:59:02 完整代码（这做成了一个子组件） <template> <div> <el-upload ref="upload" action="/" :on-change="handleChange" :o
阅读全文
摘要：element 密码显示 隐藏 点击密码显示隐藏切换，验证密码是否正确 主要使用elment 组件实现 通过改变 type 类型实现 type = password 密码隐藏 type = " " 为空时 密码显示为输入内容 html <el-form-item prop="user.passwor
阅读全文
摘要：find(), findIndex(),indexof使用方法和区别 js S6为Array增加了find()，findIndex函数。 find()函数用来查找目标元素，找到就返回该元素，找不到返回undefined。 findIndex()函数也是查找目标元素，找到就返回元素的位置，找不到就返回
阅读全文
摘要：Element UI系列：Select下拉框实现默认选择 实现的主要关键点在于 v-mode 所绑定的值，必须是 options 数组中对应的 value 值
阅读全文
摘要：vue2的v-model响应数组index的变化 在vue的data里面写 data() { return { arr: [1, 2, 3] } } 然后html中. 1 <input type="text" v-for="(txt, index) in list" v-model="txt" :k
阅读全文
摘要：vue element UI el-select选择框触发事件（每选择一次则触发一次该事件） System.out.print vue 专栏收录该内容 42 篇文章1 订阅 订阅专栏 <el-select v-model="selectData.id" @change="selectTrigger(
阅读全文
摘要：this.$alert 方法 this.$alert('确认删除吗', '提示', { confirmButtonText: '确定', callback: action => { this.function() } });
阅读全文
摘要：链接：https://cloud.tencent.com/developer/section/1489893
阅读全文
摘要：Message 消息提示 Message 消息提示 常用于主动操作后的反馈提示。与 Notification 的区别是后者更多用于系统级通知的被动提醒。 基础用法 从顶部出现，3 秒后自动消失。 Message 在配置上与 Notification 非常类似，所以部分 options 在此不做详尽解
阅读全文
摘要：vue下$nextTick及原理浅析 Merlo Merlo 5 人赞同了该文章 vue->$nextTick 引用官方的话:为了在数据变化之后等待 Vue 完成更新 DOM ，可以在数据变化之后立即使用 Vue.nextTick(callback) ex1 <div> <button @click
阅读全文
摘要：VUE SYNC 用法：PROPS 双向通信基础 标签： 前端开发经验汇总 背景 vue-admin-element 是一个比较流行的开源项目，里面有对 el-pagination 组件的二次封装，pagination，本文将整理这个组件封装时 sync 的应用。 分页插件 Element-UI 提
阅读全文
摘要：vue中 关于$emit的用法 1、父组件可以使用 props 把数据传给子组件。2、子组件可以使用 $emit 触发父组件的自定义事件。 vm.$emit( event, arg ) //触发当前实例上的事件 vm.$on( event, fn );//监听event事件后运行 fn； 例如：子组
阅读全文
摘要：vue之父子组件间通信实例讲解(props、$ref、$emit) 更新时间：2018年05月22日 10:16:18 作者：四小七 组件间如何通信，也就成为了vue中重点知识了。这篇文章将会通过props、$ref和 $emit 这几个知识点，来讲解如何实现父子组件间通信。 组件是 vue.js
阅读全文
摘要：vue+element分页组件封装成公共组件 1.首先定义一个分页子组件 <el-pagination :background="background" :current-page.sync="currentPage" //第几页 :page-size.sync="pageSize" //每页显示几
阅读全文
摘要：vue中$refs的用法及作用详解 一般来讲，获取DOM元素，需要使用document.querySelector('#input1')方法去获取dom节点，然后再获取input1的值。 但是使用了ref绑定之后，我们就不需要再获取dom节点了，可以直接在上面的input上绑定input1，然后$r
阅读全文
摘要：Adobe Photoshop，简称“PS”，是由Adobe Systems开发和发行的图像处理软件。现在就来教教大伙怎么更改图片颜色。 打开PS软件。 选择自己准备修改的图片。 选择魔棒工具，将容量修改为32。 沿着图案的边缘勾画图案的轮廓。 更换想要的颜色。 打开编辑，然后选择填充。放肆吧 ww
阅读全文
摘要：如何用photoshop截图？下面，我们来看下操作。 工具/原料 PS CS6 方法一 1 把图片素材导入到PS中； 假设，把左侧这花朵给截出来，放在另一个画布中 2 选取矩形选框工具； 把这部分的图像框选出来。 3 然后，选取：移动工具， 鼠标放在选区上， 鼠标呈黑色箭头加一把剪刀 4 点住鼠标不
阅读全文
摘要：打开PS软件，通过“文件→打开”（快捷键：Ctrl+O）找到你要修改的图片，打开它。 2 为了方便操作，找到软件中的“适应窗口”来调节图片的显示情况。 3 找到菜单栏中的“图层”→“智能对象”→“转换为智能对象”，点击它。 4 再在菜单栏中找到“图像”点击“图片大小”（快捷键Alt+Ctrl+I）。
阅读全文
摘要：使用命令删除node_modules文件夹 技术标签： 常用命令 先安装删除工具 npm install rimraf -g 然后使用删除命令 rimraf node_modules npm install -g 全局安装，以后直接使用删除命令即可。 vscode工具，前端项目文件夹下 记住这个命令
阅读全文
摘要：若依vue显示表格列配置，可配置操作权限 1、在 export default 中设置导出列信息 2、在工具栏增加操作按钮 3、表格列增加显示条件配置 4、显示效果 4.1 有权限用户使用效果 4.2 无权限用户使用效果 在vue页面增加/修改以下3部分的设置，可以使若依vue页面列表支持显示列的配
阅读全文
摘要：原文：https://www.cnblogs.com/wenruo/p/9732704.html 先上效果 基本是用CSS实现的，没有用图片，加一丢丢JS。不过没有考虑太多兼容性。 首先画一个 <!DOCTYPE html><html lang="en"> <head> <meta charset=
阅读全文
摘要：layui 表格中添加input表单效果且实现数据监听 在layui 表格中列操作中插入input 表单输入框，实现数据内容监听效果； 实现效果1： <table class="layui-table layuiadmin-page-table" lay-skin="line" id="itemsl
阅读全文
摘要：element-ui Dialog 对话框组件 :visible.sync 的作用 //这个是element-ui组件库提供的对话框插件。 :visible指的是属性绑定，表示弹框的显示隐藏，当:visible的值为ture的时候，弹框显示，当为false的时候，弹框隐藏 后面的.sync是什么意思
阅读全文
摘要：git上传项目全部流程 一、下载git 进入网址：https://git-scm.com/downloads； 点击中的Download 2.16.0 for Windows; 在中选择蓝色字段点击，根据电脑64或32位选择适合的下载，点击即可进行下载，下载完成后傻瓜式安装，一直点击下一步即可完成安
阅读全文
摘要：git git提交项目的具体流程 git项目流程：以下主要有3个角色：负责人、成员A、成员B（若负责人也要修改代码，则负责人同时兼任2个角色：负责人、成员） 主要负责人：搭建项目架构且提交到git上1.github官网登录后，新建仓库，生成地址url,复制线上仓库.git结尾的地址url2.在一个空
阅读全文
摘要：基本配置完成，接下来就是上传你要上传的项目了。 1、初始化git 进入你要上传的项目的文件夹，在文件夹内鼠标右击，选择“Git Bash Here”打开git命令行，输入： $ git init 目的是初始化git，并且会创建个“.git”文件夹，里面有个“config”就是用来保存远程厂库路径地址
阅读全文
摘要：记录一下使用若依的权限使用 封装了一个指令权限，能简单快速的实现按钮级别的权限判断。v-permission(opens new window) 使用权限字符串 v-hasPermi // 单个 <el-button v-hasPermi="['system:user:add']">存在权限字符串才
阅读全文
摘要：实例网址： https://www.layuicdn.com/jie/2020-05-21/66776.html
阅读全文
摘要：vue运行为v-on在监听键盘事件时，添加了特殊的键盘修饰符： <input v-on:keyup.13="submit"> vue还非常贴心地给出了常用按键的别名，这样就不必去记keyCode ~ ~ 上面代码，还可以在这样写： <input v-on:keyup.enter="submit">
阅读全文
摘要：vue 回车触发聚焦 @keyup.enter.native 1.vue登录界面输入用户名回车自动聚焦密码框 用户框里放：@keyup.enter.native="keyupClick"; 密码框里放:：ref="mima" 在methods里： keyupClick() { this.$refs.
阅读全文
摘要：ELEMENTUI中GUTTER和OFFSET的区别 gutter是指栅格间间隔，offset是指栅格左侧的间隔格数 分栏间隔 el-row配置行，el-col配置列，像是一个个单行的表格 el-row上的属性gutter，默认值为0，可以设置大于0的任意数字 在PC端，设置的这个gutter值为该
阅读全文
摘要：一、web API接口 什么是web API接口？： 明确了请求方式，提供对应后台所需参数，请求url链接可以得到后台的响应数据url : 返回数据的urlhttps://api.map.baidu.com/place/search请求方式：get，post,put,patch.... 请求参数：j
阅读全文
摘要：Restful API接口规范 REST：英文representational state transfer直译为表现层状态转移，或者表述性状态转移；Rest是web服务的一种架构风格，一种设计风格，是一种思想；同时Rest不是针对某一种编程语言的。 以webService为例通俗解释。 非Rest
阅读全文
摘要：Nacos安装与启动教程 前言Nacos是阿里巴巴集团开源的一个易于使用的平台，专为动态服务发现，配置和服务管理而设计，Nacos基本上支持现在所有类型的服务，例如，Dubbo / gRPC服务，Spring Cloud RESTFul服务或Kubernetes服务。尤其是使用Eureka注册中心的
阅读全文
摘要：vue路由守卫 beforeEach 的使用的填坑记录 总体来讲vue里面提供了三大类钩子1、全局钩子2、某个路由的钩子（路由独享）3、组件内钩子（组件独享） 两种函数： 1、 Vue.beforeEach(function(to,form,next){}) /*在跳转之前执行*/ 2 .Vue.a
阅读全文
摘要：layui输入框只允许输入中文且判断长度的例子 今天小编就为大家分享一篇layui输入框只允许输入中文且判断长度的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧 今天写项目遇到一个问题，在输入老师昵称的时候需要控制input输入框不能为空，且字符的长度有限制，英文字符不能超过2
阅读全文
摘要：前后端分离和不分离的区别是什么 区别：前后端不分离中，前端页面看到的效果都是由后端控制，由后端渲染页面或重定向，即后端需要控制前端的展示，前端与后端的耦合度很高。前后端分离中，后端仅返回前端所需的数据，不再渲染HTML页面，不再控制前端的效果，前端与后端的耦合度相对较低。 相关推荐：《编程视频》 一
阅读全文
摘要：Quill—心目中的最佳富文本编辑器 由于长时间使用 UEditor 编辑器，再加上 UEditor 界面实在不够清新，不符合我的审美，遂决定给网站后台换一个富文本编辑器，经过几天的寻找以及试用，终于找到了符合我这强迫症的最完美的编辑器，它就是——Quill。 几大编辑器比较 UEditor 链接：
阅读全文
摘要：jquery实现 引入jquery文件 // 在线引入 <script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-2.1.4.min.js" type="text/javascript"></script> html代码 <div style
阅读全文
摘要：html <div class="layui-card"> <!--<div class="layui-card-header">示例表头</div>--> <div class="layui-card-body"> <table class="layui-hide" id="LAY-table-o
阅读全文
摘要：form表单提交的几种方式 表单提交方式一：直接利用form表单提交 html页面代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Insert title here</title> </head> <body> <f
阅读全文
摘要：layui标签或一般标签均可<div class="layui-form-item"> <label class="layui-form-label">异地仓名称</label> <div class="layui-input-block" style="width:260px;margin-top
阅读全文
摘要：<select id="sel" onchange="javascript:getSelect();"> <option value="a">选择</option> <option value="bdd">be</option> <option value="c">ce</option> <opti
阅读全文
摘要：Vue：使用elementUI upload组件上传excel文件 elementUI官方的upload组件文档可点此查看。页面效果如下所示，支持文件的二次确认上传 demo中仅以excel举例，若需要支持其他格式，可修改accept值，具体代码如下： <template> <div> <el-up
阅读全文
摘要：获取后缀名在LastIndexOf("." + 1)加1 //获取其后缀名String strExtension = fileupAD.FileName.Substring(fileupAD.FileName.LastIndexOf("." + 1)); Substring函数应该是从括号传的参数开
阅读全文
摘要：vue中使用layui *如何在vue中使用layui第一次在vue中使用layui，完全不知道怎么引入样式与功能，百度了很多办法才弄好，特意来记录一下使用的过程，本次使用vue 2.x ，使用vue/cli构建项目，用vue create 【项目名称】，来创建项目。 下载layui将使用脚手架创建
阅读全文
摘要：Layui 项目前端导出Excel文件总结 最近朋友在维护一个几年前的老项目，项目前端是基于Layui的。我那朋友只接触过vue以及vue相关的一些框架，对layui不熟悉，问我LayuI项目有个列表要加个excel导出功能，并且不能改动后端接口（后端接口代码已经没有了） Layui excel导出
阅读全文
摘要：jQuery tableExport导出 excel 上篇写的是jQuery 导出word，就试试导出excel。看见网上写的很乱，我这就把我写的整理下来，有部分来自网上capy 1. js文件的引用 <script type="text/javascript" src="/resources/jQ
阅读全文
摘要：layui导出表格全部数据 layui自带的导出表格，只能导出当前页面，如果当前页包含全部数据，那不就是导出全部数据了吗，所以我给导出事件单独定义了一个请求，当触发这个请求时，在后台查询数据时不要按接收的page 和 limit查询，而是查询全部，这样就实现了导出全部数据。 页面代码： <!--导出
阅读全文
摘要：layui中tab选项卡页面刷新后，不能停留在原选项卡页面问题解决 前端 专栏收录该内容 32 篇文章0 订阅 订阅专栏 添加下面这段js代码即可 $(".layui-tab-title li").click(function(){ var picTabNum = $(this).index();
阅读全文
摘要：通过jQuery给select元素的option标签添加自定义属性 有时候需要个option标签传递多个值，仅仅依靠value属性是不够的，因此通过给select元素的option添加新的元素，来获取多个值。 <select name="city" id="city_id" onchange = "
阅读全文
摘要：介绍禁止输入两种不让input输入中文的方法 介绍禁止输入两种不让input输入中文的方法。JavaScript禁止中文输入可以通过设置输入框的css样式的ime-mode属性来实现。也可以通过控制输入字符来禁止输入中文。. 方法一、JavaScript通过控制css样式来禁止输入中文。 ime：I
阅读全文
摘要：jq中cookie的基本使用 1、基于jq的cookie插件，那么引入jq是必要的前提。2、引入对应的cookie插件，即：jquery.cookie.js3、cooike的读取、清空、设定： 读取：var topVal1= $.cookie('设定的cookie名称'); 如：var topVal
阅读全文
摘要：JS中 reduce() 的用法 过去有很长一段时间，我一直很难理解 reduce() 这个方法的具体用法，平时也很少用到它。事实上，如果你能真正了解它的话，其实在很多地方我们都可以用得上，那么今天我们就来简单聊聊JS中 reduce() 的用法。 一、语法 arr.reduce(function(
阅读全文
摘要：$.AJAX()方法中的PROCESSDATA参数 在使用jQuery的$.ajax()方法的时候参数processData默认为true(该方法为jQuery独有的) 默认情况下会将发送的数据序列化以适应默认的内容类型application/x-www-form-urlencoded 如果想发送不
阅读全文
摘要：layui中的switch开关，能够去显示当前的状态，是否是启用还是禁用。当时如果当前记录的某个值没有进行填写，这行记录就不能被启用。并且页面上也要让他不能进行操作。 直接上代码： // 页面状态栏事件监听 form.on('switch', function (data) { var swithc
阅读全文
摘要：js遍历数组的几种方法 第一种：for循环，也是最常见的 const arr = [11,22,33,44,55,66,77,88] for (let i = 0; i < arr.length; i++) { console.log(arr[i]) } 第二种：forEach（） 1)、forEa
阅读全文
摘要：前端里面如何进行搜索引擎优化(SEO) 如何进行SEO优化： (1) 避免head标签js堵塞： 所有放在head标签里面的js和css都会堵塞渲染；如果这些css和js需要加载很久的话，那么页面就空白了； 解决办法：一是把script放到body后面，这也是很多网站采取的方法。 第二种是给scri
阅读全文
摘要：vue.js如何做到seo 【相关文章推荐：vue.js】vue.js做到seo的方法：1、SSR服务器渲染关于服务器渲染：Vue官网介绍 ，对Vue版本有要求，对服务器也有一定要求，需要支持nodejs环境。使用SSR权衡之处：开发条件所限，浏览器特定的代码，只能在某些生命周期钩子函数 (life
阅读全文
摘要：网站页面（前端）seo优化方法及建议 很多时候，网站页面（前端）seo优化所涉及的点在于页面精简。本教程概述了如何对网页进行精简，以及提供相关建议，加快网站加载速度，提升网站性能。 从相反方面考虑，如果网页庞杂，网页打开速度慢，会有什么后果？ 首先，网页代码 […] 很多时候，网站页面（前端）seo
阅读全文
摘要：Css常用的排序方式权重分配 排序方式： 1、按类型 如，显示和浮动、定位、尺寸、字体等 2、按字母 按字母顺序排列，优点是规则简单 3、按定义长度 按照样式定义的字符长度排列 各有优劣，实际应用中，推荐使用第一种。 但是如果单靠前端工程师在编写过程中这么做的话也是很难的，可以在写的过程中按照效率最
阅读全文
摘要：css层级选择器理论{#ek) E:first-child : 匹配的是E元素，E元素是父元素的第一个子元素 说明：利用 :first-child 这个伪类，只有当元素是另一个元素的第一个子元素时才能匹配。例如，p:first-child 会选择作为另外某个元素第一个子元素的所有 p 元素。一般可能
阅读全文
摘要：关于layui表格渲染templet解析单元格的问题 然后我简单说一下 templet - 自定义列模板 我在项目中遇到的解析问题：在解析单元格的时候自定义列为这样： {field: 'tpye', title: '所属类别', align:"center",templet:'#typeBar'}
阅读全文
摘要：前端js拼接Json字符串，全 示例1：数组里面含对象 <script> var params = []; for(var i = 0; i < 3; i++){ var param = []; param.push("one"); param.push("two"); param.push("th
阅读全文
摘要：layui table 中 templet 判断 返回数据的格式 第一种返回数据判断 ,{field:'admin_role', width:8+'%', title: '所属角色' templet:function(d){ if(d.role_id ==0)return '超级管理员'elsere
阅读全文
摘要：使用layer.open点击多次会弹出多层窗口 解决:在layer.open增加一个id:‘LAY_layuipro’.
阅读全文
摘要：js强制类型转换 转换函数、强制类型转换、利用js变量弱类型转换。 1. 转换函数：函数 js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数，后者把值转换成浮点数。只有对String类型调用这些方法，这两个函数才能正确运行；对其余类型返回的都是NaN(Not a
阅读全文
摘要：关于parseInt()里的一些小坑 parseInt(string，radix)方法是将输入字符串转化为数值，两个输入参数中string为要转化的字符串，radix可省略，是浏览器以几进制来解读输入的string。 举几个例子就能够对该方法有基本的了解了，如下： parseInt("123");
阅读全文
摘要：table.js:2 Uncaught TypeError: Cannot create property 'LAY_TABLE_INDEX' on number '1' 使用layui框架的数据表格，渲染时报错 原因：layui渲染表格数据的时候，接口请求返回的data的值应该如 *data:[{
阅读全文
摘要：layui switch不出现样式的问题 最近写编辑layui的弹窗里的内容时候需要写一个switch，类似以下效果： 但是发现根据文档写的代码，switch的样式根本没出现： <div class="layui-form-item"> <label class="layui-form-label"
阅读全文
摘要：navicat查看某个表的所有字段的详细信息 navicat设计表只能一次查看一个字段的备注信息，那怎么才能做到一次性查询表的信息呢？SELECT COLUMN_NAME,COLUMN_COMMENT,COLUMN_TYPE,COLUMN_KEY FROM information_schema.CO
阅读全文
摘要：freemarker中表达式 ${(user.name)!""}当user为空时的报错解决 FreeMarker是一个用Java语言编写的模板引擎，它基于模板来生成文本输出，用FreeMarker判断对象是否为空的方法。 一般数据在后端判断， 前端不管逻辑只管显示。 freemarker中显示某对象
阅读全文
摘要：用jquery和js获取select标签中选中的option值及文本 jquery： //获取选中的option的文本值 $("#id option:selected").text(); $("#id").find("option:selected").text() //获取select中optio
阅读全文
摘要：1.在plugins文件下创建一个route.js import { getCookie, setCookie } from '@/pages/logreg/api/cookie' import axios from 'axios' export default ({ app, store }) =
阅读全文
摘要：vue中watch的详细用法 在vue中，使用watch来响应数据的变化。watch的用法大致有三种。下面代码是watch的一种简单的用法： <input type="text" v-model="cityName"/> new Vue({ el: '#root', data: { cityName
阅读全文
摘要：vue中为computed计算属性传参遇到的问题 首先介绍下项目背景， 需要将 dataList 中的 item.stars 属性传入 computed 返回要展示的值 部分代码如下（请不要纠结为什么这么做，数据格式确认如此）： <li class="recommend-list-item bord
阅读全文
摘要：vue 计算属性中(computed)是这样传递参数的（一看就会的操作 超详细） 我们在做项目中有可能会遇到这样一种情况 比如A状态传递过来的是数字 我们需要使用switch来判断这个所属状态分别代表什么意思 （当然啦 这个过滤器也可以实现） 不过今天我要跟大家分享的是使用计算属性来实现 :titl
阅读全文
摘要：Vue中的computed、filters的异同以及应用场景 computed和filters的异同 异:computed:1.不能传参,只能监听预先设置好的值;2.值会缓存,在我们要监听的数据没有变化的时候，是不会再去执行对象相应的数据的(性能比较好) filters:1.将返回数据进行处理后返回
阅读全文
摘要：在Vue中filter过滤器是一个非常强大的功能。个人觉得称它为加工车间会更加贴切一些。过滤器可以用来筛选出符合条件的，丢弃不符合条件的；加工车间既可以筛选，又可以对筛选出来的进行加工。一、filter的作用是：对值进行筛选加工。二、使用的地方有两个位置，和两个方式。 {{ msg | filter
阅读全文
摘要：vue filter的四种用法 先介绍下vue1与vue2的filter区别，也就是vue2更新的地方 a: 2.0将1.0所有自带的过滤器都删除了，也就是说，在2.0中，要使用过滤器，则需要我们自己编写。 b: 2.0过滤器的传参方式不是以前的方式，是以函数传参的方式，下面示例（后面有具体示例）：
阅读全文
摘要：vue过滤器 和_vue中methods与computed，filters，watch的区别 methods:methods属性里面的方法会在数据发生变化的时候你，只要引用了此里面分方法，方法就会自动执行。这个属性没有依赖缓存。 computed属性，是一个计算属性，该属性里面的方法名相当于data
阅读全文
摘要：computed(计算属性)和methods的区别 使用方式： <!-- 计算属性里方法的调用 --> <div id="app"> 总价： {{ prices }} <br/> test:{{ tests }} </div> <!-- methods里方法的调用 --> <div id="app"
阅读全文
摘要：ES6新增的padStart()方法和padEnd()方法 padStart() 用于头部补全； padEnd() 用于尾部补全。 'abc'.padStart(13, '0123456789') // 0123456789abc 'abc'.padEnd(13, '0123456789') //
阅读全文
摘要：js文本框只能填写正整数 版权 1、文本框只能填写正整数： onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'
阅读全文
摘要：Vue.component(),Vue.use(),Vue.protype.区别 1.结果 2.Vue.use(对象).Vue.component('组件名',对象)。（注意：use是内部有的，component是注册内部没有的，有的话两者均可用） //这两种方式都可以注册element-ui的组件
阅读全文
摘要：input最大长度限制问题 <input type="text" maxlength="5" /> //可以 <input type="number" maxlength="5" /> //没有效果 <input type="number" oninput="if(value.length>5) v
阅读全文
摘要：slice,substr和substring的区别 首先，他们都接收两个参数，slice和substring接收的是起始位置和结束位置(不包括结束位置)，而substr接收的则是起始位置和所要返回的字符串长度。直接看下面例子： 1 var test = 'hello world';2 3 alert
阅读全文
摘要：vue-cli3的eslint配置问题 捞兴关注 82018.08.22 14:39:57字数 273阅读 137,861 vue-cli3按照官网教程配置搭建后，发现每次编译，eslint都抛出错误 error: Expected indentation of 4 spaces but found
阅读全文
摘要：vue语法检验 修复：npm run lint 让语法校验失效 .eslintignore.js文件下写：（可能无效） # 忽略build目录下类型为js的文件的语法检查（这个没有测试是否可以，本人使用的是4.5.13没有build这个文件夹了） build/*.js # 忽略src/assets目
阅读全文
摘要：vue-cli关闭eslint及配置eslint 有了eslint的校验，可以来规范开发人员的代码，是挺好的。但是有些像缩进、空格、空白行之类的规范，在开发过程中一直报错，有点烦人了。 我们可以在创建工程的时候选择不要安装eslint。就是在安装工程的时候，出现【Use ESLint to lint
阅读全文
摘要：vue前端HbuliderEslint实时校验自动修复设置 这篇文章主要为大家介绍了vue前端中Hbulider中Eslint实时校验自动修复设置操作过程，有需要的朋友可以借鉴参考下希望能够有所帮助 目录 HBuilderX中ESLint插件安装 自定义eslint-js规则 注意事项 不管是多人合
阅读全文
摘要：vscode多个光标_这 21 个 VSCode 快捷键，能让你的代码飞起来 注意：若你在使用 Mac 时出现快捷键无效的情况，有可能是因为版本差异导致。 请将 Ctrl 对应要换成 Command，而 Alt 对应换成 Option 再试一下。 做为前端开发者来说，大都数都用过 VSCode，并且
阅读全文
摘要：layui 读取本地excel内容_layui导入excel文件的方法是什么 我们先来看看完成的效果图： 具体步骤如下： 首先：导入layui第三方插件js，地址：https://fly.layui.com/extend/excel/ 1、在页面中引入excel.js文件： //引入excel la
阅读全文
摘要：这里以vscode为例 使用alt+左键选择需要的代码，再使用alt+左键选择粘贴的光标位置。示例：现在需要在demo03.wxml中渲染person的属性，需要批量将属性复制到红色方框处，怎么办呢？采用Alt+左键双击的方法选择三个属性名，然后复制再使用Alt+左键单击的方法选择需要粘贴的光标位置
阅读全文
摘要：直接修改js进行调试 在Sources面板中，连js都可以直接修改。主要是在设置断点(breakpoint)进行单步调试时用的; ctr+shift+i或者F12打开开发者工具； 打开sources面板;直接给某行js代码设置断点。 刷新页面后，程序就会停在断点设置的那一行上。 然后我们就可以在断点
阅读全文
摘要：15个你不得不知道的Chrome dev tools的小技巧 2015.12.04 10:32 23308浏览 谷歌浏览器如今是Web开发者们所使用的最流行的网页浏览器。伴随每六个星期一次的发布周期和不断扩大的强大的开发功能，Chrome变成了一个必须的工具。大多数可能熟悉关于chorme的许多特点
阅读全文
摘要：教你chrome浏览器断点调试理解闭包 首先呢，我们必须搞清楚闭包这个概念：闭包其实是一个特殊的对象，他由两部分组成，一个是执行上下文（代号A），以及在该执行上下文中创建的函数（代号B），当B执行时，如果访问了A中变量对象的变量，那么闭包就产生了。 今天我们就用chrome浏览器带你断点调试理解闭包
阅读全文
摘要：「实用技巧」Chrome DevTools调试小技巧，效率🚀🚀🚀 前言 效率Up，Up🚀🚀🚀，这样子就有更多的时间学习，以及陪女朋友啦✅ 如果你用Chrome调试工具，还是停留在console阶段，赶紧来学习一波吧，绝对是满满的干货，让你效率UpUP。 本文侧重点就是关于Chrome D
阅读全文
摘要：chrome浏览器拦截(block)特定网站某些请求的方法 2020-07-26 21:45:26 介绍一下在浏览器中拦截特定网络请求的方法,比较实用😄 最近遇到了一个需求，需要在一个系统里面点击某些按钮的时候不要触发某个请求(例如操作日志)正好Chrome浏览器就可以很好地满足这一愿望，仅需安装
阅读全文
摘要：Js/Jquery获取iframe中的元素 js获取iframe中的元素 1.在父窗口中获取iframe中的元素 方法1： 格式：window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click(); 实例：win
阅读全文
摘要：一步一步教你写一个jQuery的插件教程(Plugin) 更新时间：2009年09月03日 02:10:54 作者： 我将会在下面的例子中一个一个的说明上面这几个条件,做完这些事情后我们就会创建一个高亮显示text的简单插件。 jQuery 的plugin开发需要注意的事情, 1. 明确jQuery
阅读全文
摘要：如何在HTML中限制input 输入框只能输入纯数字 限制 input 输入框只能输入纯数字1、onkeyup = "value=value.replace(/[^\d]/g,'')" 使用 onkeyup 事件，有 bug ，那就是在中文输入法状态下，输入汉字之后直接回车，会直接输入字母 2、on
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <style> .bodydom { width: 600px; height: 600px; border: 1px solid; displa
阅读全文
摘要：日期时间插件WdatePicker.js使用方法 官网：http://www.my97.net/demo/index.htm 支持浏览器 IE 6.0+ , Firefox 2.0+ , Chrome, Opera 9.5+ , Safari 3.0+ HTML <!-- 类名"Wdate"显示日期
阅读全文
摘要：jQuery判断checkbox是否选中的3种方法 转载 原文地址：https://www.cnblogs.com/cssfirefly/p/4571679.html 方法一（建议）： if ($("#checkbox-id").get(0).checked) { // do something }
阅读全文
摘要：解锁各种js数组骚操作，总有你想要的！ 标签： javascript 前端 在开发中，数组的使用场景非常多，平日中也涉及到很多数组相关操作，对一些常见的操作方法进行总结和收藏，在开发中就能信手拈来，大大提高开发效率。 本文在gitthub做了收录 github.com/Michael-lzg… 随机
阅读全文
摘要：layui时间戳转换 {field: 'time', 180, title: '创建时间', templet:function (d) { var t1=d.time*1000 return util.toDateString(t1); } }, layui.use(['form', 'table'
阅读全文
摘要：layui前端时间戳转化实例 今天小编就为大家分享一篇layui前端时间戳转化实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧 1、html : 添加一个table，用来显示数据 1 <table class="layui-table" id="list" lay-filter=
阅读全文
摘要：在iframe父界面获取iframe里面的标签 上一篇里边介绍了在里边利用iframe引入另一个html导航文件，有兴趣的朋友可以看一看 http://www.cnblogs.com/simba-lkj/p/6031662.html 目前遇到一些问题们，想要在引用了iframe的文件里修改ifram
阅读全文
摘要：Layui时间戳处理 //时间戳的处理 layui.laytpl.toDateString = function(d, format){ var date = new Date(d || new Date()) ,ymd = [ this.digit(date.getFullYear(), 4) ,
阅读全文
摘要：layui table 上面的switch开关切换，并获取表格里所有数据 场景需求： 在layui.table上面渲染后的列表上面加一个switch开关，监听switch开关的动作，实现本列数据的状态切换！ 配图： 数据表格配置参数 layui.table.options.cols 配置如下、重点看
阅读全文
摘要：LayUI中table组件中如何使用switch开关。 自己的想法是在table组件中，加载后台数据的时候，就在页面上显示一个开关值，直接在页面上选中开关可以进行数据更改。参考各位大神的方法后，得出具体的思路如下。 1.首先在table组件中，利用它模板的去显示这个开关 table.render({
阅读全文
摘要：在iframe父界面获取iframe里面的标签 上一篇里边介绍了在里边利用iframe引入另外一个html导航文件，有兴趣的朋友能够看一看 http://www.cnblogs.com/simba-lkj/p/6031662.htmlhtml 目前遇到一些问题们，想要在引用了iframe的文件里修改
阅读全文
摘要：使用 iframe + postMessage 实现跨域通信 订阅专栏 在实际项目开发中可能会碰到在 a.com 页面中嵌套 b.com 页面，这时第一反应是使用 iframe，但是产品又提出在 a.com 中操作，b.com 中进行显示，或者相反。 1、postMessage postMessag
阅读全文
摘要：原生js实现select下拉框选择 最近在做一个项目需要兼容到ie不同版本，在使用select时遇到了各种问题。后来索性就自己使用原生js实现了这样一个下拉框，话不多说，直接上代码吧 <html lang="en"> <head> <meta charset="UTF-8"> <title>自定义s
阅读全文
浙公网安备 33010602011771号