- 博客(32)
- 收藏
- 关注
RSS订阅原创 v-for循环懒加载
vue官网的一句话：使用 key 时，它会基于 key 的变化重新排列元素顺序，并且会移除 key 不存在的元素。③将请求到的参数push等插入到v-for循环的Arrar(Arrar2)中。①我们先将所有的待请求参数存到变量中，一般是Arrar(Arrar1)算是vue的一个特性吧，我们可以利用这个特性实现懒加载；②当用户进行交互的时候，我们再去拿对应的请求参数去请求。这时vue只会进行添加，而之前已经展示的数据并不会改变。说明数据变化时，如果key一样的dom并不会被清除。
2022-10-25 16:40:16
863
1
原创 el-table高度留白问题
给el-table的height或max-height设置高度后，最后一行可能会留白，不清除是是为什么；在method后，调用el-table的方法doLayout()就可以了。
2022-09-07 14:11:41
524
原创 e-charts地图+散点图分别实现分级显示
e-charts地图分级显示，散点图也分级显示；官网上只有单独的散点图分级显示或者单独的地图分级显示，这里我们把两者联系起来，通过。这里Json的代码不好上传给个网址吧。
2022-09-02 11:10:26
1688
原创 CSS父元素被子元素撑大，另外子元素高度百分比不生效
看一下显示的效果：发现child2虽然有height:100%，但是实际高度是0px，说明height:100%未生效；看一下显示的效果：发现child2的height:100%生效了。
2022-08-31 09:52:24
881
原创 CSS文本垂直居中
注意：vertical-align: middle不起作用，因为vertical-align属性只对行内元素有效，对块内元素无效，设置display: table-cell;（line-height：32px），因为一般浏览器默认的行高为16px；（line-height：32px），同上；flex布局也可以实现，这里不再介绍；注意：line-height的方式，
2022-08-24 14:55:10
111
原创 element组件popper-class属性设置弹出框类名
我们在做vue项目时，根据页面的ui设计，element的样式会被公共的去修改，而不是在vue组件中，但是有的地方element有特例，需要我们单独去修改，而el-cascader、el-time-select、el-date-picker、el-select等有弹出框的组件，我们发现，我们在组件scoped限制下通过class是取不到弹出框的（当然我们可以将scoped的限制去掉，可以取到，但是会影响到项目其他地方的样式）。class是element自动给设置的。
2022-08-24 14:38:26
3019
原创 自执行函数
不需要了解太多原理、原因，这是一种函数执行方式，了解见过就行了本来函数的执行 function fun() { console.log("Boy,next door!"); } fun();而自执行函数就是匿名函数的执行 (function () { console.log("Boy,next door!"); }())因为function(){}(),这样的格式JavaScript不把function(){}这段识别成函数，而在外面加上()就可以识
2022-05-10 09:39:50
132
原创 nginx发布前端项目——以腾讯云服务器为例
云服务器获取云服务器首先去腾讯云的官网（腾讯云 - 产业智变 云启未来 (tencent.com)），买一个云服务器：去最新活动这边，对于第一次尝试，看看有什么便宜的服务器，哪个便宜买哪个，不用在意什么G，什么核，这都是性能。（记得买windows的，本人太菜，暂时还不会linux）怎么买就不多说了，跟逛淘宝买衣服一样，挑自己想要的，这里我买的是一个轻量级的服务器（58元，割肉了，但是投资自己，不心疼）找到控制台，修改服务器密码等等（图中马赛克掉的是ip，后面懒得..
2022-05-07 11:18:19
702
原创 CSS的opacity设置背景透明，字体不透明
opacity属性会使子元素也生效，而且子元素再设置opacity：1；是没有作用的；<body> <div class="demo"> <div class="a">woshi213sdfdf</div> </div></body> <style> .demo { background-color: burlywood; opacity: 0.5; }
2022-04-24 09:00:57
5223
1
原创 调整echarts的样式
方法一：创建echarts时写在setOption(data)的data里面 projectData: { //滚动条 dataZoom: [ { start: 0, //默认为0 end: 100 - 1500 / 31, //默认为100 type: "slider", show: true, xAxisIndex...
2022-04-20 16:39:40
4253
原创 bus全局传值
emit()两个参数，一个是名称，一个传出的数据//一般写在methods下this.$bus.$emit("close"，data);//一般写在monthod下，组件挂载之后就开始监听this.$bus.$on("close",(data)=>{//执行操作})//别忘记销毁,一般写在destroyed下面this.$bus.$off("close")...
2022-04-20 16:04:56
517
原创 vue中引用Json文件
我们用import引用文件的时候，被引用的文件都会用export暴漏，比如js，而有一些文件不需要暴漏，如Json、img（图片）、css;import 引用Json文件import aaaa from "./a.json"//aaaa是变量，可以随便命名
2022-04-20 15:55:24
4232
原创 vue-router默认的开始界面
router的children的初始页面，可以用redirect定义初始页面 { path: "/helloworld", name: "HelloWorld", component: HelloWorld, //进入时默认路由为"/1" redirect: "/1", children: [ { path: "/1", name: "ahomepage", component: ahomepa
2022-04-20 15:46:51
8753
原创 js字符串拼接效率问题
一般来说字符串拼接我们会直接去将String相加，前端一般不考虑效率问题，但是如果数据量大，我们还是要考虑那么亿点点；这里我们来测试一下字符串拼接和数组拼接后利用join方法生成字符串的效率；我们这里想要生成"a,b,c,d,e,f,g·····"，逗号相隔的字符串上代码，测效率； //生成随机数组，10000长度 let arr = Array(10000); for (let i = 0; i < arr.length; i++) { let obj = {
2022-04-20 15:26:41
781
2
原创 使用deep选择器的原因
在做vue项目时，我们有时候会用到deep深度选择器，又可以写成>>>。使用的原因是因为scoped；原因：①因为vue是组件试的开发，所以我们在每个组件下写css样式的时候都会在style标签上加上scoped，scoped作用是使组件的css不会对子组件起作用。相信大家在控制台上都会看到标签会多出data-v-xxxxx属性，这是scoped自动添加的，标签只有有对应的data-v-xxxxx属性，组件的css才会起作用。②然而scoped会给当前组件的所有标签加data-v-
2022-04-20 14:18:19
574
原创 forEach循环不能用break
相信很多朋友在用break结束forEach循环的时候都会报出错误因为forEach是一个函数，所以不能用break来结束，那怎么办呢？有两种方法第一种：因为forEach是函数，所以可以利用return结束； let a = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; // 用return代替break a.forEach((item) => { if (item > 5) { return; } else { ..
2022-04-15 10:05:15
3536
原创 vue的组件的生命周期
在vue的官网上，有一个很难懂的图，还是英文的········简单总结一下，方面处理数据和渲染dombeforeCreate：dom和data以及motheds未定义； creaded：dom未定义，data和motheds定义； beforemount：dom和data以及motheds已经定义，但是dom上利用的data和motheds并没有被赋值和渲染； mounted：dom和data以及motheds已经定义，并且已经渲染； beforeUpdate和updated都是在data改
2022-04-01 18:08:22
4132
原创 localStorage和sessionStorage
localStorage - 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除。 sessionStorage - 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。方法： 不管是 localStorage，还是 sessionStorage，可使用的API都相同，常用的有如下几个（以localStorage为例）： 保存数据：localStorage.setItem(key,value); 读取数据：localStorage.getItem(
2022-04-01 17:50:13
79
原创 js实现Object深拷贝传值不传址
在进行变量赋值的时候，有浅拷贝、深拷贝等情况，何为深拷贝浅拷贝就不说了，这里我们只说如何实现深拷贝传值不传址我们可以利用Json的parse、stringify两个方法原本的深拷贝： let a = { name: "cccc", age: 15 } let b = a b.name = "SBBBB" console.log(b) console.log(a)看一下控制台输出：原本的a也随着b的改变而改变了利用Json的parse、strin
2022-03-31 09:59:53
1339
原创 CSS实现回到顶部
不罗嗦了，代码上有注释HTML<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>back to top</title> <link rel="stylesheet" type="text/css" href="try.css" /> <script src="main.js"></script>&l
2022-01-21 12:25:05
1440
原创 css中width:auto的transition过渡
遇到个问题，利用css的transition过渡做折叠时，height为auto导致过渡不生效！这里我们用scrollHeight去获取并设置div的高度去解决问题，首先我们先来看一下scrollHeight属性scrollHeight<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Document</title></head>
2022-01-20 18:03:18
1237
原创 CSS背景图片自适应大小
这里只介绍两种方式，一种是利用<img>标签，一种是设置style的background；当然肯定不止这两种方式<img>标签/* css */img{ position: fixed; width: 100%; height: 100%; z-index: -1;}backgroundbody { background: rgb(129, 155, 190) url(背景.jpeg); /* 决定背景图像的位置是在视口内固定
2022-01-14 13:47:29
17685
原创 js的布尔运算符
取反运算符（!）！！！！先来说一下取反运算符 ! 的用法。本来 ! 的作用是将boolean类型取反，即true和false的相互转化；!true // false!false // true同时 ! 的后面可以跟非boolean其他的数据类型，对于非布尔值，取反运算符会将其转为布尔值；除了以下5个值经过 ! 过后的结果为true，其他的全部都是为falseundefined null 0 NaN 空字符串（''）!undefined // true!null
2022-01-05 17:32:10
1593
原创 修改网页的title
window.document.title = "网站名字"document节点对象代表整个文档，每张网页都有自己的document对象。window.document属性就指向这个对象。只要浏览器开始载入 HTML 文档，该对象就存在了，可以直接使用。...
2021-12-16 17:58:59
444
原创 ES6的const
据我所知道的，现在js变量的命令有三个：var、let、const；这里来说一下const；const声明一个只读的常量。一旦声明，常量的值就不能改变，而且一旦声明变量，就必须立即初始化，不能留到以后赋值。const a = 3;a // 3a = 6;// TypeError: Assignment to constant variable.修改变量a的值后，会报出TypeError: Assignment to constant variable的错误；const a;//
2021-12-13 18:17:20
445
原创 Vue中的$event
<!-- dom --><div id='app'> <div @click='change($event)'>funck</div></div><script>// 操作new Vue({ el:'#app', data: { }, methods:{ change(event){ console.log(event); console..
2021-12-01 18:19:18
721
原创 js中字符串大小比较
console.log('2'>'1') //trueconsole.log('a'>'b') //falseconsole.log('abc'>'a') //trueconsole.log('abc'>'acb') //falsejs的字符串在进行大于(小于)比较时，会根据第一个不同的字符的ASCII码值进行比较。如果第一个字符的ASCII码值相同，则比较第二个；依次类推...
2021-11-18 18:24:51
2657
原创 js的import引用./、../、{}
js中可以用import和require来引用文件内的函数、变量等。这里我们来说一下import的引用；../引用是指到了父级文件夹下的文件；import headerOne from '../views/header.vue'import menuone from '../views/menu.vue'import tabs from '../views/tabs.vue'而./则是在同一文件夹下import './plugins/element.js'对于变量名，有.
2021-11-18 09:03:41
2346
原创 Vue的emit方法，子组件向父组件传递参数
Vue的子组件向父组件传递参数，提供了$emit方法$emit有两个参数，$emit(‘事件名’,传递的参数)，两个参数后续说明，上代码；<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>v-model</title> <script src="vue.js"></script&...
2021-10-21 18:36:23
6205
原创 python爬取王者荣耀高清图
原理请看：Python？30行代码？爬取王者荣耀所有英雄皮肤图片？_易果啥笔的博客-CSDN博客我稍微改了一下：因为王者这个herolist.json文件里的信息更新的不太及时，导致爬取出来的皮肤有很多的缺漏；具体修改的herolist.json文件里的"skin_name"进行了补充，大家也可以把每个英雄缺漏的皮肤名字加上，修改后的herolist.json文件就在自己的电脑上了，直接读取就可以了；代码是这样的：import requestsimport osimport js.
2021-10-13 17:58:04
314
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人