前端
tiandaochouqin_1
这个作者很懒,什么都没留下…
展开
-
如何查看当前所用浏览器版本是否支持Vue3+ElementUIPlus
1. elementui-plus环境支持:来源:Element Plus - The world's most popular Vue 3 UI framework2. 查看当前浏览器以及版本2.1 查看用的是什么浏览器function userBrowser () { var browserName = navigator.userAgent.toLowerCase(); if(/mise/i.test(browserName) && !/op.原创 2022-05-12 14:24:24 · 3922 阅读 · 0 评论 -
多处使用window监听键盘,只有一处生效
多处使用window监听键盘,只有一处生效:mounted() {window.onkeydown = (e) => {this.handleKeyDown(e)}}使用的地方改为:mounted() { window.addEventListener("keydown", (e) => { this.handleKeyDown(e) })}...原创 2022-04-29 20:35:08 · 527 阅读 · 0 评论 -
css实现M书签图案
div { background-color: whitesmoke; border: 2px solid #eee; border-top: 0; width:100px; height:100px; position:relative;}div:before { content:""; width:0; height:0; position:absolute; left:100px; top:18p...原创 2021-12-29 18:59:07 · 941 阅读 · 2 评论 -
vue在页面中修改url地址
1.安装依赖包 webpack-mergenpm i webpack-merge或者yarn add webpack-merge2.this.$router.push({ query:merge(this.$route.query,{'key':'value'})})// 将key、value更换为自己需要的即可原创 2021-12-17 14:58:54 · 3798 阅读 · 0 评论 -
chrome工具使用:暂停css动画进行调试
原创 2021-12-15 14:57:07 · 2055 阅读 · 0 评论 -
Vue中swiper的使用
参考大佬文章:vue中swiper vue-awesome-swiper的使用方法和爬坑大法_zyf_baby的博客-CSDN博客_vueawesomeswiper修改箭头颜色: .swiper-button-next { /* 改变颜色部分:007aff → FDBD1F */ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F20原创 2021-12-15 14:55:03 · 937 阅读 · 0 评论 -
javascript将时间HH:mm:ss转为时间戳
//时间处理-将时分秒转为时间戳 dealDateToUnix(time) { if (time !== null) { let s = ""; let hour = time.split(":")[0]; var min = time.split(":")[1]; var sec = time.split(":")[2]; s = Number(hour * 3600) ...原创 2021-11-11 17:44:23 · 1463 阅读 · 0 评论 -
window.onload里面的内容为什么不一开始就执行?
html5:不用写<style type="text/css">中的type="text/css"原创 2021-09-28 11:04:00 · 114 阅读 · 0 评论 -
BootStap导航的active样式切换
在官方给出的导航组件中active固定在第一个导航项的位置,active样式无法进行切换。注:需要引入jquery以及bootstrap。<ul class="nav navbar-nav"> <li class="active"><a href="#a">a <span class="sr-only">(current)</span></a></li> ...原创 2021-06-25 10:05:03 · 1207 阅读 · 0 评论 -
表格表头固定,超过一定高度,除表头部分显示滚动条(Vue)
// 表头固定,超过一定高度,table除表头部分外显示滚动条<template><div><table> <thead :class="loanCharacteristicsDataHeight > 400 ? 'loanThead' : '']"> <tr class="bgtit"> <th width="18%">A</th> <.原创 2021-06-21 16:24:07 · 738 阅读 · 0 评论 -
【前端】async+await 控制代码执行顺序
背景原创 2021-06-18 19:22:58 · 603 阅读 · 0 评论 -
【前端】(五)ES6新特性之字符串拓展
目录字符串模板字符串查找字符串以谁开头/结尾重复字符串填充字符串字符串模板let name = abclet age = 18let str = 'My name is'+name+'and my age is'+age//字符串模板let str2 = `My name is ${name} and my age is ${age}` 字符串查找查找是否有bananalet str = 'apple banana orange'//之前: indexOfstr.indexOf(原创 2020-08-27 16:59:08 · 163 阅读 · 0 评论 -
【前端】(四)ES6新特性之解构赋值
目录什么是解构赋值用于数组时用于对象时什么是解构赋值等号左右两边的格式一样,就可以将右边的值赋值给左边的变量,这种写法实质是“模式匹配”。举个例子:以前赋值:var a = 1;var b = 2;var c = 3;解构赋值:var [a, b, c] = [1, 2, 3];解构赋值不仅适用于var命令,也适用于let和const命令。只要某种数据结构具有Iterator接口,都可以采用数组形式的解构赋值。用于数组时要求:等号右边必须为数组基本用法:var [a,原创 2020-08-27 16:03:31 · 152 阅读 · 0 评论 -
【前端】(三)ES6新特性之箭头函数
这里写目录标题箭头函数写法好处箭头函数的this指向拓展:this指向问题(1)默认绑定规则(2)隐式绑定(3)隐式绑定丢失的情况推荐箭头函数箭头函数即使用箭头表示的函数。匿名函数才能改写为箭头函数。写法常见的函数写程箭头函数:let num = function (a) { return a*2;}//写成箭头函数形式,function(a) 变成 =(a)=>let num = (a) => { return a*2}//当只有一个参数的时候,省略(),let原创 2020-08-20 23:17:41 · 171 阅读 · 0 评论 -
【前端】(一)JavaScript和ES5、ES6的关系
这里写目录标题一、JavaScript、ES5、ES6的关系JavaScript特点组成ES5ES6一、ES6新特性(1) let、constlet(声明变量)let特点是什么?和var的区别?关于作用域(2) 箭头函数(3) 模板字符串(4) 结构赋值(5) for of(6) import、export导入导出(7) set数据结构(8) ... 展开运算符(9) 修饰器@(10) class 类的继承(11) async/await(12) promise(13) symbol(14) Proxy代理原创 2020-08-04 09:17:28 · 769 阅读 · 2 评论 -
【前端】(二)ES6新特性之 let、const
目录let(声明局部变量)let特点是什么?和var的区别?关于作用域const(声明一个只读的常量)常见面试题let(声明局部变量)let特点是什么?作用域为 块级作用域、无变量提升、同一作用域内不可以重复声明和var的区别?var 作用域为 函数作用域、有变量提升、可以重复声明、有暂时性死区关于作用域作用域:JS(ES6之前)作用域有 全局作用域 、函数作用域(局部作用域)。ES6新增块级作用域。全局作用域:最外层函数和在最外层函数外面定义的变量拥有全局作用域。所有末定义直接赋原创 2020-08-04 09:15:05 · 193 阅读 · 0 评论