DecorateCC的博客

转载 element-ui动态设置tabel列时,无效果,表头抖动,表格错乱,值不能正常展示等问题

踩坑日记：最近用element-ui做一个动态列（频繁隐藏显示列）的表格踩坑记录下：1、在el-table-column上使用v-show绑定是无效果2、el-table-column几次切换显示/隐藏后，发现表格的排版完全乱了,或者值不能正常展示3、表格头抖动。

原创 【element ui】input输入控件绑定粘贴事件，从 Excel 复制的数据粘贴到输入框（el-input）时自动转换为逗号分隔的数据

希望我的分享能够帮助到更多的人，如果觉得我的分享有帮助的话，请大家一键三连支持一下哦~❤️原创不易，期待你的关注与支持~😊之后我会继续更新前端学习小知识，关注我不迷路~

原创 【浏览器指纹】fingerprintjs2使用fingerprintjs生成浏览器唯一标识(浏览器指纹)

浏览器指纹我们可以理解成是一个用户设备的浏览器的唯一id（有点类似手机设备的IMEI），通过浏览器指纹，我们可以做一些埋点操作或者是鉴权，辨别是否是同一用户，其是否有更换设备（更换浏览器）等。Fingerprint.js的核心理念是在用户不知情且不侵犯其隐私的情况下，收集一些浏览器的基本信息，如屏幕分辨率、时区、已安装字体、插件等，并将这些数据转化为一个哈希值，即所谓的"设备指纹"。这种指纹可以作为识别用户的一种方式，即使他们清除cookies或者更换设备，只要浏览器配置保持不变，就能被识别出来。

原创 element ui 下拉框Select 选择器 上下箭头旋转方向样式错乱——＞优化方案

测试A：那啥！抠图仔，样式怎么点着点着就出问题了。前端：啥？css样式错乱了？你是不是有缓存啊！清下缓存试试。测试A（内心戏：这抠图仔一有问题就赖缓存）：清缓存后，还有啊！你看看吧！前端：见鬼了，我本地没复现啊。希望我的分享能够帮助到更多的人，如果觉得我的分享有帮助的话，请大家一键三连支持一下哦~❤️原创不易，期待你的关注与支持~😊之后我会继续更新前端学习小知识，关注我不迷路~

原创 Baidu Comate智能编码助手：AI编程时代提升效率的好帮手

Baidu Comate 是基于文心大模型的 AI编程工具，它结合百度积累多年的编程现场大数据和外部优秀开源数据，为你生成更符合实际研发场景的优质代码。提升编码效率，释放“十倍”软件生产力。4月3日，百度正式发布智能代码助手Baidu Comate 2.0，面向个人开发者全面免费。百度CTO：百度每日新增代码中27%由Comate生成，Baidu Comate 2.0已经在百度内部上岗1年，不仅精通100多种主流开发语言，甚至已经编写了百度内部四分之一的代码。接下来，本文章将手把手带你体验一次“

原创 element-ui的年份范围选择器，选择的年份需等于或小于当前年份，选择的年份范围必须在三年之内

希望我的分享能够帮助到更多的人，如果觉得我的分享有帮助的话，请大家一键三连支持一下哦~❤️原创不易，期待你的关注与支持~😊之后我会继续更新前端学习小知识，关注我不迷路~

原创 【echarts】动态滚动趋势图，解决坐标轴数据太多遮挡覆盖问题

希望我的分享能够帮助到更多的人，如果觉得我的分享有帮助的话，请大家一键三连支持一下哦~❤️原创不易，期待你的关注与支持~😊之后我会继续更新前端学习小知识，关注我不迷路~

原创 npm install 安装出错时尝试过的方法

使用npm cache clean --force清除缓存，然后将安装失败的项目中的node_modules文件夹以及package-lock.json文件删除（package-lock.json是在npm install安装时生成的一份文件，用以记录当前状态下实际安装的各个npm package的具体来源和版本号，如果没有这个文件的话，那么npm install将下载大版本下的最新的包，具体可参考：https://www.cnblogs.com/cangqinglang/p/8336754.html），然

原创 【php】解决加载速度慢导出超时问题记录

原创 【elementui】el-popover在列表里循环使用,取消的doClose无效解决办法 重置密码功能

在使用elementui的Popover 弹出框时，需求是在table列表里使用，循环出来，无法取消。

原创 【JavaScript】基础学习记录

toFixed() 方法将一个浮点数转换为指定小数位数的字符串表示，如果小数位数高于数字，则使用 0 来填充。toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。注意：toFixed() 方法在进行四舍五入时可能会产生一些不准确的结果，这是因为 toFixed() 方法在处理浮点数时，实际上使用的是舍入到最近的偶数（银行家舍入）策略，而不是标准的四舍五入。这种舍入策略是为了在大量运算时减小累积误差。JavaScript toFixed() 方法。

原创 【windows 清理redis 缓存】

【windows 清理redis 缓存】

转载 【element】TypeError: this.$message is not a function报错情况解决

适合于你负责的项目，之后肯定会经常用到，首先找到项目的plugin.js文件，这个文件一般在utils文件目录下，这个文件一般都是负责整个项目的全局配置属性。具体代码逻辑要看每个项目不同的配置写法，我这个是vue项目，提供的是一种方法，具体要往哪里写，各位看官自行研究。在最近负责的一个前端项目中，使用this.$message报错了，之前也没注意，然后这次抽空看了一下问题。首先，在你要用的页面去引入。

原创 【Echarts】Echarts在不同屏幕分辨率下不同配置

【代码】【echarts】不同分辨率下图例样式。

原创 【前端】element button鼠标点击按钮更改样式

希望我的分享能够帮助到更多的人，如果觉得我的分享有帮助的话，请大家一键三连支持一下哦~❤️原创不易，期待你的关注与支持~😊之后我会继续更新前端学习小知识，关注我不迷路~

原创 【干货】一文详解前端布局

百分比布局是一种常用的前端布局方式，它可以根据父元素的宽度或高度来设置子元素的尺寸。通过使用百分比单位，可以实现响应式布局，使页面在不同设备上都能适应不同的屏幕尺寸。在百分比布局中，可以使用百分比来设置元素的宽度、高度、边距、内边距等属性。例如，可以将一个元素的宽度设置为父元素宽度的50%，这样无论父元素的宽度是多少，该元素都会占据父元素宽度的一半。百分比布局的优点是灵活性高，可以根据不同的需求和屏幕尺寸进行调整。但也需要注意一些限制，-

原创 【vue】vue.js中引入组件

希望我的分享能够帮助到更多的人，如果觉得我的分享有帮助的话，请大家一键三连支持一下哦~❤️原创不易，期待你的关注与支持~😊之后我会继续更新前端学习小知识，关注我不迷路~

原创 【详解代码】vue element el-select选择器多选下拉框实现全选功能和取消全选

希望我的分享能够帮助到更多的人，如果觉得我的分享有帮助的话，请大家一键三连支持一下哦~❤️原创不易，期待你的关注与支持~😊之后我会继续更新前端学习小知识，关注我不迷路~

原创 elementui el-table-column表头换行，自定义表头以及排序图标的位置放置

希望我的分享能够帮助到更多的人，如果觉得我的分享有帮助的话，请大家一键三连支持一下哦~原创不易，期待你的关注与支持~之后我会继续更新前端学习小知识，关注我不迷路~

原创 【 echarts】x轴的名称与y轴名称重叠，让x轴 name 靠近底部，使用xAxis的属性nameTextStyle、nameGap、nameLocation解决问题

希望我的分享能够帮助到更多的人，如果觉得我的分享有帮助的话，请大家一键三连支持一下哦~原创不易，期待你的关注与支持~之后我会继续更新前端学习小知识，关注我不迷路~

原创 【javascript】vue和elementui中的键盘事件，el-input-number输入框限制输入数据规则，只能输入正整数，禁止输入除正整数以外的其他字符

keyup.native=“UpNumber” @keydown.native="UpNumber"这是一个Vue.js中的事件绑定语法，用于监听键盘按键事件。其中@keyup.native表示监听键盘松开事件，@keydown.native表示监听键盘按下事件，UpNumber是自定义的事件处理函数。首先要监听keyup（键盘按下）事件，因为elementUi上面的input组件监听事件是没有这个事件的，所以可能会报错，所以我们需要加个vue事件的修饰符 .native，代表原生事件的意思。

原创 【基础知识】sql查询语句

统计每门课程的学生选修人数（超过 5 人的课程才统计）标题查询在 SC 表存在成绩的学生信息。查询同名同性学生名单，并统计同名人数。查询各科成绩最高分、最低分和平均分。查询名字中含有「风」字的学生信息。查询 1990 年出生的学生名单。检索至少选修两门课程的学生学号。查询「李」姓老师的数量。求每门课程的学生人数。

原创 【屏幕自适应页面适配问题】CSS的@media，为了适应1440×900的屏幕，使用@media解决问题

为了适应1440×900的屏幕，使用@media解决问题

原创 【vue2基础】Class 与 Style 绑定

class与style绑定

转载 【笔记自用】myeclipse连接MySQL数据库详细步骤

第一步 打开Database打开myeclipse然后点击window窗口 点击Open Perspective菜单中的MyEclipse Database Explorer 进入下图第二步 创建连接在空白处右击鼠标新建（即new）或者点击菜单栏中的快捷键（图二中向下的三角符号）新建。弹出Database Driver 菜单见下图第三步 选择连接方式在Driver template选项框中 选择MySql Connector/j 如，下图第四步 填写配置信息在Driver name填写链接数据库的名称（这个

原创 【Python】数据分析——直方图、散点图、线性回归、多项式回归、拟合度

目录绘制直方图绘制散点图线性回归多项式回归拟合度数据分析就是在一大批杂乱无章的数据中,运用数字化工具和技术,探索数据内在的结构和规律,构建数学模型,并进行可视化表达,通过验证将模型转化为知识,为诊断过去、预测未来发挥作用。一个数据库的例子：Carname=[]Color=[]Age=[5,7,8,7,2,17,2,9,4,11,12,9,6]Speed=[99,86,87,88,111,86,103,87,94,78,77,85,86]Autopass=[]绘制直方图为了可视化数据集，我们

原创 【Python】两种方法计算平均值、中值、众数、方差、标准差、百分位数

目录数据特征数据集均值（Mean） - 平均值中值（Median） - 中点值，又称中位数众数（Mode） - 最常见的值方差标准差（欧式距离）百分位数数据特征特征探索主要是对数据进行预处理，发现和出炉缺失、异常数据，绘制直方图、观察发现数据的分布特征，求最大最小值、极差等描述性统计量。数据集一个数据库的例子：Carname=[]Color=[]Age=[5,7,8,7,2,17,2,9,4,11,12,9,6]Speed=[99,86,87,88,111,86,103,87,94,78,7

原创 初学Matplotlib绘制图形

目录前言Matplotlib Pyplot绘点绘制线函数绘制matplotlib添加字体及中文乱码问题解决坐标轴负数的负号显示问题绘制y=x²+3x+2绘制sin(x)函数绘制cos(x)函数绘制极坐标其他图形前言Matplotlib 是 Python 的绘图库，它能让使用者很轻松地将数据图形化，并且提供多样化的输出格式。Matplotlib 可以用来绘制各种静态，动态，交互式的图表。Matplotlib 是一个非常强大的 Python 画图工具，我们可以使用该工具将很多数据通过图表的形式更直观的呈

原创 jsp综合练习题

一、单选题 （题数：50，共 100.0 分）1下面选项中,能实现转向另外一个Servlet的方法是（2.0分）2.0 分A、运用javax.servlet.http.HttpServletRequest接口的 sendRedirect()方法B、运用javax.servlet.ResponseDispatcher接口的forward()方法C、运用javax.servlet.RequestDispatcher接口的sendRedirect()方法D、运用javax.servlet.h

原创 servlet练习题

servlet练习题第一部分第二部分第一部分一、单选题 （题数：20，共 100.0 分）1（）标记指定访问servlet的路径。（5.0分）5.0 分A、<servlet-class>B、<servlet-name>C、<url-pattern>D、<context-param>正确答案： A 我的答案：A2完整的配置一个Servlet需要（ ）标签。（5.0分）5.0 分A、<servlet-n

原创 JAVABEAN练习题

JAVABEAN练习题第一部分第二部分第一部分一、单选题 （题数：30，共 100.0 分）1在JSP中，以下是有关< jsp:setProperty>和< jsp:getProperty>标记的描述，正确的是（ ）。（3.3分）3.3 分A、<jsp:setProperty>和<jsp:getProperty> 标记可以用于对bean中定义的所有属性进行选择和设置B、<jsp:setProperty>和<jsp:g

原创 JDBC练习题

JDBC练习题第一部分第二部分第一部分一、单选题 （题数：10，共 100.0 分）1从 “员工” 表的“姓名”字段中找出名字包含“玛丽”的人，下面哪条select语句正确：（）（10.0分）10.0 分A、Select * from 员工 where 姓名 =‟%玛丽_‟B、Select * from员工 where 姓名 like „_玛丽%‟C、Select * from 员工 where 姓名 like “%玛丽%‟D、Select * from 员工 where

原创 jsp内置对象练习题

jsp内置对象练习题第一部分第二部分第一部分一、单选题 （题数：20，共 100.0 分）1用 request的方法获取Form中的元素时,默认情況下字符编码是哪个?( )（5.0分）5.0 分A、GB2312B、ISO-8259-1C、ISO-8859-1D、GB3000正确答案： C 我的答案：C答案解析：2session对象一般在服务器上设置了( )的过期时间,当客户停止活动超过该时间后, session对象自动失效。（5.0分）5.0 分A、

原创 2022前端面试需要掌握的面试题

写在前面CSDN话题挑战赛第1期活动详情地址：https://marketing.csdn.net/p/bb5081d88a77db8d6ef45bb7b6ef3d7f参赛话题：前端面试宝典话题描述：欢迎各位加入话题创作得小伙伴，如果我没有猜错得话，我觉得你是应该同我一样是一位前端人。如今前端在IT事业中的占比越来越重，已经成为不可缺少的部分，前端技术也是层出不穷，各种技术类、技术框架也蜂拥而出，前端面试的难度也随之增加，如果我们拥有一套前端面试宝典。如果你是应聘者：你就可以从容的sol

原创 【微信小程序】快进来弹钢琴啦~钢琴小程序源码分享

钢琴小程序效果展示小星星代码展示piano.js代码piano.json代码piano.wxml代码piano.wxss代码茉莉花上学歌写在最后效果展示今天给大家分享一个微信小程序案例——钢琴小程序。学会了以后，自己也能弹奏出优美的曲子了。程序中一共有四首曲子《茉莉花》、《小星星》、《两只老虎》、《上学歌》。小星星先听一听我弹奏的小星星吧，弹得不好，请大家见谅。 小星星 代码展示

原创 canvas画板涂鸦动画&进度条动画

目录什么是 canvas画板涂鸦动画进度条动画写在最后什么是 canvascanvas 是 HTML5 新定义的标签，通过使用脚本（通常是 JavaScript）绘制图形。允许脚本语言动态渲染位图像。canvas > 标签只是图形容器，相当于一个画布，canvas元素本身是没有绘图能力的。所有的绘制工作必须在 JavaScript内部完成，相当于使用画笔在画布上画画。canvas由一个可绘制地区HTML代码中的属性定义决定高度和宽度。JavaScript代码可以访问该地区，通过一套完整的绘图

原创 JSP基本语法考试题

一、单选题 （题数：86，共 100.0 分）1、在客户端浏览器的源代码中可以看到（ ）（1.1分）1.1 分A、HTML注释B、JSP注释和HTML注释C、JAVA注释D、JSP注释正确答案： A 我的答案：A2、JSP程序段的基本语法是（）（1.1分）1.1 分A、Java语法语言B、VBScript语言语法C、C语言语法D、JavaScript语言语法正确答案： A 我的答案：A3、在Jsp页面中，Java程序代码应插入在（ ）标记之间。（

原创 JSP动作指令练习题

1、下列选项中,哪个是JSP的本质（5.0分）A、 JSB、 ServletC、 CssD、 Html正确答案： B2、下面（ ）不属于jsp动作标记。（5.0分）A、< jsp:useBean/ >B、 < jsp:include/ >C、 < jsp:forwards/ >D、 < jsp:attribute/ >正确答案： C3、在J2EE中， test.jsp文件如下，试图运行时，将发生（

原创 一个小项目带你了解vue框架——TodoList（简单实用易上手）

你是否还在为繁杂的事情感到头昏脑涨？你是否还在将便利贴贴满整个桌面？本文就为你解决这个烦恼，使用vue框架做一个todolist，将事情整理的井井有条不再是一个遥不可及梦！让我们行动起来吧！

原创 web应用与开发--jsp基本语法

web应用与开发--jsp基本语法