- 博客(20)
- 资源 (2)
- 收藏
- 关注
原创 事件修饰符@(stop, prevent, self, once, capture, passive)
这个 .passive 修饰符尤其能够提升移动端的性能。.once:是将事件设置为只执行一次,如 .click.prevent.once 代表只阻止事件的默认行为一次,当第二次触发的时候事件本身的行为会执行。.stop:是阻止冒泡行为,不让当前元素的事件继续往外触发,如阻止点击div内部事件,触发div事件。.self:是只有是自己触发的自己才会执行,如果接受到内部的冒泡事件传递信号触发,会忽略掉这个信号。.capture:是改变js默认的事件机制,默认是冒泡,capture功能是将冒泡改为倾听模式。
2023-04-17 09:19:52 312
原创 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 1698
原创 vue项目切换页面beforeDestory不触发解决方法
vue项目切换页面beforeDestory不触发解决方法主要解决销毁当前页面实例时执行操作:可以使用路由守卫方法:使用组件内守卫:beforeRouteLeave (to, from, next) { // 导航离开该组件的对应路由时调用 this.ws.close(); //销毁时执行的代码 next() //允许跳转页面 },...
2021-07-08 11:47:20 6562
转载 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 694
原创 时间戳转换成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 678 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 5450
转载 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 234
原创 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 685
原创 改变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 512
原创 常用正则
常用正则一、校验数字的表达式数字: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 391
原创 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 160
原创 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 405 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 800
原创 Typescript
Typescript的学习1:什么是Typescript 1)Typescript不是新的语言,是JavaScript语言的超集 2)Typescript是由微软开发的开源编程语言,增加了非常有用的编译时类型检查特性*,最终被编译成JavaScript来执行2:为什么要学习Typescript提升自身技能2)增加了代码的可读性和可维护性,开发大型项目3)如果不显示定义类型,能够自动做出类型推论4)Typescript拥有活跃的社区缺点:增加学习成本 增加了设定类型
2021-01-20 10:49:00 182
原创 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 230
原创 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 4986
原创 ES6 node mysql笔记
一、严格模式1. 严格模式的声明"use strict";*目的 使代码更加严谨,为后期的版本做一个铺垫。*严格模式下的不同点在严格模式下函数里面的this返回的是undefined(禁止关键字this指向全局变量);在严格模式下,外部访问不到eval()中创建的任何变量或函数,为eval赋值也会导致错误(严格模式中 eval和arguments当做关键字,它们不能被赋值和用作变量声明);在严格模式下,变量或函数必须声明后才能够使用;在严格模式中,可以声明块级函数,并且可以在块
2021-01-20 10:42:48 647
原创 JS笔记
js概念什么是jsjs是一种基于对象和事件驱动的解释性脚本语言.基于对象: js可以使用自己创建出来的对象事件驱动: 由事件去触发的解释性: 编译性来说, 不需要进行编译打包,浏览器可以直接识别跨平台性: 只要有浏览器就可以识别执行组成部分: ECMAScript: 语法标准 DOM: 文档对象模型 BOM: 浏览器对象模型js可以做什么: \1. 数据请求 \2. 动态效果 \3. 表单验证引入方式行内: 很少内嵌: sc
2021-01-20 10:40:45 794
原创 HTML笔记
HTML初识1.常用5大浏览器(了解)浏览器 = 内核 + 外壳 shell内核 = 渲染引擎(html+css) + js引擎(javascript)浏览器内核IETridentChrome 谷歌Webkit—>BlinkFireFox 火狐GeckoOpera欧朋PrestoSafariWebkit2. 前端三大要素HTML: 负责网页结构—》 有什么 (大小区域 ,图片 ,链接,音视频,文字)CSS: 负责网页样式—》
2021-01-20 10:37:19 3573
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人