hap1994的博客

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

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

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

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

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

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

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

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

存储在对象属性中的函数被称为“方法”。方法允许对象进行像这样的“操作”。方法可以将对象引用为this。this的值是在程序运行时得到的。一个函数在声明时，可能就使用了this，但是这个this只有在函数被调用时才会有值。可以在对象之间复制函数。，调用过程中的this值是object。请注意箭头函数有些特别：它们没有this。在箭头函数内部访问到的this都是从外部获取的。

对象是具有一些特殊特性的关联数组。属性的键必须是字符串或者 symbol（通常是字符串）。值可以是任何类型。点符号:。方括号，方括号允许从变量中获取键，例如。。。循环。我们在这一章学习的叫做“普通对象（plain object）”，或者就叫对象。Array用于存储有序数据集合，Date用于存储时间日期，Error用于存储错误信息。……等等。它们有着各自特别的特性，我们将在后面学习到。

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。

HyperText Markup Language 超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。

那些不被允许的字符必须被编码，例如非拉丁字母（ABCDEFGHIJKLMNOPQRSTUVWXYZ）和空格 —— 用其 UTF-8 代码代替，前缀为。另一方面，对于 URL 的单个组件，例如一个搜索参数，则必须对这些字符进行编码，以免破坏 URL 的格式。，这是不正确的，原因是：在 RFC2396 (August 1998) 时代，还不存在 IPv6 url。但是，如果参数中包含空格，非拉丁字母等（具体参见下文），参数就需要被编码。对象，字符串就足够了。进行编码，因为它对于整个 URL 来说是合法的字符。

其中 changeOrigin 表示将请求头中的 Host 字段设置为 target 的值，pathRewrite 表示对请求路径进行重写。在这个例子中，对于以 /dev-api 开头的请求路径，将其重写为空，即去掉 /dev-api 前缀。当前端使用 axios 请求 /dev-api/getInfo时，devServer 会将请求转发到。将所有以 /dev-api 开头的请求代理到。vue.config.js 文件。

【右键】-【show in Script】列出项目可执行的脚本 -【选中脚本】-【右键执行run serve】【scripts】-【要执行的脚本】-【右键】-【调出快捷方式】-【点击执行】方法2 ： 直接打开package.json文件。打开项目脚本文件package.json。

js小数进行数值运算时出现精度丢失问题JavaScript 的number类型在进行运算时都先将十进制转二进制，此时，小数点后面的数字转二进制时会出现无限循环的问题。为了避免这一个情况，要舍0进1，此时就会导致精度丢失问题。

Vite（发音同 "veet"）是一种新型前端构建工具，能够显著提升前端开发体验。它主要由两部分组成：一个开发服务器，它基于提供了，如速度快到惊人的。一套构建指令，它使用打包你的代码，并且它是预配置的，可输出用于生产环境的高度优化过的静态资源。vite的开发服务器vite在当前目录下启动 Vite 开发服务器。vite dev和vite serve是vite的别名。

用element-ui的 el-input，el-tree，el-popover组件组合封装。可以根据函数方法拿到里面的参数，实现多选节点效果。

npm 安装报错很多原因，大都是包下载不完整导致报错。检查是否有特定包安装失败，尝试单独安装该包，安装包大多数都能下，最后都是sass-loadernode-sass 下载不下来报错安装完之后可以通过cnpm -v 检验版本是否安装成功。使用cnpm安装依赖旧的 https://registry.npm.taobao.org已替换为 https://registry.npmmirror.com找到项目中版本单独下载就行

为了减小项目体积，只引入部分组件，比如 Button 和 Select，那么需要在 main.js 中写入以下内容。在main.js中写入以下内容，便完成了 Element 的引入。需要注意的是，样式文件需要单独引入。在页面上引入 js 和 css 文件即可开始使用。访问最新版本的资源地址 - element-ui。

数据结构比较复杂的时候，可使用多级表头来展现数据的层次关系。标签按照合并的层级放置标签即可实现，数据是正常的二维数据。表头多级且合并。

vue实例对象property属性 （$data，$props，$el，$parent，$root，$children，$refs，$attrs，$listeners等）类型：Object详细：Vue 实例观察的数据对象。Vue 实例代理了对其 data 对象 property 的访问。

CHTML网址chtml即code helper tag mark law 代码辅助标记方法，是一款简洁好用的在线的代码命名工具、变量命名工具、变量命名规则库，使用它可以让您轻松摆脱翻译软件的困扰，快速选择合适的变量名称用于开发工作中。中文转为英文，转为常见的方法，大小写，或者转为匈牙利命名法。