- 博客(168)
- 收藏
- 关注
RSS订阅原创 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
722
原创 js 实现数组转树形数据（2024-08-01）
要将数组转换为树形结构，通常需要一个数组，其中每个元素都包含一个父节点的引用。以下是一个使用JavaScript实现的函数，假设每个元素都有一个唯一的 【id】和一个指向其父元素的【pId】
2024-08-01 15:36:42
295
原创 vue3运行若依前后台项目步骤（2024-07-19）
我的navicat事先安装的，mysql是有一篇文章安装教程，启动redis，不然会报错不能连接redis 6379端口。在浏览器打开localhost:8080即可访问服务。按照官方的方法，下载依赖，运行前端项目，将服务代理到本地刚刚启动的后台服务就行了。redis在官方下载包，解压启动即可。如下截图，即可运行成功。本地解压，运行exe。
2024-07-19 11:58:27
519
原创 MySQL-数据库-Mysql 8.0.11安装教程（2024-07-19）
要是你手贱，关快了，或者没记住，那也没事，删掉初始化的 datadir 目录，再执行一遍初始化命令，又会重新生成的。当然，也可以使用安全工具，强制改密码，用什么方法，自己随意。当然，如果你的电脑上需要安装多个MySQL服务，就可以用不同的名字区分了，比如 mysql5 和 mysql8。这时候会提示输入密码，记住了上面第3.1步安装时的密码，填入即可登录成功，进入MySQL命令模式。在安装时，必须以管理员身份运行cmd，否则在安装时会报错，会导致安装失败的情况。请记住这个初始密码。修改密码，注意命令尾的；
2024-07-19 09:19:37
476
原创 vue3前端代理，反向代理解决跨域问题（2024-7-18）
浏览器同源策略: 协议、域名和端口都相同是同源，浏览器会限制非同源请求读取响应结果。配置反向代理解决浏览器跨域问题.
2024-07-18 14:10:46
396
原创 vue3项目中浏览器打开本地文档或者下载本地应用的方法（2024-07-11）
此文件夹不会压缩并且路径不变，所以是最佳的存放文件的位置。在public文件夹下面加入预览的文件【操作说明文档】。
2024-07-11 16:48:32
843
原创 vite build 打包错误提示 EBUSY: resource busy or locked, copyfile ‘D:\gtv-web
如果是网络共享或通过远程文件服务器访问的资源，请确保网络连接稳定，并且没有其他用户正在操作该资源。确认没有其他应用程序正在使用该文件或文件夹。如果确定没有其他进程占用资源，可能是文件系统的问题。可以尝试重新启动计算机。命令试图复制文件到指定路径，但该路径上的文件或目录被另一个应用程序锁定。如果问题依旧存在，可以尝试使用不同的文件路径或者重命名文件再进行操作。检查文件或文件夹的权限设置，确保你有足够的权限来访问和操作这些文件。错误表明尝试使用的资源正被另一个进程占用或锁定。请根据实际情况选择适当的解决方法。
2024-07-11 16:20:03
411
原创 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
262
原创 vue3父组件获取子组件实例（2024-06-22）
属性为子组件设置一个引用名称。之后，可以在父组件的。来获取子组件的实例。首先，在父组件中需要引入。为其设置了一个引用。在Vue 3中，可以使用。API来访问子组件实例。是子组件，在父组件中通过。生命周期钩子中，可以通过。vue3获取子组件实例。访问到子组件的实例。
2024-06-22 09:13:58
813
原创 vue3使用render函数创建video元素实例（2024-06-19）
【代码】vue3使用render函数创建video元素实例（2024-06-19）
2024-06-19 15:19:24
149
原创 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
454
原创 最适合程序员的编程字体，漂亮、独特、优雅！（2024-06-17）
Fira Code是一款专为编程设计的开源字体，其最大的亮点在于其连字符功能，它可以将编程中常用的符号组合设计为特殊的图形，如""转变为双向箭头，">="和""显示为右向箭头等。JetBrains Mono 是由JetBrains公司专为开发者设计的一款等宽编程字体，字体设计特别关注字母的大小和形状、字形之间的空间量、自然等宽平衡、不必要的细节以及难以区分的符号或字母（如l和I）等因素。它采用等宽设计确保代码整洁易读，同时适用于多种应用场景，如编程开发、网页设计等。
2024-06-17 11:01:29
2820
原创 手把手教你写一个前端脚手架（2024-6-17）
脚手架是什么，相信各位已经熟悉得不能再熟悉了，毕竟无论是vue开发者（vue-cli）还是react（create-react-app）开发者，他们都有各自的脚手架，个人虽是用react更多，但不得不说是更喜欢vue-cli的，它的插件机制非常有意思，虽不如webpack的plugin那么方便，但也很强大。不过再讲这强大的功能之前，原谅我先水一篇脚手架的基础。
2024-06-17 10:39:44
1891
原创 【Vue3】如何封装一个超级好用的 Hook ！（2024-06-14）
Vue3 官方文档是这样定义组合式函数的。，一个利用 Vue 的组合式 API 来封装和复用具有状态逻辑的函数。这个概念借鉴自 React 的 Hook。在 16.8 的版本中，React 引入了 React Hook。这是一项特别强大的技术，通过封装有状态的函数，极大提高了组件的编写效率和维护性。在下文中也是使用 Hook 来替代“组合式函数”进行叙述。在开发中，我们经常会发现一些可以重复利用的代码段，于是我们将其封装成函数以供调用。
2024-06-14 14:36:55
1073
原创 vue2 + element-ui，前端配置化表单封装（2024-06-14）
如何定义「巨型」表单，这个因人而异。但如果只是一些：收货人信息、登陆、注册的这种比较简单的表单，那肯定算不上巨型，直接常规开发写模版就好了，没有必要为了配置化而配置化～从笔者的理解出发，表单项非常多，比如笔者曾经负责的「投放系统」，随随便便提交时都会涉及几十甚至上百个字段，这样整个表单会有几十、上百个表单项组成，这就算得上是巨型表单了。先给大家看看成品的其中的一小块截图～别看到截图好像表单项也就那样，根据右栏数起来共40+个，但是这个只是初期版的，还有很多字段是没接进来的；
2024-06-14 10:36:18
2011
1
原创 npm最新淘宝镜像站已经更新（2024-6-13）
原来的已替换为最新的配置淘宝镜像的淘宝官方提供的方法镜像站网址：npmmirror 镜像站编辑。
2024-06-13 14:44:41
21247
1
转载 经纬度和常见坐标系详解（2024-06-12）
经纬度坐标（Latitude and Longitude Coordinates）是一种用于地理定位的坐标系统，用来标识地球表面上特定位置的位置信息。经纬度坐标是基于地球的形状和结构而定义的。经度（Longitude）用来表示一个位置相对于地球的东西方向，以0度为基准线，向东为正值，向西为负值，最大值为180度。经度的单位通常是度（°）。纬度（Latitude）用来表示一个位置相对于地球的南北方向，以赤道为基准线，向北为正值，向南为负值，最大值为90度。纬度的单位也是度（°）。
2024-06-12 10:10:43
8872
原创 EPSG:4326和4490两种常见的坐标系统讲解（2024-06-12）
在地理信息系统（GIS）中，坐标系统由EPSG（European Petroleum Survey Group）定义。EPSG代码唯一标识了不同的坐标系统。
2024-06-12 08:16:57
1144
原创 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
290
原创 常见的几种坐标系说明（2024-06-08）
同时，跨坐标系转换也是常见的需求，可以使用专业的地理信息系统软件或在线工具来实现坐标系之间的转换。百度对外接口的坐标系为BD09坐标系，并不是GPS采集的真实经纬度，在使用百度地图JavaScript API服务前，需先将非百度坐标通过坐标转换接口转换成百度坐标。每一个坐标系都可以用不同的方式来描述地球上的点，这些点可以是一个城市、一条街道，甚至是一个具体的建筑物。坐标转换是一类简单的HTTP接口，能够将用户输入的非高德坐标（GPS坐标、mapbar坐标、baidu坐标）转换成高德坐标。
2024-06-08 08:30:00
1302
原创 WGS1984坐标与大地2000坐标的区别（2024-06-07）
CGCS2000（中国地球坐标系统2000）和WGS84（世界大地测量系统1984）是两个不同的地球坐标系统，它们用于在全球范围内定位地球表面的位置。这些系统对于地图制作、导航、地理信息系统（GIS）和卫星定位等应用至关重要。
2024-06-07 09:38:14
2836
原创 GeoJson格式简单说明（2024-06-06）
GeometryCollection（几何图元集合） – 包含多个简单几何对象的集合。Feature（要素） – 表示一个要素，包含一个几何图元和其他属性。FeatureCollection（要素集） – 包含多个要素的集合。MultiLineString（多条线） – 包含多条线的集合。MultiPolygon（多个面） – 包含多个面的集合。MultiPoint（多个点） – 包含多个点的集合。Point（点） – 表示一个具有一组地理坐标的点。Polygon（面）-- 包括由线形环组成的封闭面。
2024-06-06 09:24:56
652
原创 GeoJson 几何对象实例说明（2024-06-06）
（类似上面的代码）。"geometry" 包含着要素对象的几何信息，"properties" 包含着要素对象的其他属性。"geometry" 对象中的 "type":"Point" 表示这是一个点对象，而 "coordinates" 数组则包含着该点的经纬度坐标。成员的值要么是字符串、数字、对象、数组，要么是"true","false"和"null"，其中数组和对象都是由以上类型的值组成。GeoJSON对象可能有一个可选的"crs"成员，它的值必须是一个坐标参考系统的对象（见3.坐标参考系统对象）
2024-06-06 08:30:00
1026
原创 【JS】JavaScript编程语言-（Object）对象属性标志与对象属性描述符（2024-06-05）
我们知道，对象可以存储属性。到目前为止，属性对我们来说只是一个简单的“键值”对。但对象属性实际上是更灵活且更强大的东西：其他配置选项。
2024-06-05 09:21:00
901
1
原创 【JS】JavaScript编程语言-谷歌浏览器调试之前端代码（2024-06-05）
调试是指在一个脚本中找出并修复错误的过程。所有的现代浏览器和大多数其他环境都支持调试工具 —— 开发者工具中的一个令调试更加容易的特殊用户界面。它也可以让我们一步步地跟踪代码以查看当前实际运行情况。在这里我们将会使用 Chrome（谷歌浏览器）。
2024-06-05 08:54:33
1722
原创 【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
144
原创 【JS】JavaScript编程语言-数据类型 日期和时间（2024-06-04）
内建对象：日期（Date）。该对象存储日期和时间，并提供了日期/时间的管理方法。我们可以使用它来存储创建/修改时间，测量时间，或者仅用来打印当前时间。
2024-06-04 10:46:21
1052
原创 【JS】JavaScript编程语言之对象（Object）方法-“this”（2024-06-03）
存储在对象属性中的函数被称为“方法”。方法允许对象进行像这样的“操作”。方法可以将对象引用为this。this的值是在程序运行时得到的。一个函数在声明时，可能就使用了this，但是这个this只有在函数被调用时才会有值。可以在对象之间复制函数。，调用过程中的this值是object。请注意箭头函数有些特别：它们没有this。在箭头函数内部访问到的this都是从外部获取的。
2024-06-03 10:37:33
498
原创 【JS】JavaScript编程语言之对象（Object）基础知识（2024-06-03）
对象是具有一些特殊特性的关联数组。属性的键必须是字符串或者 symbol（通常是字符串）。值可以是任何类型。点符号:。方括号，方括号允许从变量中获取键，例如。。。循环。我们在这一章学习的叫做“普通对象（plain object）”，或者就叫对象。Array用于存储有序数据集合，Date用于存储时间日期，Error用于存储错误信息。……等等。它们有着各自特别的特性，我们将在后面学习到。
2024-06-03 10:22:38
714
原创 [JS] 前端充分使用console.log()有效输出（2024-6-1）
不要使用 console.log(url, url2, baz)，而是使用 console.log({ url, url2, baz })。在应用程序的多个地方记录日志时，想出一个唯一的前缀并在所有日志中使用它是很有用的。如果你比较这两者，你会发现这有多么有用：拥有 url 和 url2 键可以避免这两个 URL 之间的混淆。准确定位日志查询信息，如果有其他无关的日志在其中，这将节省你很多时间。你可以为你的 console.log 语句添加样式。在帮助你调查复杂的原型时非常有用，因为它们的。
2024-06-01 08:45:00
356
原创 前端Chrome控制台调试技巧，超级有用（2024-6-1）
console占位符描述%cCSS样式占位符，值就是CSS样式，如下示例，可用来自定义log的样式%oor%O打印 JavaScript 对象。在审阅器点击对象名字可展开更多对象的信息。%dor%i打印整数。支持数字格式化。例如，console.log("Foo %.2d", 1.1) 会输出有先导 0 的两位有效数字：Foo 01。%s打印字符串。%f打印浮点数。支持格式化，比如 console.log("Foo %.2f", 1.1) 会输出两位小数：Foo 1.10image.png。
2024-06-01 08:30:00
2231
原创 html5，h5是什么？h5常用标签和标签的分类（2024-05-31）
HyperText Markup Language 超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
2024-05-31 08:45:00
674
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人