自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 V3+TS(基础知识详解)

Vue 3 与 TypeScript 的结合为开发者提供了一种强大且类型安全的开发体验。Vue 3 是 Vue.js 的最新版本,它带来了许多改进和新特性,如 Composition API、更好的 TypeScript 支持、更小的包体积等。而 TypeScript 是一种 JavaScript 的超集,它添加了静态类型检查和一些新的语法特性,使得代码更加健壮和易于维护。

2024-04-07 10:56:40 243

原创 Vue 组件的 mixin 函数,用于屏幕适配

总结:这段代码的主要功能是,在组件挂载后,根据当前窗口的宽高比与设计稿的宽高比进行比较,然后动态地调整组件的缩放值,以实现屏幕适配。同时,它还考虑了窗口大小改变的情况,并在窗口大小改变时重新进行屏幕适配。这段代码是一个 Vue 组件的 mixin 函数,主要用于屏幕适配。

2024-04-04 09:55:06 558 2

原创 封装一个导出表格数据的函数

在函数内部,首先使用 request 工具发起一个 POST 请求,请求的地址是传入的 url,请求的数据是传入的 query。设置请求的 responseType 为 blob,以便处理文件类型的响应数据。

2024-04-03 09:06:17 220 1

原创 H5屏幕适配

当我们在移动端开发中,需要确保网页在不同设备上的显示效果一致,就需要进行H5屏幕适配。下面对使用vw/vh单位和使用rem单位进行适配进行详细解读。首先,Vant默认使用px作为样式单位,但是我们希望使用viewport单位(vw, vh, vmin, vmax)进行适配。我们可以使用postcss-px-to-viewport插件,将px单位转换为viewport单位。

2024-02-01 13:45:58 520 1

原创 将时间戳转换为文本

否则,根据时间差的大小,计算出分钟差 `minC`、小时差 `hourC`、天数差 `dayC`、周数差 `weekC` 和月数差 `monthC`。它接受一个时间戳 `dateTimeStamp` 作为参数,并返回一个表示时间差的文本描述。接下来,获取当前时间的时间戳 `now`,并计算出时间差 `diffValue`,即当前时间与给定时间戳的差值。在函数内部,首先定义了一些常量,用来表示分钟、小时、天、周、半个月和一个月的毫秒数。整个函数通过 `return` 返回最终的结果字符串 `result`

2024-01-24 15:26:35 386

原创 移动端学习笔记

1.转换 transform: translate(水平移动距离,垂直移动距离);像素单位数值;百分比(参照物为盒子自身尺寸)注意:X轴正向为右,Y轴正向为下;移动translate()如果只给出一个值,表示x轴方向移动距离单独设置某个方向的移动距离: translateX() & translateY()伪元素具有行内特性;缩放倍数 transform:scale(缩放倍数);背景渐变:适用于盒子的背景;background-image: linear-gradient(颜色1,颜色2,颜色n)

2024-01-24 08:17:11 369

原创 SQL-更新(场景使用)

使用窗口函数 ROW OVER() (PARITITION BY "按那个字段" ORDER BY "对什么排序" )中的设备ID、性别和年龄信息,并将用户的年龄划分为四个范围:"20岁以下"、"20-24岁"、"25岁及以上"和"其他"。中按学校分组并按GPA排序的数据进行排名,然后返回每个学校中GPA最低的记录,返回设备ID、学校名称和最低GPA。年龄范围划分为"25岁及以上"和"25岁以下"两个范围。中查询出每个学校中GPA最低的记录,返回设备ID、学校名称和最低GPA,并按学校名称升序排序。

2024-01-18 10:45:57 1024 1

原创 最近学习了数据库的基础知识,简单总结一下

数据库列存储表中的组织信息行存储表中的明细记录。

2024-01-15 16:58:22 912 1

原创 可视化工具 (Power Bl)

在 Power BI 中,你可以使用丰富的可视化组件来创建图表、地图、矩阵等,并将这些组件组合成报表和仪表板。同时,Power BI 的可视化组件可以通过 Web 技术在 Web 应用程序中嵌入,使得用户可以在网页上与数据进行交互

2023-12-11 09:10:36 562

原创 在Vue页面中实现平滑滚动功能

这是一个实现平滑滚动的函数,可以让页面在滚动到指定位置时产生缓动效果。该函数依赖于Math.easeInOutQuad函数和requestAnimFrame函数,其中Math.easeInOutQuad函数用于计算当前滚动位置的值(根据时间、起始值、变化量和持续时间),requestAnimFrame函数用于实现动画效果。

2023-12-02 10:30:00 980 1

原创 防止重复点击弹出 Element UI 消息弹框

这段代码的主要作用之一就是防止重复点击重复弹出消息弹框。通过创建 messageInstance 变量来存储当前消息实例,并在每次调用 resetMessage 函数时先关闭已有的消息实例,然后再创建新的消息实例。这样可以确保在消息弹框未关闭的情况下,避免重复触发消息弹框。

2023-12-01 15:08:03 519 1

原创 借助腾讯地图api实现逆地址解析

借助腾讯地图api实现逆地址解析,找到腾讯地图的官网,找到地图API,找到微信小程序的对应的开发文档,按着文档的步骤进行设置

2023-11-28 14:17:49 1193

原创 windows 多版本管理工具 nvm-windows

在安装nvm之前,先说一下为什么安装nvm,首先前端在公司开发项目,node环境是前端必不可缺需要配置的,因为不管是vue还是react,现阶段的项目90%都是工程化项目,而前端工程化项目又是基于node的。

2023-11-27 10:00:00 718 1

原创 代码量统计工具

Coding Tracker:编码活动跟踪器(时间、文件、类型),统计在vscode中开发时间的工具

2023-11-26 10:26:04 582 1

原创 JavaScript 函数防抖的实现

在 JavaScript 开发中,函数防抖是一种常用的技术,它可以有效地限制函数的执行频率,避免在频繁触发的情况下浪费资源。本文将介绍函数防抖的概念、原理以及如何实现与应用。

2023-11-26 08:56:10 450

原创 JavaScript代码实现:打开新窗口并设置尺寸和位置

在网页开发中,我们有时候需要打开一个新的浏览器窗口,并且能够控制这个新窗口的尺寸和位置。在 JavaScript 中,我们可以使用window.open函数来实现这个功能。下面是一个示例代码,展示了如何使用 JavaScript 打开一个新的窗口,并设置其尺寸和位置。

2023-11-25 10:30:00 683

原创 正则表达式:强大的文本处理工具

项目中常用的正则库定义了一些常见的正则表达式规则和对应的提示信息。可以通过引入和调用formValidate函数来进行表单校验。

2023-11-24 09:19:25 482 1

原创 Git在工作中的实际应用指南

入职一家新公司,你的 leader 给你分配了仓库的权限后,如何配置本地的 Git 环境并拉取代码?莫慌,按照下面我讲的四个步骤走,保证你可以顺利使用 Git 进行拉取代码!

2023-11-23 16:56:30 268

V3+TS(基础知识解读)

Vue 3 与 TypeScript 的结合为开发者提供了一种强大且类型安全的开发体验。Vue 3 是 Vue.js 的最新版本,它带来了许多改进和新特性,如 Composition API、更好的 TypeScript 支持、更小的包体积等。而 TypeScript 是一种 JavaScript 的超集,它添加了静态类型检查和一些新的语法特性,使得代码更加健壮和易于维护。

2024-04-07

空空如也

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

TA关注的人

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