自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 vue 3.0组件传参调用方法

vue3.0父组件和子组件传参和调用方法

2022-07-20 15:15:06 608 1

原创 elementplus的折叠面板el-collapse标题太长样式问题解决

elementplus的折叠面板el-collapse标题太长样式问题解决//样式穿透/deep/ .el-collapse-item__header { // height: 40px; line-height: 30px; height: auto; padding: 10px 0; }

2022-02-24 13:41:34 2099

原创 vue3.0引入element ui的问题

vue3.0引入element ui的问题根据element ui官网的写法在vue3.0暂时是不能使用的,但可以使用Element Plus安装命令:npm install element-plus --save在main.js中配置:import {createApp} from 'vue';import App from './App.vue'import ElementPlus from 'element-plus';import 'element-plus/lib/theme-cha

2021-02-24 15:41:35 1323

原创 Vue3 “export ‘createWebHistory, createRouter‘ was not found in ‘vue-router‘

Vue3 "export ‘createWebHistory, createRouter’ was not found in ‘vue-router’在vue3中vue-router写法要改变import { createRouter, createWebHistory } from 'vue-router'//import Router from 'vue-router'// Vue.use(Router) const routes = [ { path: '/home'

2021-02-24 13:21:04 9379 2

原创 css3动画--css3阴影--css3渐变

css3动画@keyframes 规则是用于创建动画的,在规则中必须设置:1.动画时长2.动画名称后续需要通过动画的名称来绑定到特定的选择器上实现效果。@keyframes {0% {background: red;}100%{background: yellow;}}什么是动画?动画是使元素从一种样式逐渐变化为另一种样式的效果0%开始动画,100%结束动画,在这之间可以...

2021-02-23 16:52:22 255

转载 Vue项目json数据导出Excel

Vue项目json数据导出Excel一、安装依赖npm i -S file-savernpm i -S xlsx二、在src目录下新建excel文件夹,新建json2excel.js,并引入依赖import { saveAs } from 'file-saver'import XLSX from 'xlsx/dist/xlsx.full.min'三、json2excel.js将json数据处理为xlsx需要的格式function datenum(v, date1904) { i

2021-02-23 11:21:13 310

原创 vue中滚动事件

先在methods里获取到滚动到顶部的距离methods:{ menu(){ //兼容写法 this.scroll = document.documentElement.scrollTop || document.body.scrollTop; console.log(this.scroll) } }在mounted钩子函数中触发定义的方法。mounted(){   window.addEventListe

2020-07-14 21:00:10 337 1

原创 js,css基础面试题总结(一)

1.div+css的布局较table布局有什么优点?改版的时候更方便 只要改css文件。页面加载速度更快、结构化清晰、页面显示简洁。表现与结构相分离。易于优化(seo)搜索引擎更友好,排名更容易靠前。2.为什么利用多个域名来存储网站资源会更有效?CDN缓存更方便突破浏览器并发限制节约cookie带宽节约主域名的连接数,优化页面响应速度防止不必要的安全问题3.优化图片加载,给用户更好的用户体验图片懒加载,在页面上的未可视区域可以添加一个滚动条事件,判断图片位置与浏览器顶端的距离与页面的

2020-06-30 20:24:33 313

原创 for循环,for...in循环,forEach循环的区别

for循环,for…in循环,forEach循环的区别forEach() 专门针对数组的循环遍历语法形式:数组.forEach(function(参数1,参数2,参数3){程序})参数1 : 数组当前项的值参数2 : 数组当前项的索引参数3 : 数组对象本身参数名称可以任意定义,参数个数,根据需求来定义forEach() 是es6内置方法但是你不能中断循环(使用break语句或...

2020-04-03 20:13:01 136

原创 冒泡排序,选择排序,数组去重

冒泡排序首先定义一个数组var arr = [1,3,5,2,4,6];原理:相邻的两个数字依次对比,若前者大交则换位置,并且重复操作,直到所有数字依次排好序。 程序的优化 1,内层循环优化1 : 内层循环次数-1 当前位和下一位比较 i 和 i+1 比较 当前循环的倒数第二位,已经和最后一位进行比较 当前循环的最后一位,只需要通过倒...

2020-03-22 14:39:38 162

原创 关于NaN

关于NaN1.什么是NaNjs中的NaN的意思是Not a Number出现以下情况为NaN:1.有非数值参与计算,结果就是 NaN2. 有NaN参与,结果就是NaN总结:NaN虽然表示是一个非数字 , 但是一般是算术运算执行的结果,因此NaN 仍然是 数值类型执行运算时 , 非加法运算 ,只要有NaN参与,执行结果都是NaN如果是加法运算 , 有 NaN 执行 字符串拼接操作...

2020-03-14 15:33:51 373

原创 flex 布局

flex 布局为一种布局方式,适用于容器,也适用于行内元素,就是弹性布局,使用此方法可以更方便的实现与float,position等相同的效果。语法是添加到父容器上的:   flex-direction: 布局的排列方向 (主轴排列方向)          &...

2020-03-03 18:18:56 92

原创 css3渐变,css3阴影,火焰字

css3渐变在两个或多个指定的颜色之间显示平稳的过渡。两种类型的渐变:线性渐变:方向 向下/向上/向左/向右/对角方向background-image:linear-gradient( red , yellow 50%, green 100%);默认是从上到下:to bottom从下到上:to top从左到右:to right从右到左:to left有角度:backgroun...

2020-02-22 17:33:46 189

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除