自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 前端面试题 — — vue篇

这里是关于前端vue面试的一些题,我整理了一些经常被问到的问题,出现频率比较高的问题,以及个人经历过的问题。

2023-05-16 15:24:49 5193 1

原创 前端自我简介

面试官您好,我叫XX。我呢是从XX年开始工作,有X家公司的工作经验…

2022-05-17 19:30:52 605

原创 vue传值之父子组件传值、bus传值、vuex传值、其他方式传值…

vue之组件传值的几种方式前言一、父子组件传值二、子组件通过emit来触发父组件的自定义事件三、兄弟之间通过bus总结前言vue的组件传值分为三种方式:父传子、子传父、非父子组件传值引用官网的一句话:父子组件的关系可以总结为 prop 向下传递,emit向上传递,兄弟之间用bus。一、父子组件传值子组件<template> <div class="child"> {{ message }} </div></templa

2021-05-31 17:52:14 6953

原创 前端面试题(附答案)完善中……

前端面试笔记前言一、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 141283 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 20963 5

原创 数组一些常用的方法(es5+es6)

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 10279 3

原创 封装一个vue3的公共组件

如果你发现某个组件在多个地方重复使用,那么将其封装成公共组件是很有意义的。:定义一个公共的快递组件选择,首先在项目的src下面定义一个文件夹components,然后在里面创建文件ExpressList.vue。:当有一些组件是业务无关的,并且可以在不同的项目中重复使用时,将其封装成公共组件。:有些复杂的组件可以被拆分成若干公共组件,每个公共组件承担不同的责任,这样做不但提高了可维护性,也方便了代码的重用。到这里一个基础的下拉选择快递的公共组件模版就完成了,最后那么在项目里面怎么使用呢?

2024-04-02 18:15:25 975

原创 vue中循环多个li(表格)并获取对应的ref

我想要获取每一个循环并获取每一个li(或者其它循环项)的ref,以便于后续的操作。就是所有li的集合的ref,这样就可以继续进行后续的操作了。可以用以下的方法获取每一个项目的ref。打印(el, index)的值如下。这样可以获取对应li的ref了。表格项,就可以用下面的代码。举例:如果我想要进行。

2024-02-26 18:10:18 612

原创 vue3实现详情页返回列表页,返回原来列表页滚动条所在的位置

因为Vue3 组合式api路由没有这个导航守卫了,所以没法用。:如果是vue2或vue3选项式 API可以直接。在app.vue 根文件下定义代码。在列表页面使用,并使用。

2023-10-23 18:14:06 2001

原创 vue3 + element Plus实现表格根据关键字合并行,并实现行的增删改操作

关于修改,其实和新增差不多这里就没有写了,合并表格并实现增删改查的功能就是这些。

2023-10-12 00:42:30 1967

原创 layui laydate实现日期选择并禁用指定的时间

最终实现禁用2023-9-26这天的效果。

2023-10-08 14:59:49 3037

原创 scss实现星空效果

HTML代码很简单,就四个速度不同、大小不同、无线循环滚动的div和一个背景图。

2023-06-13 00:43:37 1508 2

原创 JS中字符串一些常用的方法

【代码】JS中字符串一些常用的方法。

2023-05-24 00:31:29 563

原创 JS中 Math 和 Number 内置对象常用的一些方法

注意事项:返回值是布尔类型,如果 value 是一个有限的数字,则返回 true;参数:radix,表示转换成字符串时使用的基数(进制数),在 2 ~ 36 范围内。如果字符串的第一个字符不能解析为数字,则返回 NaN。注意事项:返回值是布尔类型,如果 value 是一个整数,则返回 true;参数:digits,一个 >= 0 且 <= 20 的整数,表示结果需要保留的小数位数。, numN,需要比较的数值,可以是任意个数的参数。, numN,需要比较的数值,可以是任意个数的参数。参数:base,底数;

2023-05-18 00:15:31 556

原创 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 100

原创 flex布局属性详解

Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。

2023-04-25 00:54:03 1145

原创 数组对象根据关键id去重

数组根据关键id去重得到结果为。

2023-04-15 23:46:47 849

原创 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 819

原创 JS代码实现一个数组里面任意两个数相加等于另一数

给定一个和一个,请在数组中找出和为目标值target的那两个整数。数组里面的值不会重复,返回值只有一种答案。列举 输入 arr = [1, 2, 3, 4, 5] ,target = 9输出[4, 5]

2023-03-26 21:06:25 3842 4

原创 彻底了解var、let、const变量的区别

的错误,最好还是不要重复声明同一个变量。

2023-03-24 16:38:19 1797

原创 前端面试hr经常会问的问题

这里记录了一些面试中hr或者项目负责人经常会问的一些问题,可以提前参考参考,想想该怎么回答,为之后的面试做好准备!待续……

2023-03-13 17:49:50 2069

原创 JS根据当前时间获取指定时间相差多少时刻

有个bug,在代码在电脑上面可以运行,但是发送到手机点击运行的时候,input日期选择器、type=datetime-local生成的时间直接。开始时间默认为当前时间,结束时间可以选择(默认过年的时间),这里求当前时间到某一段时间段相差多少时间。还请大佬来解答一哈。猜想可能是手机上面的日期和电脑的格式不一样?当然开始时间也可以设置成可以选择的时间。Invalid Date(无效日期)

2022-12-28 17:41:48 671

原创 关于渲染echarts图表宽度只显示100px

如图本来渲染echarts 写的css样式为渲染出来页面却变成了这样审查元素发现元素宽度变成了100px,本来应该为658px的。但是变成了100px,最后发现这个弹框用的v-show渲染的,把v-show缓存v-if就好啦应该是eharts中dom元素渲染的原因最后看效果

2022-12-07 17:19:30 791

原创 高德地图根据经纬度获取地址信息

主要是使用高德里面的这个方法,根据逆向地理编码:将地理坐标(经纬度)转换成地址描述信息,对应为AMap.Geocoder的getAddress方法。具体使用的代码为最后看效果这是传的经纬度与解析出来的地理位置如果需要正向解析将地理位置变成经纬度那么需要用到这个方法操作步骤是一样的,具体可以看官网地理编码与逆地理编码

2022-12-05 17:47:58 11425

原创 使用 echarts 数据发生变化,可图表却没有重新渲染

因为图表默认没有更新,不需要重渲染,这个时候可以通过重新渲染的方式解决。在使用 echarts 时节点和数据都正常,但是图表没有重新渲染。

2022-09-26 15:49:28 3084

原创 vue文件在html中直接引用 import 传过来的方法报错Error in render: “TypeError: _vm.XXXX is not a function“

在写组件时直接在html中使用 import过来的方法XXXX报错。所以方法跟变量一样最好再赋值、声明一次后使用。这样写直接报错,因为。

2022-09-21 11:05:32 4969 2

原创 JS判断空字符串、数组、对象常用的方法

JS判断空字符串、数组、对象

2022-08-12 18:31:31 461

原创 view-design组件使用Vue+Input+Table实现动态搜索值并单选

使用了input更方便、简洁,下面上封装的大致代码。实现的效果如图输入名字,动态模糊查找名字展示相关名字的表格列表,单击选择名字后则关闭表格。

2022-08-10 18:03:02 1376

原创 安装vue create hello-vue3时报错”无法加载文件,在此系统上禁止运行脚本“

用新电脑第一次使用命令下载比如vue、npm、rimraf安装包时报错”无法加载文件,在此系统上禁止运行脚本"因为 Restricted 执行策略不允许任何脚本运行。解决办法 :

2022-07-08 16:16:02 697 1

原创 ivew组件使用Vue+Select+Tree实现单选

实现的功能:Select实现tree的单选,默认选择全部。这里用的View U Ui+vue2实现的

2022-07-05 11:41:47 887

原创 HTML+CSS+JS+Vue实现点击开始滚动数字暂停则停止

HTML+CSS+JS实现滚动循环选择数字、抽奖

2022-06-17 01:22:12 662

原创 CSS animation属性

先看简单的效果图这是源代码关键代码 animation:name(名称)duration(需要多少秒完成)timing-function(如何完成一个周期)delay(启动前的延迟间隔)iteration-count(播放次数)direction(是否轮流反向播放动画)fill-mode(当动画不播放时(当动画完成时,或当动画有一个延迟未开始播放时),要应用到元素的样式。)play-state(动画是否正在运行或已暂停)详情可看CSS3 animation(动画) 属性...

2022-06-02 00:38:05 133

原创 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 1752

原创 报错: Method “XXX“ has already been defined as a data property.

翻译出来的意思大致就是: 方法“XXX”已被定义为数据属性。什么意思呢?就是方法名字和属性名字重复了!!!解决方法:修改属性名字或者方法名字就行了!

2022-04-04 17:17:55 4023

原创 两个数组对象,根据关键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 1042

原创 2022新的Echarts Demo 网址

由于之前使用Echarts的一款Demo --> make a pie在一月底被关闭(弃用)了,最近在网上找资源的时候发现了大佬创作的一个新的demo网址 —— ——https://www.isqqw.com/#/homepage跟以前的make a pie差不多类型的还很好用!!!网址放在上面了,非常好用~~...

2022-02-14 15:42:00 934 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 1253

原创 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 1023

原创 用JS实现的一个贷款计算器

最终实现的效果,如图HTML <table id="myTable"> <tr> <th>输入贷款数据</th> <td></td> <th>贷款余额、贷款金额和利息支付</th> </tr> <tr> <td>贷款金额 (

2022-01-06 17:45:03 1572

原创 关于使用overflow-y:auto;不生效的问题

使用overflow-y: auto;不生效

2021-12-15 17:48:14 11934 2

空空如也

空空如也

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

TA关注的人

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