- 博客(70)
- 收藏
- 关注
RSS订阅
原创 vue传值之父子组件传值、bus传值、vuex传值、其他方式传值…
vue之组件传值的几种方式前言一、父子组件传值二、子组件通过emit来触发父组件的自定义事件三、兄弟之间通过bus总结前言vue的组件传值分为三种方式：父传子、子传父、非父子组件传值引用官网的一句话：父子组件的关系可以总结为 prop 向下传递，emit向上传递，兄弟之间用bus。一、父子组件传值子组件<template> <div class="child"> {{ message }} </div></templa
2021-05-31 17:52:14
7120
原创 前端面试题（附答案）完善中……
前端面试笔记前言一、HTML篇1.语义话的目的是什么？⭐2.HTML5新特征⭐⭐⭐3.cookie与sessionStorage和localStorage的区别⭐⭐⭐二、CSS篇1.css有哪些基本的选择器，执行先后顺序？⭐2.垂直居中DIV⭐⭐⭐3.两栏布局左边固定右边自适应⭐⭐3.三栏布局左右固定中自适应⭐⭐4.常用的块与行属性内标签有哪些？有什么特征⭐⭐5.清除浮动⭐⭐⭐6.CSS3新特征⭐⭐⭐7.介绍一下盒模型⭐⭐8.CSS中有哪些长度单位？⭐⭐9.display:none和visibility:h
2021-04-19 09:52:47
144703
48
原创 前端面试题之CSS布局问题
前端CSS布局问题垂直居中DIV两栏布局左边固定右边自适应三栏布局左右固定中自适应垂直居中DIVHTML部分 <div class="father"> <div class="son">我是垂直居中的div</div> </div>这里简单给出几种1.绝对定位（盒子宽高已知） .father { position: relative; width: 500
2021-04-12 23:15:56
21261
5
原创 数组一些常用的方法
1.添加1-1：push()向数组末尾添加一个或多个元素返回新数组的长度let arr=[1,2,3] arr.push(4,5) console.log(arr)打印出来的结果为：(5) [1, 2, 3, 4, 5]1-2:unshft()向数组的开头添加一个或多个元素返回新数组的长度 let arr=[1,2,3] arr.unshift(4,5) console.log(arr)打印出来的结果为：(5) [4, 5, 1, 2,
2020-07-01 15:05:29
10590
5
原创 封装一个vue3的公共组件
如果你发现某个组件在多个地方重复使用，那么将其封装成公共组件是很有意义的。：定义一个公共的快递组件选择，首先在项目的src下面定义一个文件夹components，然后在里面创建文件ExpressList.vue。：当有一些组件是业务无关的，并且可以在不同的项目中重复使用时，将其封装成公共组件。：有些复杂的组件可以被拆分成若干公共组件，每个公共组件承担不同的责任，这样做不但提高了可维护性，也方便了代码的重用。到这里一个基础的下拉选择快递的公共组件模版就完成了，最后那么在项目里面怎么使用呢？
2024-04-02 18:15:25
1808
原创 vue中循环多个li(表格)并获取对应的ref
我想要获取每一个循环并获取每一个li(或者其它循环项)的ref，以便于后续的操作。就是所有li的集合的ref，这样就可以继续进行后续的操作了。可以用以下的方法获取每一个项目的ref。打印(el, index)的值如下。这样可以获取对应li的ref了。表格项，就可以用下面的代码。举例：如果我想要进行。
2024-02-26 18:10:18
707
原创 vue3实现详情页返回列表页，返回原来列表页滚动条所在的位置
因为Vue3 组合式api路由没有这个导航守卫了，所以没法用。:如果是vue2或vue3选项式 API可以直接。在app.vue 根文件下定义代码。在列表页面使用，并使用。
2023-10-23 18:14:06
2189
原创 vue3 + element Plus实现表格根据关键字合并行，并实现行的增删改操作
关于修改，其实和新增差不多这里就没有写了，合并表格并实现增删改查的功能就是这些。
2023-10-12 00:42:30
2095
原创 JS中 Math 和 Number 内置对象常用的一些方法
注意事项：返回值是布尔类型，如果 value 是一个有限的数字，则返回 true；参数：radix，表示转换成字符串时使用的基数（进制数），在 2 ~ 36 范围内。如果字符串的第一个字符不能解析为数字，则返回 NaN。注意事项：返回值是布尔类型，如果 value 是一个整数，则返回 true；参数：digits，一个 >= 0 且 <= 20 的整数，表示结果需要保留的小数位数。, numN，需要比较的数值，可以是任意个数的参数。, numN，需要比较的数值，可以是任意个数的参数。参数：base，底数；
2023-05-18 00:15:31
586
原创 Client does not support authentication protocol requested by server； consider upgrading MySQL client
于是打开MySQL 8.0 Command Line Client，并输入数据库的初始密码。意思是让我升级Mysql，这肯定不可能的啊，于是在网上查了一下。说的是 安装的是MySQL8，需要重置root的密码。表示连接成功，可以继续接下来的事情了~~~~安装配置mysql模板时报错。
2023-05-09 23:12:25
112
原创 JS中Object方法大全
Object.isExtensible(obj)：判断一个对象是否可扩展（是否可以添加新属性）。Object.seal(obj)：防止一个对象被封闭（不能再添加、删除属性，但可以修改属性值）。Object.isSealed(obj)：判断一个对象是否被封闭（不能再添加、删除属性）。Object.entries(obj)：返回一个对象所有可枚举的属性的。Object.values(obj)：返回一个对象所有可枚举的属性的。Object.keys(obj) :返回一个对象所有可枚举的属性的。
2023-04-15 22:47:20
919
原创 JS代码实现一个数组里面任意两个数相加等于另一数
给定一个和一个，请在数组中找出和为目标值target的那两个整数。数组里面的值不会重复，返回值只有一种答案。列举 输入 arr = [1, 2, 3, 4, 5] ,target = 9输出[4, 5]
2023-03-26 21:06:25
3874
4
原创 前端面试hr经常会问的问题
这里记录了一些面试中hr或者项目负责人经常会问的一些问题，可以提前参考参考，想想该怎么回答，为之后的面试做好准备！待续……
2023-03-13 17:49:50
2228
原创 JS根据当前时间获取指定时间相差多少时刻
有个bug，在代码在电脑上面可以运行，但是发送到手机点击运行的时候，input日期选择器、type=datetime-local生成的时间直接。开始时间默认为当前时间，结束时间可以选择(默认过年的时间)，这里求当前时间到某一段时间段相差多少时间。还请大佬来解答一哈。猜想可能是手机上面的日期和电脑的格式不一样？当然开始时间也可以设置成可以选择的时间。Invalid Date(无效日期)
2022-12-28 17:41:48
687
原创 关于渲染echarts图表宽度只显示100px
如图本来渲染echarts 写的css样式为渲染出来页面却变成了这样审查元素发现元素宽度变成了100px,本来应该为658px的。但是变成了100px,最后发现这个弹框用的v-show渲染的，把v-show缓存v-if就好啦应该是eharts中dom元素渲染的原因最后看效果
2022-12-07 17:19:30
825
原创 高德地图根据经纬度获取地址信息
主要是使用高德里面的这个方法，根据逆向地理编码：将地理坐标（经纬度）转换成地址描述信息，对应为AMap.Geocoder的getAddress方法。具体使用的代码为最后看效果这是传的经纬度与解析出来的地理位置如果需要正向解析将地理位置变成经纬度那么需要用到这个方法操作步骤是一样的，具体可以看官网地理编码与逆地理编码
2022-12-05 17:47:58
12241
原创 使用 echarts 数据发生变化，可图表却没有重新渲染
因为图表默认没有更新，不需要重渲染，这个时候可以通过重新渲染的方式解决。在使用 echarts 时节点和数据都正常，但是图表没有重新渲染。
2022-09-26 15:49:28
3198
原创 vue文件在html中直接引用 import 传过来的方法报错Error in render: “TypeError: _vm.XXXX is not a function“
在写组件时直接在html中使用 import过来的方法XXXX报错。所以方法跟变量一样最好再赋值、声明一次后使用。这样写直接报错，因为。
2022-09-21 11:05:32
5061
2
原创 view-design组件使用Vue+Input+Table实现动态搜索值并单选
使用了input更方便、简洁，下面上封装的大致代码。实现的效果如图输入名字，动态模糊查找名字展示相关名字的表格列表，单击选择名字后则关闭表格。
2022-08-10 18:03:02
1419
原创 安装vue create hello-vue3时报错”无法加载文件，在此系统上禁止运行脚本“
用新电脑第一次使用命令下载比如vue、npm、rimraf安装包时报错”无法加载文件，在此系统上禁止运行脚本"因为 Restricted 执行策略不允许任何脚本运行。解决办法 ：
2022-07-08 16:16:02
722
1
原创 ivew组件使用Vue+Select+Tree实现单选
实现的功能：Select实现tree的单选，默认选择全部。这里用的View U Ui+vue2实现的
2022-07-05 11:41:47
904
原创 CSS animation属性
先看简单的效果图这是源代码关键代码 animation:name(名称)duration(需要多少秒完成)timing-function(如何完成一个周期)delay(启动前的延迟间隔)iteration-count(播放次数)direction(是否轮流反向播放动画)fill-mode(当动画不播放时（当动画完成时，或当动画有一个延迟未开始播放时），要应用到元素的样式。)play-state(动画是否正在运行或已暂停)详情可看CSS3 animation（动画） 属性...
2022-06-02 00:38:05
141
原创 vue+element实现 动态取消勾选 和 分页时保留已选的数据
首先看效果图通过已选人员的删除实现表格勾选的取消。关键代码是使用element里面的toggleRowSelection这个关键方法保留已选的数据使用的是reserve-selection要配合row-key一起使用上代码表格数据 <el-table ref="userTable" size="small" :data="tableData" row-key="id" style="width: 100%;
2022-05-09 11:21:14
1802
原创 报错： Method “XXX“ has already been defined as a data property.
翻译出来的意思大致就是: 方法“XXX”已被定义为数据属性。什么意思呢？就是方法名字和属性名字重复了！！！解决方法：修改属性名字或者方法名字就行了！
2022-04-04 17:17:55
4076
原创 两个数组对象，根据关键id去重，并返回一个新的数组
const a = [ { objId: '1', objName: 'mike' }, { objId: '2', objName: 'marry', }, { objId: '3', objName: 'jack', }, { objId: '4', objName: 'uzi', }, { objId: '5', objName: 'clearLove', }, ...
2022-03-09 18:37:07
1066
原创 2022新的Echarts Demo 网址
由于之前使用Echarts的一款Demo --> make a pie在一月底被关闭（弃用）了，最近在网上找资源的时候发现了大佬创作的一个新的demo网址 —— ——https://www.isqqw.com/#/homepage跟以前的make a pie差不多类型的还很好用！！！网址放在上面了，非常好用~~...
2022-02-14 15:42:00
955
3
原创 vue3.0动态循环icon点击变色，再次点击取消选中
先看效果图点击后发生改变开始上代码html部分 <div class="left-circle"> <div class="whole-circle" ref="wholeCircle"></div> <div class="whole-list"> <ul> <li v-for="(item, index) in newAr
2022-01-24 17:18:39
1297
原创 vue3.0简单实现点击li改变列表颜色
默认选择的第一个，当选择第二个时，只有第二个变颜色html代码 <ul> <li :class="{ actived: index == isactive }" v-for="(item, index) in textList" :key="index" @click="nameSelect(item.name, index)" > {{
2022-01-21 10:43:06
1121
原创 用JS实现的一个贷款计算器
最终实现的效果，如图HTML <table id="myTable"> <tr> <th>输入贷款数据</th> <td></td> <th>贷款余额、贷款金额和利息支付</th> </tr> <tr> <td>贷款金额 (
2022-01-06 17:45:03
1603
原创 数组去重 arr=[1, “a“, { b: 2 }, { c: 3 }, { b: 2 }, “1“, “a“, 1]
去重数组：[1, “a”, { b: 2 }, { c: 3 }, { b: 2 }, “1”, “a”, 1]想得到的返回值：[1, ‘a’, {b:2}, {c:3}, ‘1’]相比普通的数组去重这种数组里面既有对象又有普通的number和string那么该怎么做呢？？先试试es6的new Set()（注意Set要大写）方法注意看普通的是去除了，可不是想要的结果，因为对象没有去除。那么该怎么办呢？？？在根据对象关键字比如id、name去重这种做过过，但是不通过关键字怎么做呢。我采用的是J
2021-10-18 15:25:02
2215
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人