墨者阳明-CSDN博客

原创 NUXT3 安装 Tailwind css

主要解决“nuxt”多版本的适配问题，和兼容性报错，项目以 “nuxt”: "^3.11.2"为主。

2024-04-28 19:06:16 381 1

浏览器向服务器发出请求，并且在请求头中声明可以使用gzip的编码格式，服务器接受到请求之后，读取压缩后的文件，服务器直接返回给浏览器gzip格式的文件，浏览器进行解压缩，这样以来就节省了服务器压缩的时间。打包的时候开启gzip可以很大程度减少包的大小，页面大小可以变为原来的30%甚至更小，非常适合于上线部署。更小的体积对于用户体验来说就意味着更快的加载速度以及更好的用户体验。原包体大小为 2785k --> 824k，压缩率高达71%！将资源部署到服务，发送请求后，可以看到返回文件的大小。

2024-04-15 18:25:06 517 1

原创 [日常踩坑]使用lint后，编译之处理 warning Delete `␍` prettier/prettier

在你复制代码或者用git拉代码的时候，在 windows 系统中，clone 下来的代码，会自动将换行符LF(linefeed character) 转换成回车符 CRLF(carriage-return character)npm run dev后报warning Delete ‘␍’ prettier/prettier。出现场景比较多的是协同开发时，你的队友是用win开发，你是用mac开发~

2023-12-20 18:29:09 885 1

原创 [微信小程序]省钱小妙招：当业务起来，“云开发”费用起飞后如何省钱！

适合每一个通过“微信云开发”做大做强的开发者，守护你的钱包！如果你想继续用云开发提供的便捷，此文章必看！

2023-11-30 14:11:46 280 1

原创小程序官方wxml-to-canvas组件生成海报的注意事项和坑点

保存成图片便于用户分享，以往生成canvas的海报需要用户手写canvas对应的JS比较麻烦，所以官方提供了一个组件。的width，将不同css的文字连续在一起。，的确方便了不少，但也有一些坑和注意事项。由于现在很多小程序业务都需要。这个只能通过计算字数来设置。

2023-10-20 14:42:49 784 1

原创 [拆弹时刻]wx.setClipboardData剪切板突然失效，返回fail授权Privacy问题

{ “errMsg”: “A:fail api scope is not declared in the privacy agreement”, “errno”: 112 } 使用到了 A 隐私接口，但是开发者未在隐私协议中声明收集 A 接口对应的隐私类型。补充的隐私类型声明, 将在5分钟后生效。，同时，9月15日前用户都在app.json中加了。9月15日前，不少开发者在app.json 中增加。现在mp后台-设置-服务内容声明-用户隐私保护指引。app.json 去掉。调用其他页面同意隐私后，

2023-09-26 17:54:38 4543

原创 VSCODE设置部分插件同步，解决不同环境下地址问题

vscode目前是前端最主流的开发的工具，里面账号同步功能很好用，但是有时候我们会遇到以下问题：vscode中有一个单独齿轮的配置，可以解决这个问题：点击不同步就行~

2023-08-21 14:53:38 514 1

原创前端工程化打包工具webpack和vite的摇树（Tree Shaking）优化

如果没有进行优化，所有引入的模块都会被打包到最终的输出文件中，导致文件变得很大，加载时间变长，影响应用的性能。使用Babel Loader确实有可能导致Tree-shaking失效，这是因为Babel Loader默认情况下会将所有ES6模块转换为CommonJS模块，而CommonJS模块的导入和导出方式是动态的，无法在编译时进行静态分析。它内置了摇树优化功能，并可以通过配置选项进行进一步的优化。在实际过程中，我们会发现，有些css模块是全局，因为没有申明副作用，也一起被移除，所以需要单独排除掉，比如。

2023-08-11 11:25:15 1361 1

原创 [前端生存指南]事件循环深度掰扯，EventLoop详解

事件循环（Event Loop）是一种处理异步操作的机制，常用于编写异步JavaScript代码。下面是一个简要的事件循环执行顺序的介绍：执行同步代码：当事件循环开始时，首先会执行当前执行上下文中的同步代码，这些代码是按照顺序执行的。处理微任务（Microtasks）：在执行完同步代码后，事件循环会检查当前微任务队列是否有任务需要执行。微任务包括Promise回调、MutationObserver和process.nextTick等。如果有微任务，它们会依次被执行，直到微任务队列为空。

2023-07-29 10:12:53 310

原创 [生存指南]Typescript工具类介绍

，TypeScript 是一个静态类型的 JavaScript 超集，它提供了许多工具类来帮助编写类型安全的代码。也成为现在前端程序员必须掌握的技能，如果你没有学过后端语言，那么主要的难点会集中在“工具类”、泛型的高级应用和装饰器这块。

2023-07-28 10:18:04 76 1

原创 [生存指南]面试题：多语言版本页面，按钮完美适配方案

关于多语言版本页面的适配方案，这里分享一些思路，主要针对固定按钮中的特殊语言适配，比如泰语，阿拉伯语等

2023-07-27 15:34:27 81 1

原创如何做前端sentry性能监控中的错误和数据采集

随着 “大前端” 近两年愈演愈烈（juan），需要我们掌握的技能也越来越多，延伸而来的就是各种前端性能和异常监控框架。市面上有很多种开源的框架，如 Sentry、Rollbar 等，大厂也会自己建立一套完整的监控体系，有时候还会配合后端的ELK系统一起使用，无论用什么框架，最关键的一步就是：前期的数据采集和错误捕获，这里为大家简单分享下一些主流的方式。

2023-07-23 11:12:48 931

原创微信小程序父子组件、兄弟组件之前通信和调用

父组件通过属性传递的方式向 Brother1 组件传递了一个标题，通过事件触发的方式向 Brother2 组件传递了一个消息。方法触发一个自定义事件来向父组件传递消息，父组件在接收到该事件时，再通过 setData 方法将消息传递给 Brother2 组件。父组件可以通过在子组件标签上使用属性来传递参数，子组件可以通过。这里要说一个父组件操作子组件内部Fun的方法，通过。子组件主要通过在触发事件时使用。兄弟组件之间的参数传递可以通过。获取父组件传递过来的参数。方法来向父组件传递参数。

2023-07-22 14:18:56 486