YYYYYun的博客

uniapp 使用towxml

YYYYYun — Sun, 28 Sep 2025 13:32:10 +0800

uniapp使用towxml

鸿蒙初级考试备忘

YYYYYun — Fri, 14 Mar 2025 09:29:28 +0800

页面生命周期，即被@Entry装饰的组件生命周期，提供以下生命周期接口：onPageShow：页面每次显示时触发一次，包括路由过程、应用进入前台等场景。onPageHide：页面每次隐藏时触发一次，包括路由过程、应用进入后台等场景。onBackPress：当用户点击返回按钮时触发。aboutToAppear：组件即将出现时回调该接口，具体时机为在创建自定义组件的新实例后，在执行其build()函数之前执行。

vue-json-editor 使用中遇到的一些问题

YYYYYun — Fri, 29 Nov 2024 16:24:06 +0800

【代码】vue-json-editor 使用中遇到的一些问题。

【概念整理】Web Component

YYYYYun — Wed, 16 Oct 2024 16:51:27 +0800

Web Component是一套允许你创建可重用的定制元素的技术，它允许我们创建一个包含html结构、js脚本和css样式的可复用组件。主要用作自定义元素结构的基础。attributeChangedCallback: 当自定义元素的一个属性被增加、移除或更改时被调用。disconnectedCallback: 当自定义元素与文档DOM断开连接时被调用。connectedCallback: 当自定义元素第一次被连接到文档DOM时被调用。adoptedCallback: 当自定义元素被移动到新文档时被调用。

【概念整理】CDN预热和CDN刷新

YYYYYun — Tue, 15 Oct 2024 14:13:04 +0800

把CDN所有节点上对应的缓存资源标记为失效，当用户再次请求时，CDN会直接回源站获取对应的资源并返回给用户，同时将资源重新缓存到CDN节点。刷新功能会降低缓存命中率。源站主动将对应的资源缓存到CDN节点，用户首次请求资源时，即可直接从CDN节点获取到最新的资源，无需再回源站获取。预热不仅提高缓存命中率，还降低了源站的压力。

prefetch, preload, dns-prefetch,preconnect ，defer和async整理

YYYYYun — Fri, 11 Oct 2024 11:54:18 +0800

在 Chrome 中默认已经开启对静态资源的 dns 预解析，所有的a标签的href都会自动去启用DNS Prefetching，也就是说，网页的a标签href带的域名，是不需要在head里面加上link手动设置的，但是标签的默认启动在HTTPS不起作用，需要设置。dns-prefetch指令可以在尚未访问 url 的时候提前做 dns 解析缓存（和其他页面加载并行执行），从而在真正请求 url 的时候避免对 dns 服务器的解析，达到加速网页加载的目的。

var、let、const 整理

YYYYYun — Mon, 13 Nov 2023 13:45:15 +0800

谈到变量，就要说作用域，JS作用域可以分为两类：全局作用域和局部作用域（函数作用域），作用域限定了变量作用的范围。 var声明的变量存在变量提升，可重复定义。 const 声明常量，指向的栈地址不能改变，声明必须赋值。 ...

package。json

YYYYYun — Mon, 13 Nov 2023 13:44:52 +0800

~,^的区别是 ~的意思是匹配最近的小版本比如~1.2.3将会匹配所有的1.2.x版本，但不匹配1.3.0， 1.2.0 <= ~1.2.3 <1.3.0 ^的意思是最近的一个大版本比如1.2.3 将会匹配所有 1.x.x 包括1.3.0 但不包括2.0 1.0.0 <= ^1.2.3 < 1.x.x ...

js函数的私有属性和方法、静态属性和方法、实例属性和方法、原型属性和方法

YYYYYun — Mon, 13 Nov 2023 13:42:55 +0800

function Test(name) { this.name = name // 实例属性 this.say = function() { // 实例方法 console.log(this.name) } let age = 14 // 私有属性 function sing() { // 私有方法 console.log("sing") } } Test.lan.

连续箭头函数

YYYYYun — Thu, 27 Oct 2022 19:35:48 +0800

机器数、真值、原码、反码、补码概念

YYYYYun — Tue, 22 Feb 2022 14:27:03 +0800

机器数、真值、原码、反码、补码概念

TypeScript 学习笔记（2小时极速入门 TypeScript）

YYYYYun — Tue, 21 Dec 2021 16:57:57 +0800

‘## 大纲理论基础——开发环境——编译原理——工作流程——相关工具基础类型学习数字、布尔、字符串、数组、元组、联合、枚举、any、unknow、void、undefined、never 面向对象泛型、class、interface、module、nameSpace（命名空间）、元编程meta-programming(装饰器) 了解TypeScript 工作流安装typescript npm install -g typescript 检测typescript是否安装 tsc -v 使用

js数据处理时遇到的坑

YYYYYun — Mon, 20 Dec 2021 16:28:10 +0800

项目中多次遇到浮点数计算问题，众所周知，js在计算浮点数时候，结果可能会不准确，因为浮点数的小数部分无法用二进制很精准的转换出来，而以近似值来进行运算的话，就存在精度的问题因为项目中规定保留两位小数，但接口返回数据存在几种情况，数字型整数、数字型小数、字符串型整数、字符串型小数，导致考虑情况需要全面。初版，通过*100将两位小数转化为整数处理 let arr = ['10000','3621.27','10000','10000'] let result = arr.reduce(function(pr

百度地图JavaScript API自定义控件使用记录

YYYYYun — Thu, 09 Dec 2021 16:13:48 +0800

某页面中使用了百度地图，需要将自有的城市列表控件嵌套进一个自定义控件中 var cityCtrl = new BMapGL.CityListControl(); // 单独使用 var map = new BMapGL.Map("allmap"); // 创建Map实例 map.centerAndZoom(new BMapGL.Point(116.404, 39.915), 11); // 初始化地图,设置中心点坐标和地图级别 map.enableScrollWheelZoom(true);

xhr读取文件流错误信息

YYYYYun — Wed, 08 Sep 2021 15:51:19 +0800

var oReq = new XMLHttpRequest(); oReq.open("POST","url/test", true); oReq.responseType = "blob"; oReq.onload = function (oEvent) { if(oReq.status === 200){ const content = oReq.response; const blob = new Blob([content],{type : 'applicat

XLSX.js 解析excel日期不准确（暂时处理，未找到更好解决方案）

YYYYYun — Thu, 12 Aug 2021 10:25:20 +0800

excel文件上传，使用XLSX插件进行数据解析；在做文件上传的时候，发现月初和月末的日期获取不准确；单元格格式设置为日期

前端实现打印

YYYYYun — Tue, 10 Aug 2021 14:23:08 +0800

// window.print() // 获得要打印元素的内容 // 保存当前页面的整个html // 把当前页面替换为打印内容 // 执行打印操作 // 还原当前页面 let screenFullHtml = document.body.innerHTML let printHtml=document.getElementById('printCont').innerHTML; document.body.innerHTML = printHtml; window.print() documen

antd confirm 样例 this.$createElement 样例

YYYYYun — Tue, 10 Aug 2021 14:13:49 +0800

antd confirm 使用this.$createElement

asios相关补充并发取消请求配置

YYYYYun — Mon, 07 Jun 2021 17:16:41 +0800

并发请求 // 并发请求：同时进行多个请求，并统一处理 axios.all([ axios.get('/data.json'), axios.get('/city.json'), ]).then( asios.spread((dataRes,cityRes)=>{ }) ) 常用参数配置 asios 全局配置 axios.defaults.timeout = 3000 axios.defaults.baseURL = "http://localhost:8080"

记录（待学习任务）

YYYYYun — Mon, 24 May 2021 10:49:48 +0800

YYYYYun的博客

uniapp 使用towxml

鸿蒙初级考试备忘

vue-json-editor 使用中遇到的一些问题

【概念整理】Web Component

【概念整理】CDN预热和CDN刷新

prefetch, preload, dns-prefetch,preconnect ，defer和async整理

var、let、const 整理

package。json

js函数的私有属性和方法、静态属性和方法、实例属性和方法、原型属性和方法

连续箭头函数

机器数、真值、原码、反码、补码概念

TypeScript 学习笔记 （2小时极速入门 TypeScript）

js数据处理时遇到的坑

百度地图JavaScript API自定义控件使用记录

xhr读取文件流错误信息

XLSX.js 解析excel日期不准确（暂时处理，未找到更好解决方案）

前端实现打印

antd confirm 样例 this.$createElement 样例

asios相关补充 并发 取消请求 配置

记录（待学习任务）

TypeScript 学习笔记（2小时极速入门 TypeScript）

asios相关补充并发取消请求配置