自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 element-ui使用时间选择器 datetime 类型报错

对全局方法进行重命名,避免与Element UI的内部方法冲突。例如,如果存在名为dateFormat的全局方法,可以将其改为customDateFormat等其他名称,确保不与Element UI的计算属性冲突。当使用日期组件的type="datetime"时,可能会遇到mask.replace is not a function的错误提示,导致组件无法正常渲染。这通常是因为在项目中定义了与Element UI内部冲突的全局方法,例如dateFormat等方法名与组件内部的计算属性发生了冲突。

2025-02-26 11:57:30 234

原创 webstorm关闭了弹窗 Confirm Exit 恢复回来

WebStorm 关闭了“Confirm Exit”功能,意味着当用户尝试关闭IDE时,不会显示确认对话框,直接退出程序。进入设置界面,通常可以通过点击File > Settings或使用快捷键Ctrl+Alt+S(在Mac上是Cmd+,)。在设置界面中,寻找"Appearance & Behavior" > "System Settings"。这样,当你尝试关闭WebStorm时,它将会弹出确认对话框,让你确认是否真的想要退出。找到"Confirm application exit"选项,并勾选它。

2024-12-05 14:56:05 257

原创 webstorm2.4新版本, 关闭粘性行,页面的浮板(显示类与方法页面挂在头上的那一块)

在Settings->Editor->General->Appearance的页面可以看到框起来的这行,Show sticky lines while scrolling xx max lines,默认是5。在Settings->Editor->General->Appearance的页面可以看到框起来的这行,Show sticky lines while scrolling xx max lines,默认是5。

2024-12-05 10:13:39 597

原创 在Vite创建项目中引入Sass弹出The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0

在Vite创建项目中引入Sass弹出The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0。

2024-11-29 10:03:46 523 2

原创 vite. 打包报错 <script src=“./config.js“> in “/index.html“ can‘t be bundled without type=“module“ attrib

其实,问题出现在vite打包时文件访问路径的地方,也就是说,我们通过声明或标签引入静态资源时,引入的路径出现了问题,可能出现npm run dev可以正常运行,而npm run build时就会报错。="module" attribute,报错大致意思是我们引入js文件时缺少了type='module'属性。如果你确实使用了JS的模块化,那么你直接加上type='module'属性基本就能够引入成功,解决报错。但是,我并没有使用JS模块化,我就想直接引入,全局生效。

2024-11-26 14:56:38 1074

原创 (2024-10-10)Nginx相关知识,前端应该学会的基础知识

以上就是Nginx常用的内容,工作中遇到的经常遇到的一些情况,足够来部署前端服务。

2024-10-10 10:19:41 1072

原创 render函数具体参数解析(2024-09-11)

在 Vue 2 中,render函数是一个用于创建 Vue 组件虚拟DOM的函数。它允许你以编程方式定义组件的结构,而不是使用模板语法。render 函数接受一个 createElement 函数作为参数,并返回一个虚拟 DOM 节点。createElement 函数用于创建 Vue 的虚拟节点( VNode)。(在 Vue.js 中,h 函数通常是 createElement 的别名。// render 基本结构'div', // 标签名。

2024-09-11 14:40:14 1041

原创 创建vue3项目(npm create vite)(2024-08-13)

按照步骤创建项目里面有步骤选技术。

2024-08-13 15:15:18 258 1

原创 js 实现数组转树形数据(2024-08-01)

要将数组转换为树形结构,通常需要一个数组,其中每个元素都包含一个父节点的引用。以下是一个使用JavaScript实现的函数,假设每个元素都有一个唯一的 【id】和一个指向其父元素的【pId】

2024-08-01 15:36:42 354

原创 idea server output框乱码问题处理(2024-08-01)

亲测有效!!idea-server-output 控制台乱码问题处理

2024-08-01 08:45:09 395

原创 vue3运行若依前后台项目步骤(2024-07-19)

我的navicat事先安装的,mysql是有一篇文章安装教程,启动redis,不然会报错不能连接redis 6379端口。在浏览器打开localhost:8080即可访问服务。按照官方的方法,下载依赖,运行前端项目,将服务代理到本地刚刚启动的后台服务就行了。redis在官方下载包,解压启动即可。如下截图,即可运行成功。本地解压,运行exe。

2024-07-19 11:58:27 1085

原创 MySQL-数据库-Mysql 8.0.11安装教程(2024-07-19)

要是你手贱,关快了,或者没记住,那也没事,删掉初始化的 datadir 目录,再执行一遍初始化命令,又会重新生成的。当然,也可以使用安全工具,强制改密码,用什么方法,自己随意。当然,如果你的电脑上需要安装多个MySQL服务,就可以用不同的名字区分了,比如 mysql5 和 mysql8。这时候会提示输入密码,记住了上面第3.1步安装时的密码,填入即可登录成功,进入MySQL命令模式。在安装时,必须以管理员身份运行cmd,否则在安装时会报错,会导致安装失败的情况。请记住这个初始密码。修改密码,注意命令尾的;

2024-07-19 09:19:37 757

原创 vue3项目常用前端的技术栈(2024-7-18)

vue3常用技术栈介绍

2024-07-18 14:19:34 325

原创 vue3前端代理,反向代理解决跨域问题(2024-7-18)

浏览器同源策略: 协议、域名和端口都相同是同源,浏览器会限制非同源请求读取响应结果。配置反向代理解决浏览器跨域问题.

2024-07-18 14:10:46 627

原创 vue3前端项目结构解析(2024-07-12)

【代码】vue3前端项目结构解析(2024-07-12)

2024-07-12 09:54:09 347

原创 vue3项目中浏览器打开本地文档或者下载本地应用的方法(2024-07-11)

此文件夹不会压缩并且路径不变,所以是最佳的存放文件的位置。在public文件夹下面加入预览的文件【操作说明文档】。

2024-07-11 16:48:32 1489

原创 vite build 打包错误提示 EBUSY: resource busy or locked, copyfile ‘D:\gtv-web

如果是网络共享或通过远程文件服务器访问的资源,请确保网络连接稳定,并且没有其他用户正在操作该资源。确认没有其他应用程序正在使用该文件或文件夹。如果确定没有其他进程占用资源,可能是文件系统的问题。可以尝试重新启动计算机。命令试图复制文件到指定路径,但该路径上的文件或目录被另一个应用程序锁定。如果问题依旧存在,可以尝试使用不同的文件路径或者重命名文件再进行操作。检查文件或文件夹的权限设置,确保你有足够的权限来访问和操作这些文件。错误表明尝试使用的资源正被另一个进程占用或锁定。请根据实际情况选择适当的解决方法。

2024-07-11 16:20:03 1212

原创 Vue3生命周期与vue2生命周期对比(2024-06-27)

1、setup() : 开始创建组件,在 beforeCreate 和 created 之前执行,创建的是 data 和 method。8、onActivated(): 被包含在 中的组件,会多出两个生命周期钩子函数,被激活时执行;9、onDeactivated(): 比如从 A 组件,切换到 B 组件,A 组件消失时执行;2、onBeforeMount() : 组件挂载到节点上之前执行的函数;4、onBeforeUpdate(): 组件更新之前执行的函数;Vue3中的生命周期。

2024-06-27 16:18:49 320

原创 vue3父组件获取子组件实例(2024-06-22)

属性为子组件设置一个引用名称。之后,可以在父组件的。来获取子组件的实例。首先,在父组件中需要引入。为其设置了一个引用。在Vue 3中,可以使用。API来访问子组件实例。是子组件,在父组件中通过。生命周期钩子中,可以通过。vue3获取子组件实例。访问到子组件的实例。

2024-06-22 09:13:58 1531

原创 vue3 中v-model语法糖(2024-06-21)

实现父子组件双向数据绑定,一个输入框或者组件指定绑定一个 v-model。

2024-06-21 13:43:03 421

原创 vue3事件处理和插值的语法糖(2024-06-21)

【代码】vue3语法糖(2024-06-21)

2024-06-21 08:42:43 177

原创 超图superman配置文件(2024-06-21)

【代码】超图superman配置文件(2024-06-21)

2024-06-21 08:19:14 293

原创 vue3使用render函数创建video元素实例(2024-06-19)

【代码】vue3使用render函数创建video元素实例(2024-06-19)

2024-06-19 15:19:24 208

原创 vue3中使用render函数创建元素(2024-06-19)

之前没有接触过render函数,直接在vue3上进行使用,网上找了很多方法,很多都是在setup中使用,没有找到在setup语法糖中的写法,试了很多次才搞明白,菜🐕飘过。vue3使用render,h函数(未使用setup语法糖)vue3 在setup语法糖中使用render,h函数。1、vue3中需要从vue中先引入h。3:在template直接当作组件。2、定义render函数。

2024-06-19 15:08:20 816

原创 最适合程序员的编程字体,漂亮、独特、优雅!(2024-06-17)

Fira Code是一款专为编程设计的开源字体,其最大的亮点在于其连字符功能,它可以将编程中常用的符号组合设计为特殊的图形,如""转变为双向箭头,">="和""显示为右向箭头等。JetBrains Mono 是由JetBrains公司专为开发者设计的一款等宽编程字体,字体设计特别关注字母的大小和形状、字形之间的空间量、自然等宽平衡、不必要的细节以及难以区分的符号或字母(如l和I)等因素。它采用等宽设计确保代码整洁易读,同时适用于多种应用场景,如编程开发、网页设计等。

2024-06-17 11:01:29 8519 2

原创 手把手教你写一个前端脚手架(2024-6-17)

脚手架是什么,相信各位已经熟悉得不能再熟悉了,毕竟无论是vue开发者(vue-cli)还是react(create-react-app)开发者,他们都有各自的脚手架,个人虽是用react更多,但不得不说是更喜欢vue-cli的,它的插件机制非常有意思,虽不如webpack的plugin那么方便,但也很强大。不过再讲这强大的功能之前,原谅我先水一篇脚手架的基础。

2024-06-17 10:39:44 2122

原创 【Vue3】如何封装一个超级好用的 Hook !(2024-06-14)

Vue3 官方文档是这样定义组合式函数的。,一个利用 Vue 的组合式 API 来封装和复用具有状态逻辑的函数。这个概念借鉴自 React 的 Hook。在 16.8 的版本中,React 引入了 React Hook。这是一项特别强大的技术,通过封装有状态的函数,极大提高了组件的编写效率和维护性。在下文中也是使用 Hook 来替代“组合式函数”进行叙述。在开发中,我们经常会发现一些可以重复利用的代码段,于是我们将其封装成函数以供调用。

2024-06-14 14:36:55 1150

原创 vue2 + element-ui,前端配置化表单封装(2024-06-14)

如何定义「巨型」表单,这个因人而异。但如果只是一些:收货人信息、登陆、注册的这种比较简单的表单,那肯定算不上巨型,直接常规开发写模版就好了,没有必要为了配置化而配置化~从笔者的理解出发,表单项非常多,比如笔者曾经负责的「投放系统」,随随便便提交时都会涉及几十甚至上百个字段,这样整个表单会有几十、上百个表单项组成,这就算得上是巨型表单了。先给大家看看成品的其中的一小块截图~别看到截图好像表单项也就那样,根据右栏数起来共40+个,但是这个只是初期版的,还有很多字段是没接进来的;

2024-06-14 10:36:18 2431 3

原创 npm最新淘宝镜像站已经更新(2024-6-13)

原来的已替换为最新的配置淘宝镜像的淘宝官方提供的方法镜像站网址:npmmirror 镜像站​编辑。

2024-06-13 14:44:41 32510 3

转载 经纬度和常见坐标系详解(2024-06-12)

经纬度坐标(Latitude and Longitude Coordinates)是一种用于地理定位的坐标系统,用来标识地球表面上特定位置的位置信息。经纬度坐标是基于地球的形状和结构而定义的。经度(Longitude)用来表示一个位置相对于地球的东西方向,以0度为基准线,向东为正值,向西为负值,最大值为180度。经度的单位通常是度(°)。纬度(Latitude)用来表示一个位置相对于地球的南北方向,以赤道为基准线,向北为正值,向南为负值,最大值为90度。纬度的单位也是度(°)。

2024-06-12 10:10:43 17265

原创 EPSG:4326和4490两种常见的坐标系统讲解(2024-06-12)

在地理信息系统(GIS)中,坐标系统由EPSG(European Petroleum Survey Group)定义。EPSG代码唯一标识了不同的坐标系统。

2024-06-12 08:16:57 2318

原创 Cesium中的坐标系统简单说明(2026-06-08)

这里的Cartesian3,有点类似于三维系统中的Point3D对象,new Cesium.Cartesian3(x, y, z)通常使用地理坐标来进行位置表达,笛卡尔空间坐标系常用来做一些空间位置变换如平移旋转缩放,屏幕坐标常用来做用户交互等,三者之间相互转换。(3)屏幕坐标即屏幕显示的二维坐标,左上角为坐标原点,鼠标点击即可获取,new Cesium.Cartesian2(x, y)cesium中坐标系统分为地理坐标、世界坐标(X,Y,Z)、屏幕坐标三种。

2024-06-08 08:45:00 526 1

原创 常见的几种坐标系说明(2024-06-08)

同时,跨坐标系转换也是常见的需求,可以使用专业的地理信息系统软件或在线工具来实现坐标系之间的转换。百度对外接口的坐标系为BD09坐标系,并不是GPS采集的真实经纬度,在使用百度地图JavaScript API服务前,需先将非百度坐标通过坐标转换接口转换成百度坐标。每一个坐标系都可以用不同的方式来描述地球上的点,这些点可以是一个城市、一条街道,甚至是一个具体的建筑物。坐标转换是一类简单的HTTP接口,能够将用户输入的非高德坐标(GPS坐标、mapbar坐标、baidu坐标)转换成高德坐标。

2024-06-08 08:30:00 3481

原创 世界坐标系和WGS84坐标系相互转换(2024-06-07)

【代码】世界坐标系和WGS84坐标系相互转换。

2024-06-07 10:20:16 412

原创 WGS1984坐标与大地2000坐标的区别(2024-06-07)

CGCS2000(中国地球坐标系统2000)和WGS84(世界大地测量系统1984)是两个不同的地球坐标系统,它们用于在全球范围内定位地球表面的位置。这些系统对于地图制作、导航、地理信息系统(GIS)和卫星定位等应用至关重要。

2024-06-07 09:38:14 4449

原创 GeoJson格式简单说明(2024-06-06)

GeometryCollection(几何图元集合) – 包含多个简单几何对象的集合。Feature(要素) – 表示一个要素,包含一个几何图元和其他属性。FeatureCollection(要素集) – 包含多个要素的集合。MultiLineString(多条线) – 包含多条线的集合。MultiPolygon(多个面) – 包含多个面的集合。MultiPoint(多个点) – 包含多个点的集合。Point(点) – 表示一个具有一组地理坐标的点。Polygon(面)-- 包括由线形环组成的封闭面。

2024-06-06 09:24:56 1185

原创 GeoJson 几何对象实例说明(2024-06-06)

(类似上面的代码)。"geometry" 包含着要素对象的几何信息,"properties" 包含着要素对象的其他属性。"geometry" 对象中的 "type":"Point" 表示这是一个点对象,而 "coordinates" 数组则包含着该点的经纬度坐标。成员的值要么是字符串、数字、对象、数组,要么是"true","false"和"null",其中数组和对象都是由以上类型的值组成。GeoJSON对象可能有一个可选的"crs"成员,它的值必须是一个坐标参考系统的对象(见3.坐标参考系统对象)

2024-06-06 08:30:00 1828

原创 【JS】JavaScript编程语言-(Object)对象属性标志与对象属性描述符(2024-06-05)

我们知道,对象可以存储属性。到目前为止,属性对我们来说只是一个简单的“键值”对。但对象属性实际上是更灵活且更强大的东西:其他配置选项。

2024-06-05 09:21:00 983 1

原创 【JS】JavaScript编程语言-谷歌浏览器调试之前端代码(2024-06-05)

调试是指在一个脚本中找出并修复错误的过程。所有的现代浏览器和大多数其他环境都支持调试工具 —— 开发者工具中的一个令调试更加容易的特殊用户界面。它也可以让我们一步步地跟踪代码以查看当前实际运行情况。在这里我们将会使用 Chrome(谷歌浏览器)。

2024-06-05 08:54:33 2145

原创 【JS】JavaScript编程语言,pop/push, shift/unshift 数组操作(2024-06-04)

对于栈来说,最后放进去的内容是最先接收的,也叫做 LIFO(Last-In-First-Out),即后进先出法则。fruits.pop() 和 fruits.at(-1) 都返回数组的最后一个元素,但 fruits.pop() 同时也删除了数组的最后一个元素,进而修改了原数组。shift 取出队列首端的一个元素,整个队列往前移,这样原先排第二的元素现在排在了第一。这在计算机科学中,允许这样的操作的数据结构被称为 双端队列(deque)。JavaScript 中的数组既可以用作队列,也可以用作栈。

2024-06-04 10:54:58 173

天气的雪碧图,晴天,雪天,雨天,雾天等

天气的雪碧图,晴天,雪天,雨天,雾天等

2024-05-27

高德地图AMap-adcode-citycode

高德地图AMap-adcode-citycode

2024-05-15

空空如也

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

TA关注的人

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