一只小白菜~-CSDN博客

原创 ES6几个好玩的数组方法

这个也有点意思，数组成员分组，以后应该会有用武之地的。之前写echarts图表数据大屏的时候，经常遇到数据需要分组的，都是自己封装的方法…方法用于获取数组中的元素，它接受一个整数索引作为参数，并返回该索引对应的元素。方法返回一个新数组，它是原数组的一个副本，但会替换指定索引处的元素。方法返回一个新数组，它是原数组经过删除、插入操作后的版本，方法用于创建一个对象，对象的键是数组中每个元素的。方法返回一个新数组，它是原数组排序后的版本，方法返回一个新数组，它是原数组的逆序版本，依据，值是分组后的元素数组。

2024-05-22 18:24:11 277

原创 pm2常用命令

PM2 是一个流行的 Node.js 应用进程管理器，它允许您保持应用程序永远在线，并在后台运行。它允许你轻松地启动、停止、重启、监控和管理你的Node.js应用程序。PM2 通常用于生产环境中，以确保 Node.js 应用程序的稳定性和可靠性。

2024-05-17 10:30:55 347

原创 Homebrew的一些记录

中央仓库：Homebrew 使用一个中央仓库（称为 Homebrew/homebrew-core），里面包含了数千个流行软件包的配方。社区驱动：Homebrew 拥有一个活跃的社区，社区成员贡献了大量的软件配方（formulae），这些配方定义了如何构建和安装软件。本地化：尽管大多数软件包都是针对英语用户设计的，但 Homebrew 社区也提供了一些本地化的支持。更新和升级：Homebrew 提供了简单的命令来更新和升级所有已安装的软件包。可定制性：用户可以创建自己的配方，定制软件的构建过程。

2024-05-10 17:18:01 726

原创 js判断一个对象是否为空对象

在JavaScript中，判断一个对象是否为空对象可以通过几种不同的方法来实现。"空对象"通常指的是一个对象已经被初始化，但是没有任何属性或方法。

2024-04-17 13:54:13 756 1

原创用structuredClone来实现深拷贝?

在JavaScript中，深拷贝（deep copy）意味着创建一个新对象，它的结构和原始对象相同，但是所有属性都是原始值的副本，而不是指向原始对象中的同一内存地址。这样做可以确保修改新对象不会影响原始对象。

2024-04-16 22:09:53 444

原创前端性能监控、异常监控的一些记录

Sentry是一个开源的监控系统，能支持服务端与客户端的监控，还有个强大的后台错误分析、报警平台。支持几乎所有主流开发语言和平台，并提供了现代化UI，它专门用于监视错误和提取执行适当的事后操作所需的所有信息，官方提供了多个语言的SDK。还有一些其他的Fundebug、FrontJS、New Relic、Bugsnag、TrackJS、烛龙等等，，，听说过没用过，具体用的话再去查资料吧。在前端开发中，异常监控是一个重要的环节，它可以帮助开发者及时发现和修复应用中的问题，提升用户体验。用来监听页面的加载状态。

2024-03-31 23:08:58 818

原创 Radash一款JavaScript最新的实用工具库，Lodash的平替！

随着时间的推移，Radash 的社区可能会继续增长，提供更多的资源和支持。这样的设计使得 Radash 更加轻量级，项目中使用 Radash 时，只需要加载它本身，无需加载额外的依赖。Radash 是一个新兴的 JavaScript 实用工具库，它被设计为“新一代的 Lodash”，并且在 GitHub 上拥有较高的星标数和稳定的下载量。Radash 的源代码易于理解，对新手友好。）是一个逻辑运算符，它在左侧的操作数为null或undefined时，返回右侧的操作数，否则返回左侧的操作数。

2024-03-30 00:36:36 2437 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 1754

原创 HarmonyOS入门--页面和自定义组件生命周期

生命周期流程如下图所示，下图展示的是被@Entry装饰的组件（首页）生命周期。自定义组件和页面的关系：自定义组件：@Component装饰的UI单元，可以组合多个系统组件实现UI的复用，可以调用组件的生命周期。页面：即应用的UI页面。可以由一个或者多个自定义组件组成，@Entry装饰的自定义组件为页面的入口组件，即页面的根节点，一个页面有且仅能有一个@Entry。只有被@Entry装饰的组件才可以调用页面的生命周期。

2024-03-28 09:10:23 555

原创 HarmonyOS入门--配置环境 + IDE汉化

配置基础环境

2024-03-25 14:57:09 1270

原创 TypeScript划重点【纯干货版】

纯干货，小白看完直接就牛b了

2024-03-25 13:34:42 1006

原创 webpack一些常用的Loader和Plugin

在Webpack 5中，一些常用的loader和plugin被内置，这意味着你不再需要显式地在配置文件中安装和配置它们。这里就说几个常见的，其他更多的去webpack5官网看吧。

2024-03-12 20:17:24 1498

原创 webpack如何去自定义一个Loader？（大白话，so easy！）

1、根据实际需求及问题做出分析，并制定解决方案2、创建自定义Loader并安装对应依赖3、配置webpack4、注意事项，兼容性、性能、技术时效性等等。5、发布生产前多测试，确保稳定性。

2024-03-12 13:02:17 1011

原创面试被问的性能优化（给我死记硬背！）

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 824

原创 vue3速查笔记

什么是hook？—— 本质是一个函数，把setup函数中使用的Composition API进行了封装。类似于vue2.x中的mixin。自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。

2024-03-10 23:54:01 1281

原创记录前端面试的一些笔试题（持续更新......）

unshift就是将一个或多个元素添加到数组的开头并返回新数组的长度。

2024-03-05 22:10:25 470

原创关于webpack的一些记录

（HMR热更新），让开发时只重新编译打包更新变化的代码，不会打包整个代码包，不变的代码使用缓存，从而更新速度更快。把代码进行分割成多个js文件，从而使单个文件体积更小，并行加载js速度更快。动态导入语法进行按需加载，从而达到需要使用时才加载该资源，不用时不进行加载。：进程启动通信都有开销的，要在项目比较大代码比较多处理时才有明显的效果）进行处理，让辅助代码从中引入，而不是每个文件都生成辅助代码，从而体积更小。对项目中图片进行压缩，体积更小，请求速度更快。排除或只检测某些文件，处理的文件更少，速度更快。

2024-02-29 14:29:00 937

原创 es6 Reflect

Reflect.getOwnPropertyDescriptor和Object.getOwnPropertyDescriptor的一个区别是，如果第一个参数不是对象，Object.getOwnPropertyDescriptor(1, ‘foo’)不报错，返回undefined，而Reflect.getOwnPropertyDescriptor(1, ‘foo’)会抛出错误，表示参数非法。未来，后者会被逐渐废除，请从现在开始就使用Reflect.defineProperty代替它。该方法返回一个布尔值。

2024-02-28 14:32:14 870

原创 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 1042