自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 树莓派安装nodejs

要在树莓派上安装特定版本的 Node.js(v 16.18.0),你可以通过使用 NodeSource 仓库来实现。脚本来对应所需的 Node.js 版本。接下来,添加 NodeSource 仓库到你的树莓派的软件源列表中。安装 Node.js 之前,确保你的系统已经安装了。安装 Node.js 16.18.0。

2024-08-21 08:42:26 211

原创 .bat文件快速运行flask项目

python app.py/flask run ,取决于项目的启动方法。如何使用bat文件快速运行flask项目?新建个文件,改名为run.bat。cd + 项目所在的路径。保存后,双击运行即可。

2024-08-14 09:28:43 533

原创 .bat文件快速运行vue项目

npm run dev/serve ,取决于项目的启动方法,打包的话也能用此方式。如何使用bat文件快速运行vue项目?新建个文件,改名为serve.bat。cd + 项目所在的路径。保存后,双击运行即可。

2024-08-14 09:22:37 262

原创 css动画-滚动出现效果

效果如下:随着画面滚动,元素逐渐显示出现在屏幕中。

2024-07-31 16:59:37 366

原创 css动画-卡片滚动效果

效果如下:当卡片进行左右滚动时,每次都恰好滑动出来下一个卡片,将下一个卡片完整的展现在容器中间。

2024-07-31 16:58:40 397

原创 ES6_字符串的扩展

本文介绍ES6对字符串的改造和增强。

2024-07-19 13:59:20 723

原创 计算属性vs方法

在前端开发中,我们可能会注意到,计算属性可以实现的功能,方法也可以实现。在表达式中像这样调用一个函数也会获得和计算属性相同的结果。

2024-07-18 15:58:49 484

原创 reactive()的局限性

由于Vue的响应式跟踪是通过属性访问实现的,因此我们必须始终保持对响应式对象的相同引用。这意味着我们不能轻易地“替换”响应式对象,因为这样的话与第一个引用的响应性连接将丢失

2024-07-18 15:22:31 368

原创 日期工具类:获取 当前周 | 上一周 | 下一周 的每一天(周一到周日)的日期

JavaScript日期工具类:获取 当前周 | 上一周 | 下一周 的每一天(周一到周日)的日期

2024-06-21 11:23:59 328

原创 日期工具类:获取 当前周 | 上一周 | 下一周 的第一天(周一)和最后一天(周天)

JavaScript日期工具类:获取 当前周 | 上一周 | 下一周 的第一天(周一)和最后一天(周天)。

2024-06-21 11:17:43 325

原创 金额工具类:数字转字符串(每三位以逗号分隔)

要求实现一个金额转换的工具类,输入一个数字金额,返回新的字符串,每三位以逗号分隔。

2024-06-17 17:24:21 262

原创 金额工具类:大小写金额转换

要求实现一个金额转换的工具类,输入一个数字金额,返回它的大写金额。

2024-06-17 14:07:47 302

原创 scss sass是什么?vue环境安装sass报错

相信很多人在安装sass-loader时报错百分之八九十是因为node-sass和sass-loader的版本匹配问题,版本不对应还有百分之十是因为电脑没有python环境还有最后一小部分原因是node-sass停止更新了

2024-06-06 17:52:11 649

原创 js前端格式化日期函数

函数获取到的日期时间是下面这种样子:Thu Jun 06 2024 17:29:11 GMT+0800 (中国标准时间),我们想要把它转换成常见的指定格式,比如。该方法传入两个参数, date (时间)和 format(指定格式化格式)所以就封装了这个公共方法,类似于 python 中的时间处理函数。返回:返回的结果就是根据当前时间格式化后 年月日 时分秒。在前端中我们通常使用。

2024-06-06 17:40:50 299

原创 svg画简单的立方体

分析发现,这个立方体可以简化成两个平面,上面顶部蓝色的和侧面我们所看到的(呈渐变效果)。这就好办多了,定义两条。环节了,思路就是先按照草图画出一个固定宽高的原型,再用变量替换掉固定值。要开发一个拖拽的大屏项目,其中涉及到一个装饰组件,是一个立方体。此处要注意,渐变色是从中间向两边扩散,这块我用的是。,要求颜色可以修改,大小可以拖拽改变。填充颜色为固定颜色,侧边的面设置其。先假设它的长宽为400,300,实现的,具体参照下面代码。构建顶部的面,再用另一个。

2024-05-28 17:42:10 417

原创 工具类-合并两个对象

【代码】工具类-合并两个对象。

2024-05-28 15:56:03 184

原创 工具类-随机生成指定长度字符串

【代码】工具类-随机生成指定长度字符串。

2024-05-28 15:26:25 80

原创 vue-diff算法

虚拟DOM说到底,就是用JS去描述一段html代码,比如:

2024-05-27 16:20:43 902

原创 svg中path的直线命令使用

path。

2024-05-24 15:33:14 510

原创 工具类-求六边形六个点的坐标

封装一个公共方法,根据容器大小,和比例求取六边形的六个点的坐标。

2024-05-23 14:16:02 104

原创 使用svg画六边形

@return points 点坐标 400, 200 300, 373.2050807568877 100.00000000000004, 373.20508075688775 0, 200.00000000000003 99.99999999999991, 26.794919243112332 300, 26.794919243112275。* @param percent 六边形占据容器大小的比例。* @description 求六边形的六个点的坐标。// 获取多边形元素。

2024-05-23 14:09:02 906

原创 闭包的理解

由于在JS中,变量的作用域属于函数作用域,在函数执行后作用域就会被清理、内存也随之被收回,但是由于闭包是建立在一个函数内部的子函数,由于其可访问上级作用域的原因,即使上级函数执行完,作用域也不会随之销毁,这时的子函数—也就是闭包,便拥有了访问上级作用域中的变量的权限,即使上级函数执行完后,作用域内的值也不会被销毁。闭包随处可见,一个 Ajax 请求的成功回调,一个事件绑定的回调方法,一个 setTimeout 的延时回调,或者一个函数内部返回另一个匿名函数,这些都是闭包。/// 事件处理函数中闭包的写法。

2024-05-23 11:22:39 1261

原创 svg中渐变色的应用

在这个示例中,定义了一个从红色到蓝色的线性渐变,并将其应用到矩形上作为背景填充。元素来设置渐变背景色。元素来设置渐变背景色,同时通过设置。在 SVG 中,可以使用。在 SVG 中可以使用。url(#渐变id)

2024-05-23 09:16:33 483

原创 canvas和svg的区别

canvasJavaScriptsvgXML总的来说,canvas更侧重于动态图形的高效绘制,而svg则在矢量图形表现和可编辑性上有独特优势。两者在不同的应用场景中都发挥着重要作用。canvas。

2024-05-21 15:20:43 413

原创 node与node-sass的版本对应关系

node。

2024-05-21 09:47:47 2238

原创 vuex和全局变量的区别

基本上就是一个容器,它包含着你应用中大部分的状态(和单纯的全局对象有以下两点不同。和全局对象两者的区别描述。

2024-05-20 10:28:09 331

原创 vue中watch和computed的区别

watch和computed都是以vue的依赖追踪机制为基础的,当某一个依赖型数据发生变化的时候,所有依赖这个数据的相关数据会自动发生变化,即自动调用相关函数,来实现数据的变动。当依赖的值变化时,在watch中,可以做一些复杂的操作,而computed中的依赖,仅仅是一个值依赖于另一个值,是值上的依赖。

2024-05-20 10:07:21 382

原创 canvas学习笔记-透明度

在上面画一系列半径递增的半透明圆。圆叠加得越多,原先所画的圆的透明度会越低。通过增加循环次数,画更多的圆,从中心到边缘部分,背景图会呈现逐渐消失的效果。方法类似,就多了一个用于设置色彩透明度的参数。它的有效范围是从 0.0(完全透明)到 1.0(完全不透明)。里所有图形的透明度,有效的值范围是0.0(完全透明)到1.0(完全不透明),默认值是1.0。第二个例子和上面的那个类似,不过不是画圆,而是画矩形。可以分别设置轮廓和填充样式,因而具有更好的可操作性和使用灵活性。

2024-05-17 16:33:04 1172

原创 canvas学习笔记-fillStyle和strokeStyle

用两个变量`i`和`j`来为每一个方格产生唯一的`RGB`色彩值,其中仅修改红色和绿色通道的值,而保持蓝色通道的值不变。也可以通过修改这些颜色通道的值来产生各种各样的色板。通过增加渐变的频率,还可以绘制出类似Photoshop里面的那样的调色板。

2024-05-17 15:55:19 627

原创 使用Three.js创建一个会动的立方体

【代码】使用Three.js创建一个会动的立方体。

2024-05-16 17:50:43 384

原创 CSS实现仿真水滴

【代码】CSS实现仿真水滴。

2024-05-15 17:26:53 245

原创 ts中type和interface的区别

type可以声明基本类型别名、联合类型、元组等类型,而interface不能使用联合类型和交集组合。如果需要定义对象的属性和方法,并且希望能够被扩展或实现,那么使用interface可能更合适。如果需要使用联合类型、交叉类型、元组类型等更复杂的类型操作,那么使用type可能更合适。

2024-05-09 16:11:44 770

原创 React面试题分享

实现以下代码的focus的hook。以下代码alert的内容是什么?答案:输出1,不会产生闭包。

2024-05-09 15:48:39 234

原创 使用Three.js开发一个3D案例Demo

做过2D平面开发和有点数学基础的都知道,二维坐标系只有X轴,Y轴,3D开发就是比2D开发多了一个Z轴,使用三维坐标构建几何世界。还有就是把我们2D可视化的元素换成立体的几何元素,比如:矩形换成了长方体,圆换成了球体…还有圆锥体,圆柱体等。所以说,技术本身并不复杂,难的是对其技术本身的理解。

2024-05-07 13:07:44 1156

原创 数组扁平化

输入:[1,[2,[3,5],5],6]输出:[1,2,3,4,5,6]

2024-05-07 11:27:25 335

原创 js手动实现unshift

unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。该方法将改变数组的数目。

2024-05-07 11:25:53 339

原创 树形数据保留指定层级

分享一个今天在开发中遇到的问题,要处理一个树形数据,只想保留前两层,两层再往下的数据就不要了,简单可以理解为:树形数据保留指定层级。

2024-04-26 11:29:29 309

原创 树形数据添加label和value属性

今天在开发中要用到 cascade 组件,cascade的数据需要 label 和 value属性,然后我的树形数据的格式是只有 name 属性和一些其他的属性,所以就要为树形数据的每一层添加 label 和 value 属性。还是老样子,代码封装成公共方法,方便下次用的时候直接调用。思路很简单,使用 map 遍历 和递归就解决了。

2024-04-26 11:28:36 377

原创 奇妙的探索——偶然发现的bug

嘻嘻,没有别的意思,只是想投简历,没想到会发现bug(还是一键三连),咱就是说毕竟是全球招聘官网,bug还是少整点。如果真的缺人的话,捞下我,我可以去给改bug。今天想在腾讯招聘官网找几个前端的岗位投一下,最近自己也在找工作,结果简历还没有投出去,就发现了腾旭招聘官网的3个前端bug。2.界面提示我绑定已有账号,接口报错,邮箱不存在,这是我的qq邮箱啊,怎么会不存在。不过这个是后端锅,毕竟是接口报错了。1.有时候鼠标hover还没有滑倒下拉选框的菜单上,就消失了,消失的太快了,根本点不到(偶发bug)

2024-04-23 22:30:59 414 2

原创 使用el-check-tag实现多选tag

上面代码中onChange方法实质上就是在判断数组中有没有这个元素,如果有,将数组里的元素删除,如果没有,给数组里面加入该元素。

2024-04-23 16:25:13 480

空空如也

空空如也

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

TA关注的人

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