- 博客(102)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 yarn install安装依赖报错node-sass不兼容的问题排查及解决
现在好多老项目以前使用的node-sass，然后去安装依赖的就会出问题报错什么python没安装c++没安装啥的，是因为网络不好node-sass没下载成功所以本地执行编译需要用到python 、 c++那些，别去安装那些，基本没什么卵用。
2025-01-17 14:14:48
406
原创 记录一下vue2项目优化，虚拟列表vue-virtual-scroll-list处理10万条数据
数据，页面卡死，如何优化？el-select不适合这么多数据会卡顿，去模拟一个类似el-select下拉的内容显示区域。
2025-01-09 18:33:07
789
原创 微信小程序图片上传到UCloud
3、chooseMedia - 选择并上传媒体文件（最常用）5、getResourceUrls - 批量获取资源URL。4、getResourceUrl - 获取资源完整URL。2、uploadFiles - 批量上传多个文件。】上有个例子，在微信小程序端上传文件到US3。1、uploadFile - 上传单个文件。进行二次封装upload.js。看UCloud文档【
2025-01-06 15:28:01
246
原创 微信小程序横屏页面跳转后，自定义navbar样式跑了？
今天刚遇到的问题，横屏的页面完成操作后跳转页面后，自定义的tabbar样式乱了，跑到最顶了，真机调试后发现navbar跑到手机状态栏了，它正常应该跟右边胶囊一行。知道问题了就好办了，先分析。
2024-12-11 16:27:08
1090
原创 微信小程序做电子签名功能
就是用canvas画，小程序里这种需求一般都是用canvas。直接搂代码吧,复制过去就可以用，有其他需求自己改吧改吧。收工，有需要copy去吧，哈哈哈哈哈哈哈哈哈哈。最近需求要做就记录一下。
2024-12-11 10:01:24
1012
2
原创 Node.js 版本管理的最终答案 Volta
对于存在的每个文件，volta 安装程序将对其进行修改，以包含定义 VOLTA_HOME 的行，并将 $VOLTA_HOME/bin 添加到 PATH 环境变量中。使用 Volta，你可以在手动给项目选择一个 Node 版本，然后再也不必关心它，甚至可以在不同项目目录之间任意切换，也不再需要手动在不同 Node 版本之间切换。但是你怎么能保证所有人都安装volta呢，除非特别规范的团队可以做到，开发工具ide等等的统一，不然没使用volta的人还是得自己手动安装，版本设置必须位于要运行的命令之前。
2024-11-13 14:26:49
1383
1
原创 web浏览器环境下使用window.open()打开PDF文件不是预览，而是下载文件？
Content-Disposition 是 HTTP 响应头中的一个字段，用于指示响应的内容是以何种方式呈现给用户的。它主要用于描述如何处理响应体中的内容，例如是否应该将内容保存到磁盘，或者直接在浏览器中显示。具体情况具体对待，我这里是服务器配置的。
2024-11-13 11:30:23
1373
原创 yarn install 出现 error Error: certificate has expired
旧域名于2021年官方公告域名更换事件，已于2022年05月31日零时起停止服务，域名HTTPS证书于2024年1月22日正式到期，不可再用。，因为存在yarn.lock的项目执行。是它里面去执行下载固定版本的包。查看后发现之前一直在使用的是。在本地环境直接忽略证书验证。一顿操作猛如虎，重新运行。，提示证书过期了，查看。
2024-11-02 15:41:41
836
1
原创 Warning: Don’t paste code into the DevTools Console that you don’t understand or haven’t reviewed
大概意思就是：不要将你不理解或没有自己检查过的代码粘贴到DevTools控制台。这可能允许攻击者窃取您的身份或控制您的计算机。请在下面输入“allow pasting”，然后按回车键允许粘贴。控制台输入 allow pasting， 回车就好了。最近浏览器控制台突然不能粘贴代码了，报了个警告。
2024-10-30 09:56:33
5942
原创 windows使用pyenv切换python版本
pyenv 是一个简单的 Python 版本管理工具，它允许你轻松地切换多个版本的 Python，并且为每个项目设置不同的 Python 版本。（跟nvm切换nodejs版本一个意思）在 Windows 上，你可以使用 scoop 或 chocolatey 包管理器来安装 pyenv。完事了，可以在windows上随便切换python版本了。使用包管理工具 Scoop 或 Chocolatey。我用的choco，scoop总是报错。
2024-10-21 16:52:03
675
原创 JS里的 ?? 和 || 有啥区别
（逻辑或运算符）都可以用来处理变量值，但是切记这俩玩意不一样，是有区别的。时，返回右侧的操作数；否则，返回左侧的操作数。）时，返回右侧的操作数；否则，返回左侧的操作数。是一个短路逻辑运算符，当左侧的操作数为。是一个逻辑运算符，当左侧的操作数为。在JavaScript中，（空值合并运算符）和。
2024-10-11 13:28:17
1014
原创 在Node.js环境中，setTimeout(() =＞ {}, 0)、process.nextTick()、Promise.then()、async/await、setImmediate()的区别
Promise.then的回调会被放入微任务队列（microtask queue），这个队列的执行时机在事件循环的当前阶段结束之后，但在下一个阶段开始之前。在process.nextTick()队列清空之后，事件循环会移动到微任务队列的下一个阶段，这里会执行所有的Promise回调（通过.then()、.catch()或.finally()）以及async函数中的await。process.nextTick是Node.js中的一个特性，它允许你将一个函数推迟到事件循环的下一个阶段执行，但在这个阶段之前。
2024-09-25 14:01:50
763
原创 JavaScript中的parseInt(), Number()，+有啥区别？
在JavaScript中，parseInt(), Number(), 和一元加号 + 都可以用来转换值到数字类型，但它们的工作方式和用途有所不同。使用场景 1： 当你想要以更简洁的方式将变量转换为数字，特别是当你已经知道该变量是数字或可以转换为数字的字符串。使用场景 1： 当你需要从字符串中提取一个整数部分，特别是当字符串可能包含非数字字符时。使用场景 2： 在数学表达式中，使用 + 来隐式转换值到数字类型，从而使代码更简洁。使用场景 1： 当你需要将任何类型的值转换为数字，包括整数和浮点数。
2024-09-24 16:56:49
590
原创 实现实时Web应用，使用AJAX轮询、WebSocket、还是SSE呢？？
文章目录短轮询（Short Polling）长轮询（Long Polling）Comet “服务器推” （这玩意现在用的很少了，了解一下即可）WebSocket原理：方法：事件：SSE原理事件总结在日常的开发中，我们经常能碰见服务端需要主动推送给客户端数据的业务场景，比如数据大屏的实时数据、新闻数据、消息中心的未读消息，聊天功能、股票走势、天气情况等等。我们的方案大概就是轮询、WebSocket、SSE短轮询（Short Polling）客户端定期（例如每几秒）发送AJAX请求到服务器。服务器立
2024-09-12 14:45:25
1420
1
原创 记录一下腾讯云即时通信IM（无UI集成）、TRTC做文字、语音、图片、实时音视频聊天遇到的问题
吐槽一下，有些文档太垃圾了，写的不清不楚的，也没有示例，要不就是各种引导你去买TUICallKit，然后遇到问题，在技术群反馈效果一般，提工单效果一般，腾讯工单的回复总是答非所问，就是找售后有点用，那遇到问题好像是腾讯的技术帮忙看的，其他的感觉都像是不懂技术的客服，答非所问。用vue3做的h5移动端网页无UI集成开发的，大概的聊天页面功能是这样的，文字、图片、录音、实时音视频。
2024-08-30 11:41:48
2541
2
原创 ES6几个好玩的数组方法
这个也有点意思，数组成员分组，以后应该会有用武之地的。之前写echarts图表数据大屏的时候，经常遇到数据需要分组的，都是自己封装的方法…方法用于获取数组中的元素，它接受一个整数索引作为参数，并返回该索引对应的元素。方法返回一个新数组，它是原数组的一个副本，但会替换指定索引处的元素。方法返回一个新数组，它是原数组经过删除、插入操作后的版本，方法用于创建一个对象，对象的键是数组中每个元素的。方法返回一个新数组，它是原数组排序后的版本，方法返回一个新数组，它是原数组的逆序版本，依据，值是分组后的元素数组。
2024-05-22 18:24:11
382
原创 pm2常用命令
PM2 是一个流行的 Node.js 应用进程管理器，它允许您保持应用程序永远在线，并在后台运行。它允许你轻松地启动、停止、重启、监控和管理你的Node.js应用程序。PM2 通常用于生产环境中，以确保 Node.js 应用程序的稳定性和可靠性。
2024-05-17 10:30:55
525
原创 Homebrew的一些记录
中央仓库：Homebrew 使用一个中央仓库（称为 Homebrew/homebrew-core），里面包含了数千个流行软件包的配方。社区驱动：Homebrew 拥有一个活跃的社区，社区成员贡献了大量的软件配方（formulae），这些配方定义了如何构建和安装软件。本地化：尽管大多数软件包都是针对英语用户设计的，但 Homebrew 社区也提供了一些本地化的支持。更新和升级：Homebrew 提供了简单的命令来更新和升级所有已安装的软件包。可定制性：用户可以创建自己的配方，定制软件的构建过程。
2024-05-10 17:18:01
808
原创 js判断一个对象是否为空对象
在JavaScript中，判断一个对象是否为空对象可以通过几种不同的方法来实现。"空对象"通常指的是一个对象已经被初始化，但是没有任何属性或方法。
2024-04-17 13:54:13
2120
1
原创 用structuredClone来实现深拷贝?
在JavaScript中，深拷贝（deep copy）意味着创建一个新对象，它的结构和原始对象相同，但是所有属性都是原始值的副本，而不是指向原始对象中的同一内存地址。这样做可以确保修改新对象不会影响原始对象。
2024-04-16 22:09:53
634
原创 前端性能监控、异常监控的一些记录
Sentry是一个开源的监控系统，能支持服务端与客户端的监控，还有个强大的后台错误分析、报警平台。支持几乎所有主流开发语言和平台，并提供了现代化UI，它专门用于监视错误和提取执行适当的事后操作所需的所有信息，官方提供了多个语言的SDK。还有一些其他的Fundebug、FrontJS、New Relic、Bugsnag、TrackJS、烛龙等等，，，听说过没用过，具体用的话再去查资料吧。在前端开发中，异常监控是一个重要的环节，它可以帮助开发者及时发现和修复应用中的问题，提升用户体验。用来监听页面的加载状态。
2024-03-31 23:08:58
1105
原创 Radash一款JavaScript最新的实用工具库，Lodash的平替！
随着时间的推移，Radash 的社区可能会继续增长，提供更多的资源和支持。这样的设计使得 Radash 更加轻量级，项目中使用 Radash 时，只需要加载它本身，无需加载额外的依赖。Radash 是一个新兴的 JavaScript 实用工具库，它被设计为“新一代的 Lodash”，并且在 GitHub 上拥有较高的星标数和稳定的下载量。Radash 的源代码易于理解，对新手友好。）是一个逻辑运算符，它在左侧的操作数为null或undefined时，返回右侧的操作数，否则返回左侧的操作数。
2024-03-30 00:36:36
3036
2
原创 HarmonyOS入门--ArkTS--基本语法
Entry@Componentbuild() {@Entry：@Entry装饰的自定义组件将作为UI页面的入口。在单个UI页面中，最多可以使用@Entry装饰一个自定义组件。@Entry可以接受一个可选的LocalStorage的参数。@Component：@Component装饰器仅能装饰struct关键字声明的数据结构。struct被@Component装饰后具备组件化的能力，需要实现build方法描述UI，一个struct只能被一个@Component装饰。struct。
2024-03-28 18:31:10
2215
原创 HarmonyOS入门--页面和自定义组件生命周期
生命周期流程如下图所示，下图展示的是被@Entry装饰的组件（首页）生命周期。自定义组件和页面的关系：自定义组件：@Component装饰的UI单元，可以组合多个系统组件实现UI的复用，可以调用组件的生命周期。页面：即应用的UI页面。可以由一个或者多个自定义组件组成，@Entry装饰的自定义组件为页面的入口组件，即页面的根节点，一个页面有且仅能有一个@Entry。只有被@Entry装饰的组件才可以调用页面的生命周期。
2024-03-28 09:10:23
892
原创 webpack一些常用的Loader和Plugin
在Webpack 5中，一些常用的loader和plugin被内置，这意味着你不再需要显式地在配置文件中安装和配置它们。这里就说几个常见的，其他更多的去webpack5官网看吧。
2024-03-12 20:17:24
1815
原创 webpack如何去自定义一个Loader？（大白话，so easy！）
1、根据实际需求及问题做出分析，并制定解决方案2、创建自定义Loader并安装对应依赖3、配置webpack4、注意事项，兼容性、性能、技术时效性等等。5、发布生产前多测试，确保稳定性。
2024-03-12 13:02:17
1290
原创 面试被问的性能优化（给我死记硬背！）
Vue.js 官方提供了一个预渲染工具 vue-server-renderer，可以使用它来生成静态的 HTML 文件。对于简单的 Vue 应用，可以使用预渲染技术。使用像 TerserPlugin 这样的工具来压缩 JavaScript 代码，使用 CSS 压缩插件（如 css-loader 的 minimize 选项）来压缩 CSS。SSR服务器端渲染，在服务器端将Vue组件渲染为HTML字符串，然后将其发送到客户端的技术，可以使用vue-server-renderer库来实现SSR。
2024-03-11 17:43:51
937
原创 vue3速查笔记
什么是hook？—— 本质是一个函数，把setup函数中使用的Composition API进行了封装。类似于vue2.x中的mixin。自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。
2024-03-10 23:54:01
1335
原创 关于webpack的一些记录
（HMR热更新），让开发时只重新编译打包更新变化的代码，不会打包整个代码包， 不变的代码使用缓存，从而更新速度更快。把代码进行分割成多个js文件，从而使单个文件体积更小，并行加载js速度更快。动态导入语法进行按需加载，从而达到需要使用时才加载该资源，不用时不进行加载。：进程启动通信都有开销的，要在项目比较大代码比较多处理时才有明显的效果）进行处理，让辅助代码从中引入，而不是每个文件都生成辅助代码，从而体积更小。对项目中图片进行压缩，体积更小，请求速度更快。排除或只检测某些文件，处理的文件更少，速度更快。
2024-02-29 14:29:00
975
原创 es6 Reflect
Reflect.getOwnPropertyDescriptor和Object.getOwnPropertyDescriptor的一个区别是，如果第一个参数不是对象，Object.getOwnPropertyDescriptor(1, ‘foo’)不报错，返回undefined，而Reflect.getOwnPropertyDescriptor(1, ‘foo’)会抛出错误，表示参数非法。未来，后者会被逐渐废除，请从现在开始就使用Reflect.defineProperty代替它。该方法返回一个布尔值。
2024-02-28 14:32:14
912
原创 Windows下安装Bun像Node或Deno的现代JS运行时
文章目录安装ChocolateyChocolatey需要解决的问题Chocolatey特性Deploy Anywhere You Have Windows/Cloud ReadyDeploy with Everything (能和任何自动部署工具整合)All Software Is a First Class CitizenChocolatey安装要求安装ChocolateyChocolatey 的使用查看帮助安装软件查找软件列出Windows系统已安装的软件choco配置列表升级软件卸载软件创建快捷方式安
2024-02-28 12:35:32
1372
原创 el-input设置了type=“number“还能输入e和中文输入光标上移的问题记录
el-input设置type="number"可以输入e，输入中文光标上移等
2023-04-26 14:40:21
2426
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人