前端三评-CSDN博客

原创【npm依赖包介绍】借助rimraf依赖包，在用npm run build构建项目时，清空dist目录，避免新旧混合

rimraf是一个用于删除文件和文件夹的 Node.js 包。它的名字来源于 Unix 命令rm -rf，其中rm是删除命令，-rf选项表示递归删除文件和文件夹，并且不提示确认。

2025-01-07 17:49:23 786

原创【bug修复系列】package.json中“type”: “module”的作用，解决明明是ES module却报是CommonJS的问题

当设置 “type”: “module”,时，允许package 中的所有的.js模块当做ES modules，但是如果该配置缺失或者设置为了"commonjs"，那么就会当做CommonJS模块来处理。按道理，不会有这种问题，因为其他模块也是这样，但是没有报错。而我的问题恰好是因为没有设置的原因，导致在构建时，当做了。Error [ERR_REQUIRE_ESM]: require() of ES Module D:\AIProject\translationChrome\node_modules\vit

2025-01-07 14:11:21 701

原创 wordpress开发之实现使用第三方库qrcode-generator生成二维码并上传和展示

比如我刚刚说的保函即为一种自定义文章类型，在该类型下，来生成保函信息和二维码的查询url等。也就是说二维码包含的信息可以是任意的，本文所实现的无非就是将特定的url转为二维码，并且将二维码图片上传到服务器而已。因为我不需要在媒体库中管理，所以，并没有调用上传到媒体库的钩子函数，无法在后台的媒体库中看到。这样就可以保存二维码到wp的上传目录，且写入该二维码的url到当前文章的qrCode字段了。所以最好的方式就是直接用。那么如何生成呢，我的思路就是，在保存保函的时候，通过wp的保存文章的钩子函数。

2025-01-04 12:15:15 596

原创 wordpress主题开发之function.php的10大作用

在 WordPress 中，functions.php 文件是主题的重要组成部分，它允许开发者为主题添加功能、修改默认行为以及注册新的功能或功能模块

2025-01-04 12:06:05 1067

原创 elementUI新增date-picker，yearrange的2种方案。解决没有type=“yearrange“，不能选择年份的的问题

如果你是用按需引入的方式使用的elementUI，那么可以将下方链接中lib\date-picker.js文件，替换到node_modules\element-ui\lib\date-picker.js的同名文件；要是全局引用的可以将下方链接中lib\element-ui.common.js文件，替换到node_modules\element-ui\lib\element-ui.common.js的同名文件。就可以直接在项目中通过。要修改element-ui源码的程序员，可以将未编译的源码，下方链接中。

2024-12-17 11:11:16 1460

原创 window系统，照片应用打开图片，但是提示操作系统找不到已输入的环境选项，请问怎么解决，以便能打开图片

这个问题可能是由于Windows系统中的照片应用程序或相关的环境变量配置问题引起的。如果你在web前端开发、面试、前端学习路线有困难可以在下方加我名片。这个问题，是我在安装了某些软件后导致的。但是它的第四点提醒了我的思路。

2024-12-07 16:40:24 790

原创修改elementUI等UI组件样式的5种方法总结，哪些情况需要使用/deep/, :deep()等方式来穿透方法大全

使用全局 CSS覆盖默认的样式。通过特定类型的类名（如等）来修改特定类型的消息样式。如果在单个组件中修改样式，可以使用scoped CSS。使用JavaScript 动态添加类或修改样式，根据不同的需求动态改变样式。使用/deep/或:deep()时，通常是为了修改子组件或第三方组件库的样式。scoped CSS限制了父组件只能修改自己作用域内的样式，而通过/deep/或:deep()可以穿透这个限制，修改子组件或嵌套组件的样式。:deep()是 Vue 3 推荐的方式，而/deep/

2024-11-06 18:42:28 2105

原创【学员提问bug】小程序在onUnload里面调接口，用来记录退出的时间, 但是接口调用还没成功, 页面就关闭了。如何让接口在onUnload关闭前调用成功？

实时上报：可以在页面的onUnload或App的onHide中上报。延时补偿：如果离开过快导致请求未完成，可以用记录时间，在下次启动时检查并补偿上报。参考资料：https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page-life-cycle.html如果你在web前端开发、面试、前端学习路线有困难可以在下方加我名片。免费答疑，行业深潜多年的技术牛人帮你解决bug。

2024-11-02 18:42:48 694 1

原创 CSS盒模型-怪异盒模型笔记-思维导图-案例等

可以通过修改样式display属性改变元素是以块级还是行内元素呈现，当display的值设为block时，元素将以块级方式呈现；我们把 padding 和 margin 统一地称为内边距和外边距，边框内的空白是内边距，边框外的空白是外边距。如果想让一个元素可以设置宽度高度，又让它以行内形式显示，我们可以设置display的值为inline-block。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。内间距：指的是盒子的内容与边框的间距（4个边都有内间距）

2024-09-30 18:01:31 1000

原创【学员提问】在vuex4中，可以用modules划分多个模块，在pinia中怎么做？

在 Pinia 中，通过定义多个独立的 store 并在需要时组合使用，可以实现类似于 Vuex modules 的模块化管理

2024-09-26 21:45:00 670

原创【学员提问】对于typescript的assert和casting，即类型断言和类型转换，我还不太理解，请结合例子梳理下知识点，并且出几道题考考我

项目中，是 JSX 语法的一部分，表示一个空的 JSX 容器。类型断言是在 TypeScript 中告诉编译器，开发者更了解某个值的类型。通过类型断言，开发者可以明确告诉编译器这个值的类型，而不是让 TypeScript 推断其类型。在现代 TypeScript 中，推荐使用 as 语法来进行类型断言。a.没有使用 as 关键字：在这段代码中使用的是语法来进行类型断言，这是。类型转换通常指的是在运行时将一种类型的数据转换为另一种类型。进行实际的类型转换，它仅仅是用于编译时的检查。

2024-09-13 12:34:43 1026

翻译使用在线IDE开发而不是在本地使用vscode的5个理由

我已经在云端开发了几年了。我第一次接触云端是在我在 Meta 实习的时候，后来我将我的开发流程转移到了 CodeSandbox。云开发的概念非常简单：整个开发环境运行在服务器上，而不是您的笔记本电脑上。这是 CDE 的核心，但是每个 CDE 实现都可以非常不同。您在 CDE 上编码时首先注意到的就是它非常快。因为您运行在 VM 计算能力上，您可以访问在主流笔记本电脑上找不到的规格，这确实加快了编译时间等事情。然而，访问更多的计算能力只是使用 CDE 的众多好处之一。

2024-09-12 18:11:13 148

原创腾讯云轻量云服务器打开报服务器暂时未响应，请刷新页面并重试问题解决

我检查了下，没有该问题，即使退出vpn，也无法解决该问题。1、首先确定，是不是被禁止在公司访问腾讯云的问题，比如某些IP被禁止。后面用自己的热点上，也是同样的问题，该原因排除。免费答疑，行业深潜多年的技术牛人帮你解决bug。这种跨域肯定不是预先有的，也就是如果是腾讯开发工程师配置不当，导致的跨域问题，那也不是我能发现的，他们早就解决了。3、我打开浏览器开发者工具，看控制台报了什么错，结果发现了如下。所以，肯定是因为我的浏览器有什么跨域的插件，导致了这种情况。在我浏览器中，我安装了一款允许跨域的插件，

2024-08-19 18:40:20 621

原创【CSS01】CSS概述，使用样式的必要性，CSS语法及选择器

概念：Cascade [kæˈskeɪd] Style Sheet [ʃiːt] 级联样式单/表，层叠样式表CSS有化腐朽为神奇的力量，掌握了CSS后在页面美化方面能限制住你的只有想象力。看到页面感觉很复杂，那是不是学习CSS也很难呢？其实CSS类似于HTML是标记语言一样，没有逻辑运算等。

2024-07-08 18:46:24 1152

原创 wordpress的restfull API使用教程，之如何用postman调试API，以便能使用vue等前端框架开发主题

上文展示的basic auth仅适用于开发环境，生产环境，如果要在任意地方使用，比如新建了vue前端来构建wp主题，可以用。2、官方API手册：https://developer.wordpress.org/rest-api/reference/官方API手册：https://developer.wordpress.org/rest-api/reference/：确保使用的用户角色有权限创建文章。所以接下来需要做的就是将一些变量换成自己的，比如。：使用正确的认证方式进行API请求，通常使用。

2024-07-08 18:39:49 1618

原创在postman中调试supabase的API接口

1、在使用接口联调时，确保每个API都需要附带请求头api key（类似于token2、在update更新数据时，要使用patch而不是put。3、官方没看到有postman的调试说明。如果在vue等项目中联调，则需要使用官方的SDK库来完成。REST API手册：https://supabase.com/docs/guides/api如果你在web前端开发、面试、前端学习路线有困难可以在下方加我名片

2024-07-01 21:15:00 1190

原创免费开源的后端API服务-supabase安装和使用-简直是前端学习者福音

一个开源免费的后端框架，firebase的替代品。可以简单理解类似于，但是不仅仅只提供内容，它还集成了服务订阅、即时API，用户身份认证（包括第三方身份认证，比如使用githubGoogle等账号实现快速登录和注册）、边缘函数、文件存储等功能。截止到2024-7-1的数：68.2K。

2024-07-01 21:00:00 1907

原创 sourceTree 和Tortoise git软件的对比，以及使用sourceTree管理公司托管的 gitlab 项目或github项目

一旦你体验过sourcetree后，就会觉得它是你的Git 可视化操作的终极方案。会让你直接放弃小乌龟这个老旧的软件。

2024-06-24 16:42:04 2220

原创【HTML03】HTML表单语法笔记，附带案例-作业

允许用户输入信息，和提交信息的-收集用户信息。表单：表单容器+表单控件组成。控件：输入框、单选按钮、多选、下拉框、多行文本域、文件上传、密码等。

2024-06-24 16:05:11 603

原创【问答系列】安装vue3的方式大总结，为何可以使用npm create vue@latest或npm init vite@latest充当vue脚手架安装vue项目

根据vue所述，建议安装nodejs的18.3及以上版本来开发vue3项目。但是实测nodejs 16+也可以。我在nodejs的16版本，运行如上命令后，不会报错，而是会提示你要安装：(y)当我输入y后，就会安装并执行create-vue，它是Vue官方的全新脚手架工具。但是假如我切换到nodejs的18版本，运行如上命令后，不会提示我安装命令，而是提示如下，表示可以安装项目了，npm create其实是npm init的一个别名：SeeUse。

2024-06-19 17:21:28 3926 1

原创【bug修复系列】nvm安装nodejs多版本时显示 is not yet released or available的解决方案，并解决nvm ls available为空的问题

这就是原因了，因为它找不到可供下载的版本。如果你在web前端开发、面试、前端学习路线有困难可在下方联系我。同样的，现在也可以使用安装命名，安装你想要的。的官网查了，明确已经是发表且可用可下载的。的文档，发现，对于中国用户而言，可以切换。

2024-06-19 16:59:38 6083 4

原创【HTML02】HTML表格语法、细边框实现-附带案例-作业

将table的border属性设置为1，然后使用CSS的属性border-collapse属性设置为collapse，来合并边框。将table的border属性设置为1，然后使用另外的html表格属性cellspacing来合并边框。找到要跨行的第一个单元格，给他添加rowspan=“要跨的行数，比如2” 找到要跨行的第一个单元格，给他添加colspan=“要跨的列数，比如2” 找到另外一行的那个单元格，将其删除或注释。找到另外一列的那个单元格，将其删除或注释。创建单元格，td、th。

2024-06-18 18:28:04 2603

原创【HTML01】HTML基础-基本元素-附带案例-作业

英文全称：Hyper Text Markup Language中文：超文本标记语言，就是52个标记嵌入在纯文本中，实现超文本效果的语言。超文本：在纯字符中嵌入样式、图片、音频、视频、超链接等内容标记也称为标签，如：

2024-06-18 09:56:19 899

原创 uniapp开发的小程序toast被键盘遮挡提示内容无法完全显示问题解决

同时看了官方文档(见下方参考链接)，也没有对应的设置显示位置或偏移量的问题。即，简单来说：Toast会被弹出的输入法遮住，无法显示系统提示内容。1、自己写个toast的自定义组件，这样就能方便控制它的显示位置。来显示是否提交成功，结果被系统的键盘给盖住，无法显示完全。2、点击提交反馈按钮后，隐藏系统软键盘，以便让用户看到反馈。隐藏已经显示的软键盘，如果软键盘没有显示则不做任何操作。幸运的是，还真有这么一个全端小程序兼容的方法。也就是在提交反馈后，先关闭软键盘，再弹出。后，当用户提交反馈后，调用了系统的。

2024-05-09 17:58:26 1585 1

原创小程序开发之tdesignUI组件的简易使用教程

TDesign是腾讯各业务团队在服务业务过程中沉淀的一套企业级设计体系。该UI框架支持桌面端、移动端、小程序端等全端。

2024-05-09 17:19:04 4328 1

原创 pdf预览空白问题解决。第一次预览正常，再重新打开就空白的问题。是因为cmaps没有更新

第一个`PDF`的接口加载了电子签章的字体，但是当我点击第二个`PDF`时，就出现预览空白，原因是因为它沿用了前面`PDF`的`cmaps`文件。后面我发现用这些预览时，其实都是用的是同一个组件。所以，就应该销毁`PDF`预览组件，让其第二次打开时，重新构建，不依赖之前的缓存即可。最终添加了一行很简单的代码来解决了。

2024-04-09 18:15:48 1655 1

转载 TypeScript快速入门-鸿蒙ArkTS开发版-附带学习视频

ArkTS是HarmonyOS优选的主力应用开发语言。它在TypeScript（简称TS）的基础上，匹配ArkUI框架，扩展了声明式UI、状态管理等相应的能力，让开发者以更简洁、更自然的方式开发跨端应用。JavaScript是一种属于网络的高级脚本语言，已经被广泛用于Web应用开发，常用来为网页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果。

2024-03-01 17:57:38 370

原创 elementUI的表单错误项在加载页面后自动标红并提示+自动定位到表单项的实现

所以需要分两步做，先来判断是否有异常项，因为后端返回的数据是树状结构，会有多层级，我需要遍历递归数组的每一个节点对象是否有。的方法了，这里的问题就在于可能会有多个标红字段，那么只需要自动定位到第一个就行。弹框，询问用户是否需要自动定位，如果需要，则自动定位到第一处异常的表单控件这。表单控件，所以第一件事就是去该表单的文档页查看是否有加载页面就校验的方法。2、弹出框提示，询问用户是否自动定位到异常处，如果选择是，则自动滑动页面。属性给的，只要该属性的值不是""，就会自动显示红色的框。

2024-02-07 17:22:21 1732

原创【帮解决bug系列】vue在elementUI的el-table下添加嵌套行时，出现影子行的问题解决

vue不会出错，你给他什么数据，他就展示什么数据，所以写vue的关键，就是要弄清楚数据的流向，看看最终渲染的数据是什么。因为代码不是自己写的，有时候真是排查2小时，解决bug只需要10分钟。如果你在web前端开发、面试、前端学习路线有困难可以加我V：imqdcnn。免费答疑，行业深潜多年的技术牛人帮你解决bug。加我微信可提供web前端开发，网站开发、技术咨询、答疑、直播讲座等服务祝你能成为一名优秀的WEB前端开发工程师！

2024-02-06 11:24:46 1053

原创一文就知道uniapp等跨端开发的使用场景，学习成本，如何快速使用，基本语法等

是一个跨平台开发各种各样应用的一套框架。只需要写一套代码，可以适配多达14种产品类型，比如H5移动端、微信小程序及各种其他小程序，ios、安卓等接近原生APP的应用（可以上架到App Store或应用商店）。所以这里的多端，指的并不是PC、平板、手机端，而是移动端优先，开发者可以一次编码，分别编译为小程序和 Android 以及 iOS 应用，实现多端开发。Uniapp 是由中国开发者开发的，因此在中国的使用量和受欢迎程度最高。

2024-01-16 18:21:31 1359

原创将web如vue等项目部署到宝塔docker镜像中，以便能在任意浏览器访问

有两个地方都需要添加，宝塔防火墙和对应的云服务防火墙，比如我的服务器是腾讯云的，就需要到腾讯云去添加。添加后，会自动启动容器，可以看到启动状态，你也可以手动启动，如果启动失败，可以查看右侧的日志。添加容器的界面中输入容器名字（任意输入都可以），镜像选择刚刚导入的要部署的镜像。如果你用的是docker desktop等工具制作的镜像，并且也已经推送到了。接下来就可以直接使用你的服务器IP+端口来访问部署好的镜像项目了。中，即可以在该网站搜索看到对应的镜像，就可以在。添加端口，容器端口写。

2024-01-16 18:15:39 1622

原创 uniapp快速入门大纲，带你入门并具备开发基本应用的能力

通过这一天的课程，学员将能够快速入门UniApp，并具备开发基本应用的能力。我觉得还是有参考意义的，可以借鉴给初学uniapp的同学。202312月底，应邀有一次uniapp的公开课。4、使用uniapp结合地图API开发实战 day03。2、H5中基于地理位置信息的API讲解 day02。

2023-12-05 16:48:19 226

原创 uniapp到底用什么ui框架最合适-关于uni-app的ui库、ui框架、ui组件

官方对组件的使用建议是：1. 首先使用内置组件2. 然后使用uni ui扩展组件3. 其他需求依靠插件市场其他组件灵活补充

2023-12-05 16:26:20 9354

原创 uniapp是否可以用vant等移动端UI库、使用步骤以及需要注意的问题

解决方法，修改 ~node_modules\vant\lib\index.css 文件，将该文件中的 “url” 改为 “ url” ，一共需修改2处。其他问题，请参考：https://github.com/youzan/vant/issues?原因是微信小程序不支持document，window对象，所以navigator自然是无法使用的。参考文章：https://github.com/youzan/vant/issues/12421。1、安装Vant Version 2.13.2后，导入样式，报错。

2023-12-04 17:45:03 8124 1

原创如何在uniapp中使用uviewUI-适合uniapp的ui组件

uView是uni-app生态专用的UI框架，uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台(引言自uni-app网)。a、先打开uview的插件地址：https://ext.dcloud.net.cn/plugin?c、导入后，在弹出的对话框中选择要导入的项目，这样就会在该项目中自动生成一个。a、在引入uView的全局SCSS主题文件。在main.js中引入。

2023-12-04 17:03:05 4331 1

webTrc推流播放地址

空空如也