笔记
文章平均质量分 65
阿乐今天敲代码没
-勇敢阿乐,不怕困难!
展开
-
环形进度条渐变色的两种方案
实现如下渐变色环形进度条一提到环形进度条渐变色,相信大家先想到的是el-progress,以及echarts。现在我们就这两种方案进行开发。指路element-plus,访问官网官网中给出了环形进度条的写法,但是没有给出渐变色的配置项,这就需要我们自己手动修改,代码如下:在控制台中我们可以看到,实际上el-progress就是两个path组成,第一个就是底色环状,第二个就是进度条,通过修改stroke,我们看到蓝色被我们修改成了红色,所以如上代码,我们需要手动添加一个svg代替element中的第原创 2023-10-24 10:35:11 · 2672 阅读 · 5 评论 -
vscode忽略lint-staged代码格式校验,直接提交
忽略preparing lint-staged强制提交。原创 2023-10-11 14:54:37 · 1002 阅读 · 0 评论 -
nginx版本号隐藏(405 not allowed解决办法)
项目安全测试发现405页面暴露了nginx版本,其相关版本号泄露时攻击者会利用相应软件版本的当前漏洞,进行有效的相应攻击。所以需要我们做好版本号的隐藏。原创 2023-10-09 17:16:38 · 1009 阅读 · 0 评论 -
文件上传前前端通过魔数(magic number)去限制上传文件类型
对于某一些类型的文件,起始的几个字节内容都是固定的,根据这几个字节的内容就可以判断文件的类型,这就是魔数。vue el-upload文件上传前获取文件类型并限制文件类型原创 2023-07-18 14:13:30 · 959 阅读 · 0 评论 -
linux下express+puppeteer安装部署并用PM2守护进程
承上篇,是在本地nginx部署前端,本地另起express服务进行测试,下面我们来讲讲如何部署express到linux服务器,并用PM2守护进程。在此仅作为本人开发记录,不一定能解决你的问题,在文末可以到github的讨论区看看寻找你的答案。针对不同的puppeteer我们需要安装对应的chrome版本,puppeteer报错原创 2023-06-20 18:05:06 · 2404 阅读 · 2 评论 -
vue3添加百度统计查看网站实时数据
百度统计是一款数据分析工具,可以帮助网站管理员了解访问者的行为,分析网站流量、转化率、来源、访问路径等数据。它可以实时监控网站流量和用户行为,提供详细的数据报告和图表,帮助网站拥有者更好地了解网站的运营状况,进行数据驱动的优化和调整,从而提高网站的转化率和用户体验。原创 2023-06-06 10:17:18 · 1362 阅读 · 0 评论 -
puppeteer-不需重构,无痛加强vue单页面应用的SEO,提升百度收录排名
puppeteer-不需重构,无痛加强vue单页面应用的SEO,提升百度收录排名原创 2023-05-15 10:50:26 · 2019 阅读 · 6 评论 -
vue3+echarts实现世界地图以及轨线(label使用fomatter+rich动态添加图片及背景色,以及label如何添加动态边框色)
echarts label formatter rich实现动态字体颜色动态边框色动态图片,世界地图轨线,世界地图json数据,默认显示tooltip原创 2023-04-21 17:58:58 · 2974 阅读 · 4 评论 -
vue3自定义实现可过滤关键字的树形下拉选择框
层级过深,会出现级联下拉超出屏幕的情况,所以改用树形下拉,但是element没有相关组件,现记录下自定义实现可以根据关键字筛选的树形下拉选择框。原创 2023-04-07 16:39:54 · 779 阅读 · 0 评论 -
解决vue2版本,el-select下拉框数据量过多,el-select进行分页请求懒加载,滚动防抖加载,支持关键字过滤及其他el-select属性
element-plus中有虚拟化选择器el-select-v2实现滚动加载下拉框,但是在一些比较老的项目中使用的是el-ement版本的UI,除了单独引入el-select-v2进行局部引用外,我们还可以自己手动封装一个滚动分页下拉。el-select滚动懒加载防抖原创 2023-04-03 16:51:17 · 2236 阅读 · 0 评论 -
vue3复杂表单列表,根据表单内容是否改变判断是否弹出离开前保存提示(用户修改后又改回原来的数据不触发保存提示)
vue3复杂表单列表,根据表单内容是否改变判断是否弹出离开前保存提示(用户修改后又改回原来的数据不触发保存提示)原创 2023-03-09 19:10:13 · 849 阅读 · 0 评论 -
解决vue3绑定动态本地图片时require无法使用问题
解决vue3绑定动态本地图片时require无法使用问题,vue2,vue3中使用img标签绑定动态路径原创 2023-03-07 18:04:16 · 2978 阅读 · 0 评论 -
手摸手学会node框架之一——koa 傻瓜式小白教程
koa入门学习原创 2023-01-16 10:47:03 · 2487 阅读 · 0 评论 -
前端编写邮件html各邮箱兼容及注意事项
近期由于项目需要,第一次编写邮件html模板,发现各种邮箱兼容问题,尤其是windows自带的邮箱outlook兼容性极差,在此简单做下记录。原创 2023-01-16 10:28:09 · 3781 阅读 · 0 评论 -
vue3+ts实现自定义按钮导航
vue3+ts实现自定义按钮导航原创 2023-01-12 16:11:29 · 1097 阅读 · 0 评论 -
mavon-editor的使用
vue3+vite+ts下使用富文本mavon-editor使用(编辑)使用(预览)原创 2022-11-29 11:13:07 · 3622 阅读 · 0 评论 -
前端开发技巧记录
前端开发技巧原创 2022-11-22 16:59:12 · 317 阅读 · 0 评论 -
记录一些常用的正则及校验
校验——常用正则以及规则原创 2022-11-17 17:13:56 · 113 阅读 · 0 评论 -
vue3+js带icon的el-input封装
vue(setup)下的el-input的icon封装使用。原创 2022-11-17 16:30:47 · 408 阅读 · 0 评论 -
记录echarts遇到的配置项问题
记录echarts各种bug以及配置项问题原创 2022-10-26 09:50:56 · 536 阅读 · 0 评论 -
vue3进阶版el-tooltip封装,一行或两行悬浮省略
el-tootip一行或两行文本省略,悬浮展示原创 2022-10-25 16:40:00 · 644 阅读 · 0 评论 -
el-tooltip的二次封装,文字过长省略,hover时悬浮,不省略不悬浮
el-tooltip是我们的常用组件,但是无法判断绑定元素是否过长需要省略的,此组件对el-tooltip的二次封装,文字过长省略,hover时悬浮,未超出长度限制时不显示,代码如下。原创 2022-10-21 15:41:59 · 778 阅读 · 0 评论 -
vue3+ts封装el-select el-input通用组件
vue3+ts封装e-select和el-input原创 2022-10-20 17:33:12 · 2669 阅读 · 0 评论 -
Vue导航栏吸顶及滚动渐变色
@阿乐今天敲代码没文章目录效果图一、实现吸顶效果图好几天没更新了,做一个小demo吧。导航栏吸顶,以及随页面滚动实现渐变色吸顶前:吸顶后:滚动渐变色:一、实现吸顶html: <div class="nav" :class="navBarFixed == true ? 'navBarWrap' :''" :style="style">Vue中data内容:data() { return { navBarFixed: false,原创 2021-09-16 15:37:13 · 1969 阅读 · 0 评论 -
阿乐的前端习题笔记
@阿乐今天敲代码没文章目录前言正则表达式Javascript中Null与Undefined区别关于Javascript中数字的部分知识总结Math.round(x)常见的请求头和响应头函数提升函数的调用方式web页面生命周期前言小阿乐习题笔记,记不住啊记不住。正则表达式1、\w表示字母、数字、下划线 \W表示除了字母、数字下划线的字符2、/a?/ ?量词表示匹配0次或1次 + 表示匹配一次或多次 * 表示匹配0次或无数次3、i 表示忽略大小写 g表示全局匹配 m表示多行匹配4原创 2021-09-07 21:36:11 · 257 阅读 · 0 评论 -
querySelectorAll和querySelector用法
querySelectorAll和querySelector用法找出所有标签 document.querySelectorAll("*")找出head下所有的标签 document.head.querySelectorAll("*")找出body标签下的第一个div标签document.body.querySelectorAll(“div”)[0]document.body.querySelector(“div”)找出所有class=box的标签 document.querySelector..原创 2021-09-04 12:07:09 · 22187 阅读 · 6 评论 -
前端必备知识储存——CSS篇
系列文章目录最近准备前端面试,整理一下学习过的内容,勤能补拙嘛。接上篇前端必备知识存储——HTML篇一@阿乐今天敲代码没文章目录系列文章目录一、CSS篇1.CSS样式优先级的确定及权重计算一、CSS篇1.CSS样式优先级的确定及权重计算每个选择器都有权值,权值越大越优先继承的样式优先级低于自身指定样式!important 优先级最高 js 也无法修改权值相同时,靠近元素的样式优先级高优先级:内联样式表(标签内部)> 内部样式表(当前文件中)> 外部样式表(外部文件中原创 2021-08-29 14:03:57 · 94 阅读 · 0 评论 -
前端必备知识储存——HTML篇一(面试常考)
系列文章目录最近准备前端面试,整理一下学习过的内容,勤能补拙嘛。@阿乐今天敲代码没文章目录系列文章目录一、HTML篇1.HTML 语义化的理解2.为什么要使HTML语义化?3.写HTML代码时应注意什么?4.你用过哪些 HTML5 标签5.meta viewport 是什么6.行内元素有哪些?块级元素有哪些? 空(void)元素有哪些?7.a 标签中如何禁用 href 跳转页面或定位链接一、HTML篇1.HTML 语义化的理解 使用合适的标签来原创 2021-08-27 17:13:47 · 136 阅读 · 0 评论