- 博客(20)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 事件修饰符@（stop, prevent, self, once, capture, passive）
这个 .passive 修饰符尤其能够提升移动端的性能。.once：是将事件设置为只执行一次,如 .click.prevent.once 代表只阻止事件的默认行为一次,当第二次触发的时候事件本身的行为会执行。.stop：是阻止冒泡行为,不让当前元素的事件继续往外触发,如阻止点击div内部事件,触发div事件。.self：是只有是自己触发的自己才会执行,如果接受到内部的冒泡事件传递信号触发,会忽略掉这个信号。.capture：是改变js默认的事件机制,默认是冒泡,capture功能是将冒泡改为倾听模式。
2023-04-17 09:19:52
275
原创 vue项目表格中文排序----字符串金额排序
vue项目中文排序----字符串金额排序中文排序el-table中添加sort-change事件，当表格的排序条件发生变化的时候会触发该事件；el-table-column中添加sortable=“custom” <!-- 内容展示 --> <el-table @sort-change="onSortChange" stripe :data="list" border :row-style
2021-08-04 11:07:27
1665
原创 vue项目切换页面beforeDestory不触发解决方法
vue项目切换页面beforeDestory不触发解决方法主要解决销毁当前页面实例时执行操作：可以使用路由守卫方法：使用组件内守卫：beforeRouteLeave (to, from, next) { // 导航离开该组件的对应路由时调用 this.ws.close(); //销毁时执行的代码 next() //允许跳转页面 },...
2021-07-08 11:47:20
6443
转载 Element表单规则常用配置
Element表单规则常用配置type指示type要使用的验证器。可识别的类型值为：string：类型必须为string。type 默认是 string// 校验string: [ {type: 'string', message: `请输入字符串`, trigger: 'blur'}]<el-form-item label="测试字段" prop="string"> <el-input v-model.number="form.string" placeholde
2021-03-12 10:24:44
678
原创 时间戳转换成xxxx-xx-xx格式
时间戳转换成xxxx-xx-xx格式//先将时间戳转换成"Thu Feb 25 2021 11:08:51 GMT+0800 (中国标准时间)" var startdate = new Date(); var Y = startdate.getFullYear() + "-"; var M = (startdate.getMonth() + 1 < 10 ? "0" + (startdate.getMonth() + 1) : startdate.getMonth() +
2021-03-04 11:15:07
665
1
原创 vue给同一元素绑定单击click和双击事件dblclick，双击事件dblclick无效不触发解决办法
vue给同一元素绑定单击click和双击事件dblclick，双击事件dblclick无效不触发解决办法解决办法 vue 有时 双击 dblclick native有时vue项目中无论是v-ondblclick；还是@dblclick ，有时会无效果。解决办法直接上代码自己看。.native主要用于监听组件根元素的原生事件@dblclick.native= 可完美解决dblclick 有时无效问题<div class="grid-content"> <el-button
2021-03-02 16:32:41
5395
转载 vue项目兼容ie浏览器
vue项目兼容IE浏览器利用vue-cli脚手架搭建的项目打包后在chrome下正常显示，IE浏览器下显示空白，这是因为缺少babel-polyfill处理器的缘故。vue-cli脚手架构建的项目结构：解决方法：1、安装babel-polyfill包；npm install babel-polyfill --save-dev安装完之后，在package.json文件中显示：2、在main.js文件中引入babel-polyfill；3、在webpack.base.config.js
2021-02-23 09:45:08
224
原创 element 日期选择器不能选择当天日期以后的日期
element 日期选择器不能选择当天日期以后的日期 <el-form-item label="交易时间：" size="small"> <el-date-picker :clearable="false" v-model="value1" type="daterange" value-format="yyyy-MM-dd" range-sepa
2021-02-18 11:47:13
663
原创 改变DOM不能立即应用的问题及解决方法--this.$nextTick()
this.$nextTick()的使用this.$nextTick()：在下次 DOM 更新结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。应用场景：在事件中修改DOM，直接修改不会立即应用，而是在下一次更新时才将修改的DOM应用，想要立即应用本次DOM修改后的数据，就要使用this.$nextTick()methods: { //获取元素高度（改变DOM，需要立即应用修改后的数据） getHeight() { //this.height ： 内
2021-02-02 11:05:36
484
原创 常用正则
常用正则一、校验数字的表达式数字：1*$n位的数字：^\d{n}$至少n位的数字：^\d{n,}$m-n位的数字：^\d{m,n}$零和非零开头的数字：^(0|[1-9][0-9]*)$非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$带1-2位小数的正数或负数：^(-)?\d+(.\d{1,2})?$正数、负数、和小数：^(-|+)?\d+(.\d+)?$有两位小数的正实数：2+(.[0-9]{2})?$
2021-01-21 09:39:37
372
原创 vue-cli vue脚手架开发(项目搭建)
vue-cli vue脚手架开发(项目搭建)1 、 安装vue-cli 确保电脑安装了node环境，输入以下命令检测是否安装了nodenode -v //显示版本号说明安装了node 如果提示node不是内部命令，那就就去安装nodenode的安装地址：https://nodejs.org/en/download/npm install vue-cli -g //全局安装脚手架工具如果电脑上安装了cnpm淘宝镜像，可以使用cnpm 安装cnpm install
2021-01-20 14:46:18
149
原创 vue项目中将表格导出为Excel
vue项目中将表格导出为Excel定义点击事件<el-form-item> <el-button type="primary" @click="onSubmit" size="small" class="btn" >查询</el-button > <el-button type="primary" @click="Export" size="small" class="btn
2021-01-20 12:09:14
395
2
原创 小程序
笔记01一、课程安排14+1原生小程序开发 【菜谱】Html+css+jsUni-app框架 【小U商城】数据可视化 【 系统 】二、阶段回顾第一阶段HTML（5）+css（5） 静态页面第二阶段Js （js基础语法，DOM,bOM, JUQERY）等第三阶段Node+mysql es6第四阶段Vue，react三、微信公众平台开发者通过公众号向用户提供咨询和服务的平台！！！Mp.weixin.qq.com账号分类订阅号、
2021-01-20 11:42:42
746
原创 Typescript
Typescript的学习1：什么是Typescript 1）Typescript不是新的语言，是JavaScript语言的超集 2）Typescript是由微软开发的开源编程语言，增加了非常有用的编译时类型检查特性*，最终被编译成JavaScript来执行2：为什么要学习Typescript提升自身技能2）增加了代码的可读性和可维护性,开发大型项目3）如果不显示定义类型，能够自动做出类型推论4）Typescript拥有活跃的社区缺点：增加学习成本 增加了设定类型
2021-01-20 10:49:00
163
原创 react笔记
指令系统MVVM架构 Model(模型–数据) View(视图) ViewModel(模型-视图–桥梁)vue2核心：Object.defineproperty监听对象中属性的变化computed watch组件化 spa单页面应用虚拟dom路由 （路由嵌套，动态路由，路由守卫)vuex1-2-React简介https://react.docschina.org/用于构建用户界面的JavaScript库facebook的内部..
2021-01-20 10:46:23
214
原创 vue笔记
一：vue介绍1：为什么要学习vue饭碗级别技术应用非常广泛 github生态好（插件，ui库）2：vue是什么https://cn.vuejs.org/框架 提供了一整套东西 从一个框架切换成另一个框架不容易库 jquery 提供了一些api 从一个库切换到另一个库很方便渐进式JavaScript 框架作者：尤雨溪angular 谷歌 2013 指令系统react facebook 2014 di
2021-01-20 10:44:43
4490
原创 ES6 node mysql笔记
一、严格模式1. 严格模式的声明"use strict";*目的 使代码更加严谨，为后期的版本做一个铺垫。*严格模式下的不同点在严格模式下函数里面的this返回的是undefined（禁止关键字this指向全局变量）；在严格模式下，外部访问不到eval()中创建的任何变量或函数，为eval赋值也会导致错误（严格模式中 eval和arguments当做关键字，它们不能被赋值和用作变量声明）；在严格模式下，变量或函数必须声明后才能够使用；在严格模式中，可以声明块级函数，并且可以在块
2021-01-20 10:42:48
599
原创 JS笔记
js概念什么是jsjs是一种基于对象和事件驱动的解释性脚本语言.基于对象: js可以使用自己创建出来的对象事件驱动: 由事件去触发的解释性: 编译性来说, 不需要进行编译打包，浏览器可以直接识别跨平台性: 只要有浏览器就可以识别执行组成部分: ECMAScript: 语法标准 DOM: 文档对象模型 BOM: 浏览器对象模型js可以做什么: \1. 数据请求 \2. 动态效果 \3. 表单验证引入方式行内: 很少内嵌: sc
2021-01-20 10:40:45
754
原创 HTML笔记
HTML初识1.常用5大浏览器（了解）浏览器 = 内核 + 外壳 shell内核 = 渲染引擎(html+css) + js引擎(javascript)浏览器内核IETridentChrome 谷歌Webkit—>BlinkFireFox 火狐GeckoOpera欧朋PrestoSafariWebkit2. 前端三大要素HTML: 负责网页结构—》 有什么 （大小区域 ,图片 ,链接,音视频,文字）CSS: 负责网页样式—》
2021-01-20 10:37:19
3454
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人