- 博客(55)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 前端全模块常见面试题与答案详解
???? 作者主页：????仙女不下凡???????? 前言介绍：以下???? 内容都是我个人对于前端面试题的一些总结，一部分是我自己自学时整理的资料，但是也不乏参考其他博主的博文连接，如有侵权请联系我，另外该文章也会定期更新欢迎持续关注！???? 欢迎点赞???? 收藏⭐ 留言???? 如有不足与错误敬请指正！????一、HTML与CSS部分1.HTML盒模型2.行元素与块元素区别3.flex弹性布局4.h5新特征5.css3新特征6.px、em与rem区别7.清除浮动8.垂直居中
2021-10-29 16:05:50
13607
4
原创 02.el-date-picker组件只可以选择未来时间，精确到时分秒
1.不可选择过去及当天时间（开始时间和结束时间没有做比较）2.只可以选择未来时间，下面的方法已经提前安装与引入。可以精确至时分秒，下面使用。下面代码为时间选择器。
2023-07-12 16:33:08
1412
1
原创 学习TypeScript快速入门
🍁 作者主页：💖仙女不下凡💖🍁 前言介绍：以下👇 内容是根据“阿宝哥”的教材自学总结，定期更新欢迎持续关注！🍁 学习前提：学习该文章之前需要有一定JS的基础，较为熟悉ES5及ES6的相关知识基础！🍁 欢迎点赞 👍 收藏 ⭐留言 📝 如有错误敬请指正！
2023-05-24 14:18:00
1298
原创 6.常见报错-已解决：v-on event ‘@showSizeChange‘ must be hyphenated
针对驼峰的错误提示，修改为连字符即可。
2023-05-11 16:26:19
3326
原创 常用方法——9.js中无区别分割中英文逗号的字符串成为数组
当后台传过来一个字符串需要前端分割成一个数组时，一般是以逗号分割，但后台传过来的字符串可能会是中英文逗号混合，这时候单纯的用split分割就会出现问题。其实只需要一行代码就可以解决。上述代码是使用vue作为示例来写的，主要思路就是先用replace将中文逗号全部转换为英文逗号，然后split进行分割。以下👇 内容都是我个人对于前端知识的总结，会定期更新欢迎持续关注！这样就可以获取到一个根据逗号分割的数组（无论中英文逗号）意思就是使用replace把中文逗号替换成英文逗号。然后就可以根据需要分割字符串了。
2023-04-07 16:51:37
837
原创 Vue3入门级别笔记-适用于入门
如果有重名setup优先）；setup不能是一个async函数，因为返回值不再是return的对象，而是promise，模板看不到return中的属性。4.setup函数的两种返回值：①若返回一个对象，则对象中的属性、方法，在模板中均可以直接使用（重点）②若返回一个渲染函数：则可以自定义渲染内容。里面其实兼容vue2的方法，但是不推荐，会有问题例如vue2可以读取3中的数据与方法，但是3中不能读取2的。优势：开发环境中，无需打包操作，可快速的冷启动、轻量快速的热承载、真正的按需编译（不多做了解）
2023-03-30 11:39:23
1123
原创 十一、Echart图表 之 series-line折线图（面积图）基本使用与配置大全
💕 series-line折线图（面积图）配置属性，具体使用请参考一下内容。
2023-03-29 15:42:42
3714
原创 常用方法——8.ant 气泡卡片Popover的样式修改 （vue3）
【代码】常用方法——8.ant 气泡卡片Popover的样式修改 （vue3）
2023-01-31 10:47:55
2000
4
原创 十、Echart图表 之 dataZoom区域缩放 基本使用与配置大全
✨参照官网，dataZoom中有两个对象如下，这样写是因为type分为与两种缩放方式，当type类型不同时，里面配置的属性略有不同，请根据实际需求使用✨其他属性请参考一下内容💕解释xAxisIndex、yAxisIndex、、的含义及用法，以xAxisIndex为例filter。
2022-11-02 11:46:43
9359
原创 九、Echart图表 之 grid组件用法 直角坐标系内绘图网格基本使用与配置大全
为例如下图，剩下的其他参数就是给红色框里面的网状格编辑样式的，这样理解起来就是方便多了。这个组件属性很少一般。
2022-10-28 18:22:17
2618
原创 TypeScript基本信息总结
return x + y } console . log(add(1 , 2)) // 输出3抽象类不能被实例化，只能被继承。} const person = new Person('why') console . log(person . name) // why const animal = new Animal() // 编译报错抽象类中的抽象方法必须被子类实现。// 子类必须实现抽象类中的抽象方法 eat() {
2022-10-19 14:33:16
739
原创 常用方法——5.vue超出限定字数显示...鼠标移入显示全称
🍈 前言介绍： 以下👇 内容都是我个人对于前端知识的总结，会定期更新欢迎持续关注！🍈 作者主页： 💖仙女不下凡💖。
2022-09-27 10:51:55
778
原创 八、Echart图表 之 series盒须图（箱体图）基本使用与配置大全
🍓 作者主页：💖仙女不下凡💖🍓 前言介绍：以下👇内容是我个人对于该技术的总结，如有不足与错误敬请指正！🍓 欢迎点赞👍 收藏⭐ 留言📝 相关账号会持续发布关于文章Echart的相关文章欢迎持续关注！🍓Echart官网地址：https://echarts.apache.org/examples/zh/index.html#chart-type-line有没有人看不懂箱体图的意义，如果可以看懂，跳过下面这段内容，箱体图作用：箱体图含义：1.箱子的中间一条线，是数据的中位数，代表了样本数据的平均水平。
2022-05-31 17:29:06
6475
原创 七、Echart图表 之 toolbox工具栏组件配置项大全
🍓 作者主页：💖仙女不下凡💖🍓 前言介绍：以下👇内容是我个人对于该技术的总结，如有不足与错误敬请指正！🍓 欢迎点赞👍 收藏⭐ 留言📝 相关账号会持续发布关于文章Echart的相关文章欢迎持续关注！👉推荐相关文章：Echart图表 之 基本使用及配置项👉推荐相关文章：Echart图表 之 title配置项大全👉推荐相关文章：Echart图表 之 颜色color配置项大全👉推荐相关文章：Echart图表 之 X轴（xAxis）与 Y轴（yAxis）配置项大全👉推荐相关文章：Echart图表 之
2022-05-26 20:06:12
9658
5
原创 六、Echart图表 之 tooltip提示框组件配置项大全
🍓 作者主页：💖仙女不下凡💖🍓 前言介绍：以下👇内容是我个人对于该技术的总结，如有不足与错误敬请指正！🍓 欢迎点赞👍 收藏⭐ 留言📝 相关账号会持续发布关于文章Echart的相关文章欢迎持续关注！axisPointer：坐标轴指示器配置项label：坐标轴指示器的文本标签lineStyle：axisPointer.type为line时有效shadowStyle：axisPointer.type为shadow时有效crossStyle：axisPointer.type为cross时有效。t
2022-05-23 14:44:51
11647
4
原创 五、Echart图表 之 legend图例组件配置项大全
🍓 作者主页：💖仙女不下凡💖🍓 前言介绍：以下👇内容是我个人对于该技术的总结，如有不足与错误敬请指正！🍓 欢迎点赞👍 收藏⭐ 留言📝 相关账号会持续发布关于文章Echart的相关文章欢迎持续关注！什么是legend图例组件，如下图：legend: { type: 'plain', //图例类型，plain/scroll show: true, //是否显示x轴，布尔值 zlevel: 2, //控制图形的前后顺序 z: 2, //控制图形的前后顺序
2022-05-23 11:45:57
12041
原创 四、Echart图表 之 颜色color配置项大全
🍓 作者主页：💖仙女不下凡💖🍓 前言介绍：以下👇内容是我个人对于该技术的总结，如有不足与错误敬请指正！🍓 欢迎点赞👍 收藏⭐ 留言📝 相关账号会持续发布关于文章Echart的相关文章欢迎持续关注！👉推荐相关文章：Echart图表 之 基本使用及配置项👉推荐相关文章：Echart图表 之 title配置项大全👉推荐相关文章：Echart图表 之 X轴（xAxis）与Y轴（yAxis）配置项大全这篇文章我主要是记录了color各种颜色配置的方法，比如渐变、纹理等这些复杂颜色在实际应用中怎么配置。
2022-05-20 10:46:16
14647
2
原创 二、Echart图表 之 title配置项大全
🍓 作者主页：💖仙女不下凡💖🍓 前言介绍：以下👇内容是我个人对于该技术的总结，如有不足与错误敬请指正！🍓 欢迎点赞👍 收藏⭐ 留言📝 相关账号会持续发布关于文章Echart的相关文章欢迎持续关注！🍓官网地址：https://echarts.apache.org/examples/zh/index.html#chart-type-linetitle就是图表标题，可以控制它的属性，如颜色、位置等，当有副标题的时候title有两种写法，可以写为数组或对象，下面我就以对象形式整理title的配置项，以数
2022-05-18 11:30:40
9116
5
原创 三、Echart图表 之 X轴（xAxis）与 Y轴（yAxis）配置项大全
🍓 作者主页：💖仙女不下凡💖🍓 前言介绍：以下👇内容是我个人对于该技术的总结，如有不足与错误敬请指正！🍓 欢迎点赞👍 收藏⭐ 留言📝 相关账号会持续发布关于文章Echart的相关文章欢迎持续关注！🍓官网地址：https://echarts.apache.org/examples/zh/index.html#chart-type-line参考文章：Echarts X轴（xAxis）xAxis与yAxis中有很多配置项，下面我以xAxis进行详解，yAxis参考xAxis即可axisLine：
2022-05-18 10:08:44
22818
9
原创 前端学习笔记____基础篇HTML&CSS
???? 作者主页：????仙女不下凡???????? 前言介绍：以下???? 内容都是我个人对于前端知识的总结，会定期更新欢迎持续关注！???? 欢迎点赞 ???? 收藏 ⭐留言 ???? 如有错误敬请指正！???? 视频地址：黑马程序员pink老师前端入门教程第一章...
2022-02-11 13:46:30
737
原创 常用方法——4.JS将yyyy-MM-dd HH-mm-ss格式日期转换成时间戳
???? 作者主页： ????仙女不下凡???????? 前言介绍： 以下???? 内容都是我个人对于前端知识的总结，会定期更新欢迎持续关注！???? 欢迎点赞 ???? 收藏 ⭐留言 ???? 如有错误敬请指正！???? 推荐文章：JS获取时间戳转换成日期，精确到毫秒时间戳一般是13位数字，一下是yyyy-MM-dd HH-mm-ss格式日期转换成时间戳的方法var stringTime = '2012-10-12 22:37:33';var timestamp = Date.parse
2021-12-07 10:28:48
4039
1
原创 综合案例__1.完全用html标签写一个注册页
???? 作者主页： ????仙女不下凡???????? 前言介绍： 以下???? 内容都是我个人对于前端知识的总结，会定期更新欢迎持续关注！???? 欢迎点赞 ???? 收藏 ⭐留言 ???? 如有错误敬请指正！<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE
2021-12-02 12:59:20
423
原创 常用方法——3.CSS中去掉input输入框的默认属性，修改placeholder属性的文字颜色
input输入框的默认属性<style> input{ background:none; outline:none; border:none; }</style>去掉选中时的蓝色框<style> input:focus{ border:none; }</style>修改placeholder属性的文字颜色<style>input::-webkit-input-placeholder.
2021-11-29 17:32:07
1447
原创 常用方法——2.JavaScript获取UUID唯一标识符（随机数）
//获取UUID标识请求function guidGenerator() { var S4 = function() { return ((1 + Math.random())*0X10000|0).toString(16).substring(1); }; return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());}let data = guidG
2021-11-29 11:00:12
872
原创 常用方法——5.vue中引入MD5加密文件
首先该方法引入只因为目前的项目只用了一次，所以没有使用npm install安装md5加密包，我采用了引入的js外部文件，方法如下mounted() { //引入外部md5的js文件，写法如下 const md5 = document.createElement('script'); md5.type = 'text/javascript'; md5.src = 'https://cdn.bootcss.com/blueimp-md5/2.10.0/js/md5.min.js'; do
2021-11-23 13:54:12
2808
原创 常用方法——1.JS获取时间戳转换成日期，精确到毫秒
获取当前的时间，精确到毫秒var date=new Date();var year=date.getFullYear(); //获取当前年份var mon=date.getMonth()+1; //获取当前月份var da=date.getDate(); //获取当前日var h=date.getHours(); //获取小时var m=date.getMinutes(); //获取分钟var s=date.getSeconds(); //获取秒var hs=date.getMillisec
2021-11-23 12:26:46
2392
转载 Vue的排他思想
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do
2021-10-29 15:52:43
1439
原创 前端学习笔记____axios从入门到源码分析
???? 作者主页：仙女不下凡???? 前言介绍：以下???? 内容都是我个人对于前端知识的总结，会定期更新欢迎持续关注！???? 欢迎点赞 ???? 收藏 ⭐留言 ???? 如有错误敬请指正！????????????前言????学习视频地址：尚硅谷2021最新版axios入门与源码解析????学习原因：axios是目前前端最热门的ajax请求，vue与react都用到了axios，面试时也经常涉及到这部分知识。...
2021-10-08 15:05:15
454
2
原创 前端学习笔记___Ajax请求
???? 作者主页：仙女不下凡???? 前言介绍：以下???? 内容都是我个人对于前端知识的总结，会定期更新欢迎持续关注！???? 欢迎点赞 ???? 收藏 ⭐留言 ???? 如有错误敬请指正！????学习视频地址：【尚硅谷】3小时Ajax入门到精通????????一、原生AJAX☂️1.AJAX简介⭐ AJAX全称为Asynchronous JavaScript And XML，就是一部的JS和XML。通过AJAX可以在浏览器中向服务器发送一部请求，最大的优势：无刷新获取数据。AJAX不是新
2021-09-27 14:28:05
245
原创 vue中的列表渲染
vue中计算属性component与监视属性watch区别大家在开发中是否有这样的疑问，在vue框架中为什么有这么多的API，那么它们都应该什么时候使用呢？
2021-09-08 15:07:33
133
原创 综合案例__2.使用vue框架写一个简单的登录页面注册表单
????使用vue框架写一个简单的登录页面注册表单效果图示例代码如下<body> <div @submit.prevent="demo"> /prevent阻止默认行为/ <form action=""> <label for="demo">账号：</label><input type="text" v-model.trim="demo"> <br/> /trim去掉前后空格/
2021-09-08 15:06:08
1639
原创 Vue中的watch监视属性
???? 作者主页：????仙女不下凡???????? 欢迎点赞???? 收藏⭐ 留言???? 如有错误敬请指正！???? 前言介绍：以下???? 内容主要探讨监视属性watch的基本使用，另外大家在学习监视属性时，是否也跟我一样考虑过这个属性有什么存在的意义呢？与计算属性component等有什么区别呢？我会在近期更新它们的对比，请持续关注！????1.监视属性watch的基本使用???? 通过watch监听data数据的变化，数据发生变化时，就会打印当前的值，基本使用方法如下。<bod
2021-09-06 18:16:12
255
原创 Vue组件化开发中父子组件间传值与联动
组件化开发父子组件访问children/refsparent/rootslot的使用基本使用具名插槽编译的作用域作用域插槽父子组件访问children/refsparent/rootslot的使用基本使用具名插槽编译的作用域作用域插槽
2021-09-02 18:28:30
815
原创 Vue2.0中的数据代理
???????? Vue中的数据代理 ????????????1.Object.defineProperty()方法????2.数据代理????3.数据代理的应用????1.Object.defineProperty()方法????学习数据代理之前先复习一个方法Object.defineProperty，Vue中数据劫持、数据代理、计算属性都利用了该方法。????需求一：添加age属性并控制是否可以被枚举等功能????????需求二：添加number的值到height属性中，且number改变时he
2021-08-31 12:26:18
793
1
原创 浅谈Vue构造、Vue实例、Vue组件的区别
????????浅谈Vue实例与Vue组件的区别????????一级目录二级目录三级目录一级目录二级目录三级目录
2021-08-30 14:29:20
1158
原创 前端学习笔记____Vue2+Vue3全家桶
前端学习笔记____Vue2+Vue3全家桶前言第一部分 VUE基础一、Vue简介1. Vue是什么?2. Vue发展历史3. Vue的特点二、初识Vue1. Vue模板语法2. 数据绑定▲单向数据绑定v-bind▲ 双向数据绑定v-model3. el与data的两种写法▲ el的两种写法▲ data的两种写法4. MVVM模型5.数据代理6. 事件处理▲ 事件处理v-on▲ 事件修饰符▲ 键盘事件key7. 计算属性computed与监视(侦听)属性watch▲ 计算属性－computed▲ 监视(侦听
2021-08-09 12:57:44
6655
4
空空如也
vue需求识别监控中的图像人物加上红框，移动的车辆加上绿框，类似于图片识别功能
2021-11-04
TA创建的收藏夹 TA关注的收藏夹
TA关注的人