我是一个很懒的人，很少写博客。为什么？因为技术发展太快了，刚学习记录下来过段时间来看看，发现全都过时了。太浪费感情了。 曾经我也是一个软粉，一个.Net开发者，同学都入坑Android、Java踩着时代的红利拿高薪的时候。我却始终爱着微软。一直到微软彻底抛弃Windows Phone10的时候我才死 ...

本文中效果主要采用ThreeJS 中的着色器(Shader)以及结合ShaderMaterial实现的。 主要用到的内置方法有： step：是一个阶跃函数，它将一个浮点数与一个阈值进行比较，并返回一个阶跃值； 比如step(edge, x), 如果 x 小于等于 edge，则返回 0.0, 如果 x ...

01. Dart 介绍 02. Dart 开发环境搭建和开发工具的配置 03. Dart 语言的基础语法 04. Dart 数据类型 05. Dart 运算符 06. Dart 条件表达式 07. Dart 类型转换 08. Dart 循环语句 09. Dart break 和 continue 语 ...

title: 使用 useLazyAsyncData 提升数据加载体验 date: 2024/7/19 updated: 2024/7/19 author: cmdragon excerpt: 摘要：本文介绍useLazyAsyncData函数在Nuxt 3中的使用，以提升数据加载体验。此函数支持异 ...

上图直观展示了 Vue 的 Diff 算法流程：3种方式 比较根节点： 图中左侧的 "Old VNode" 和右侧的 "New VNode" 表示旧的和新的虚拟 DOM 根节点。 箭头表示比较过程，如果根节点不同，直接替换整个节点。 比较子节点： 当根节点相同时，递归比较子节点。 左侧 "Old C ...

‍ 写在开头 点赞 + 收藏 学会 有这样一种场景：如果你在开发过程中，发现某个npm包有Bug，应该怎么办？ 第一选择当然是向原作者提issue，或者Fork该仓库代码，修改以后，提交合并请求。 但这种情况有个严重的问题，就是耗时，如果遇到严格的作者，或者不活跃的作者，时间线可 ...

title: Nuxt.js 中使用 useHydration 实现数据水合与同步 date: 2024/7/18 updated: 2024/7/18 author: cmdragon excerpt: 摘要：介绍Nuxt.js中useHydration函数，用于控制客户端与服务器数据同步，实现数 ...

1. 防抖，回城-执行完成区间计时的那一次 触发事件时开始计时，计时结束后执行事件处理。当计时未结束再次触发事件，则清除计时器并重新计时。 思路：利用闭包，保存回调函数的计时器。判断计时器是否存在，是-清除原计时器。在计时器内调用事件处理函数。 注意：这里要搞清楚返回的匿名函数才是绑定的点击事件，而 ...

Pic Smaller —— 一款超级好用的在线图片压缩工具，基于 Vite + React 实现，直观、移动友好，并且支持压缩配置。 ...

title: useHeadSafe：安全生成HTML头部元素 date: 2024/7/17 updated: 2024/7/17 author: cmdragon excerpt: 摘要：“useHeadSafe”是Vue.js组合函数，用于安全生成HTML头部元素，通过限制输入值格式避免XSS ...

‍ 写在开头 点赞 + 收藏 学会 1、支付宝不支持v-show 改为v-if。 2、v-html App端和H5端支持 v-html ，微信小程序会被转为 rich-text，其他端不支持 v-html。 解决方法：去插件市场找一个支持跨端的富文本组件。 3、导航栏处有背景色延 ...

其实很久以前，Nginx就设想推出JavaScript for Nginx了，可惜直到现在都不完善，甚至在国内关注的人都寥寥无几 虽然如此，但Nginx出品的高并发NJS还是很香啊，原生集成就是好 但是，你知道怎么交叉编译Nginx和Nginx的JS引擎njs吗？ 你想要尝试使用Nginx+NJS搭... ...

1.路由配置 1.1路由组件的雏形 src\views\home\index.vue（以home组件为例） 1.2路由配置 1.2.1路由index文件 src\router\index.ts //通过vue-router插件实现模板路由配置 import { createRouter, creat ...

如何通过 Promise 实现百条接口请求？ 实际项目中遇到需要发起上百条Promise接口请求怎么办？ 前言 不知你项目中有没有遇到过这样的情况，反正我的实际工作项目中真的遇到了这种玩意，一个接口获取一份列表，列表中的每一项都有一个属性需要通过另一个请求来逐一赋值，然后就有了这份封装 真的是很多功 ...

title: Nuxt.js头部魔法：轻松自定义页面元信息，提升用户体验 date: 2024/7/16 updated: 2024/7/16 author: [ cmdragon ](https://cmdragon.cn) excerpt: 摘要：“Nuxt.js头部魔法：轻松自定义页面元信息， ...

浅拷贝和深拷贝的区别 浅拷贝：浅拷贝指的是复制一个对象的时候，对于对象的一个属性， 如果是基本数据类型，则复制其值； 如果是引用数据类型，则复制其引用。 深拷贝：深拷贝指的是复制一个对象的时候，对于对象的一个属性， 如果是基本数据类型，则复制其值； 如果是引用数据类型，则递归地深拷贝该对象。 从内存 ...

使用 CSS 选择器实现对不含 title 属性元素的选择 在 CSS 中，选择器用于指定样式规则应用于哪些元素。虽然 CSS 没有直接排除某些属性的功能，但是可以通过使用伪类选择器和属性选择器来实现排除含有特定属性的元素的效果。 要排除含有 title 属性的元素，可以使用 :not 伪类选择器。 ...

短剧播放器是微信官方为微短剧类目小程序提供的播放器插件。 开发者可引入短剧播放器插件后，基于自身需求快速进行开发上线。 小程序中使用短剧播放器需要以下几个条件 小程序已有短剧类目（文娱->微短剧），并且将该类目设为主类目 小程序引入短剧播放器插件 微信官方短剧插件文档 小程序后台接入微信媒资管理，  ...

使用 CSS 实现透明效果 在 CSS 中，实现透明效果有几种方法，具体使用哪种方法取决于具体需求。以下是一些常见的方法： 使用 opacity 属性： opacity 属性可以设置整个元素的透明度，包括其所有的子元素。 .transparent { opacity: 0.5; /* 0 表示完全透 ...

首先导入CDN <!--导入vue与axios--> <script src="https://cdn.jsdelivr.net/npm/vue@2"></script> <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.j ...