- 博客(68)
- 收藏
- 关注
RSS订阅原创 第一次安装VSCode 终端显示 npm : 无法加载文件 C:\Program Files\nodejs\npm.ps1，因为在此系统上禁止运行脚本。
第一次安装 vscode 终端下载npm包的时候 vscode提示系统上禁止运行脚本问题
2025-03-14 15:58:43
543
原创 npm error request to https://registry.npm.taobao.org/npm failed, reason: certificate has expired
在使用npm安装依赖时，有时会遇到“request to https://registry.npm.taobao.org/axios failed, reason: certificate has expired”的错误。这个错误提示的原因是你正在使用的淘宝npm镜像源证书已经过期了。为了解决这个问题，我们需要更换npm的镜像源。4. 安装依赖：现在你可以尝试再次运行 npm install 来安装项目的依赖了。
2025-01-08 16:37:46
2047
1
原创 浏览器渲染原理、解析 HTML-Parse HTML过程中遇到 CSS JS代码怎么办？、什么是 reflow、什么是repaint、为什么 transform 的效率高
reflow 的本质就是重新计算 layout 树。当进行了会影响布局树的操作后，需要重新计算布局树，会引发 layout。为了避免连续的多次操作导致布局树反复计算，浏览器会合并这些操作，当 JS 代码全部完成后再进行统一计算。所以，改动属性造成的 reflow 是异步完成的。也同样因为如此，当 JS 获取全局属性时，就可以造成无法获取到最新的布局信息。浏览器再反复权衡下，最终决定属性立即 reflow。**repaint 的本质就是重新根据分层信息计算了绘制指令。
2025-01-07 17:18:10
403
原创 何为进程、何为线程、如何理解 JS 的异步、什么是JS的事件循环、任务有优先级吗、JS中的计时器能做到精确计时吗
事件循环又叫做消息循环，是浏览器渲染主线程的工作方式。在 Chrome 的源码中，它开启一个不会结束的 for 循环，每次循环从消息队列中取出第一个任务执行，而其他线程只需要在合适的时候将任务加入到队列末尾即可。过去把消息队列简单分为宏队列和微队列，这种说法目前无法满足复杂浏览器环境，取而代之的是一种更加灵活多变的处理方式。根据 W3C 官方的解释，每个任务有不同的类型，同类型的任务必须在同一个队列，不同的任务属于不同的队列。
2025-01-03 16:33:11
806
原创 使用element-plus el-table中使用el-image层级冲突table表格会覆盖预览的图片等问题
在日常开发项目中 使用element-plus 中表格中使用 el-image的点击图片出现图片预览会出现以下问题 表格一行会覆盖预览的图片鼠标滑过也会显示表格 el-image 的预览层级和表格的层级冲突导致的。解决方法：有两种一种是直接使用样式穿透 第二种推荐方法 使用官网推荐的 preview-teleported 属性。
2024-11-20 09:02:16
942
原创 vue3使用Teleport 控制台报警告：Invalid Teleport target on mount: null (object)
原因是 vue文档中表示 teleport 需要 加上 defer 属性 无论刷新还是重新加载 传送组件就不会报错了。注：写这篇的目的是以此为戒不再犯蠢 啊啊啊 这真是让我吐槽一天都不止的蠢问题。唉 还是得细心看文档 一时粗心 耽误事儿啊。看着没啥问题 可是控制台就是报错。
2024-09-28 10:48:43
943
原创 Vue received a Component that was made a reactive object. This can lead to unnecessary performance o
vue3+vite+ts 报错Vue received a Component that was made a reactive object. This can lead to unnecessary performance overhead and should be avoided by marking the component with `markRaw` or using `shallowRef` instead of `ref`.
2024-08-14 17:12:55
621
1
原创 vue3+ts+vite 项目别名 配置 @ 、vue项目更改默认 端口号 5173
【代码】vue3+ts+vite 项目别名 配置 @ 、vue项目更改默认 端口号 5173。
2024-08-14 13:49:25
194
原创 nvm 的使用 nvm 可以快速的切换 nodejs 的版本 nrm 的使用 可以快速切换下载镜像、快速删除 node_modules 文件 rimraf
nvm 是一个node 的版本管理工具，可以简单操作 node 版本的切换、安装、查看 等等，与 npm 不同的是，npm 是依赖包的管理工具。
2024-08-14 10:38:15
435
原创 微信小程序 async-validator 表单验证 第三方包
微信小程序 async-validator 表单验证 第三方包 基于Javascrip
2024-07-23 17:28:57
521
原创 微信小程序删除滑块 SwiperCell 自动收起 Van weapp van-swipe-cell 滑块自动收起 点击页面也自动收起滑块
微信小程序删除滑块 SwiperCell 自动收起 Van weapp van-swipe-cell 滑块自动收起 点击页面也自动收起滑块
2024-07-23 08:55:57
568
原创 小程序 定位 地理定位以及 使用wx.getLocation拒绝授权后(在用户拒绝授权以后，如果再次调用 getLocation 不会再弹出授权弹框)的解决方案、开通腾讯位置服务、逆地址解析等
小程序 定位 地理定位以及 使用wx.getLocation拒绝授权后(在用户拒绝授权以后，如果再次调用 getLocation 不会再弹出授权弹框)的解决方案、开通腾讯位置服务、逆地址解析等
2024-07-19 08:53:15
2378
原创 微信小程序 vant-weapp的 SwipeCell 滑动单元格 van-swipe-cell 滑动单元格不显示 和 样式问题 滑动后删除样式不显示
微信小程序 vant-weapp的 SwipeCell 滑动单元格 van-swipe-cell 滑动单元格不显示 和 样式问题 滑动后删除样式不显示
2024-07-17 17:22:13
1146
原创 微信小程序miniprogram-computed:计算属性computed和监听器watch存储获取store: mobx-miniprogram、mobx-miniprogram-bindings
微信小程序：miniprogram-computed：计算属性computed和监听器watch；存储获取store： mobx-miniprogram、mobx-miniprogram-bindings
2024-07-16 11:16:41
661
原创 微信小程序 首屏空白 业务代码加载时间过长 用 骨架屏组件 解决报错： ＜swiper-item＞: 建议在子节点上设置样式
微信小程序 首屏空白 业务代码加载时间过长 用 骨架屏组件 解决报错： : 建议在子节点上设置样式
2024-07-15 10:24:57
396
原创 Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and at
微信小程序项目报错：Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors.
2024-07-13 17:28:22
2970
原创 小程序模块封装：消息提示模块封装、模态对话框封装、本地存储API封装、网络请求request封装( 封装请求/响应拦截器、并发请求、loading、uploadFile等)
小程序模块封装：消息提示模块封装、模态对话框封装、本地存储API封装、网络请求request封装( 封装请求/响应拦截器、并发请求、loading、uploadFile等)
2024-07-12 16:56:43
1057
原创 小程序-设置环境变量
这时候，我们就可以使用小程序提供了 wx.getAccountInfoSync() 接口，用来获取当前账号信息，在账号信息中包含着 小程序 当前环境版本。例如：开发环境需要调用开发版的接口地址，生产环境需要正式版的接口地址。在实际开发中，不同的开发环境，调用的接口地址是不一样的。
2024-07-12 16:33:35
855
原创 微信小程序保存后自动格式化代码-微信开发者工具 自动格式化代码设置-设置换行长度
微信小程序保存后自动格式化代码-微信开发者工具 自动格式化代码设置 设置换行长度 等
2024-07-11 10:39:05
2779
1
原创 微信小程序-自定义导航栏
在 app.json 或者 page.json 中，配置 navigationStyle 属性为 custom ，即可 自定义导航栏。一样都位于顶部固定位置。但是默认导航栏可能会影响小程序整体风格，且无法满足特定的设计需求，这时候，就需要自定义导航栏。在设置后，就会移除默认的导航栏，只保留右上角胶囊按钮。小程序默认的导航栏与APP。
2024-07-06 09:38:48
516
原创 小程序 全局数据共享 getApp()
App({// 全局共享的数据token:''},// 全局共享的方法// 如果想获取token,可以使用 this 的方法进行获取// 在 App() 方法中如果想获取 App() 实例,可以通过 this 的方式进行获取// 不能通过 getApp() 方法获取})
2024-07-05 16:07:52
566
原创 微信开放能力 微信小程序获取微信头像、昵称、转发功能、分享到朋友圈、手机号验证组件、客服功能等
1.目前该接口对非个人开发者，且完成了认证的小程序开发(不包含海外主题)临时路径时有失效时间的，在实际开发中，需要将临时路径上传到公司的服务器。2.两种验证组件需要付费使用，每个小程序账号将有1000次体验额度。第一种 示例： 在 .js 文件中设置转发。目前获取的微信头像时临时路径。在 wxml 文件中。在 wxml 文件中。
2024-07-05 15:48:49
1203
原创 小程序分包加载、独立分包、分包预加载等
3. App只能在主包内定义，独立分包中不能定义App，会造成无法预期的行为。== 需要在路径之前添加上分包的根目录路径 root 路径才可以==2.主包中的 app.wxss 对对立分包无效。1.对立分包中不能依赖主包和其它分包中的资源。1.整个小程序分包大小不超过 20MB。2.单个分包/主包大小不能超过 2MB。在使用页面中 如点击跳转到分包页面。在项目 app.json 中配置。打开 app.json 文件。打开 app.json 文件。
2024-07-05 14:05:05
359
原创 小程序 使用 UI 组件 Vant Weapp 、vant组件样式覆盖
在自定义组件的 wxml 中 给button 组件添加外部样式类 custom-class。到app.wxss 文件 定义page。然后在 wxss 文件中直接修改样式。然后到 使用 公共组件 wxss 中。自定义组件的 wxss。
2024-07-04 15:06:56
1045
原创 小程序 npm 支持
在实际开发中，随着项目的功能越来越多、项目越来越复杂、文件目录也变的很繁琐，为了方便进行项目的开发,开发人员通常会对目录结构进行调整优化，例如：将小程序源码放到 miniprogram 目录下这时候需要开发者在 project.config.json 中 指定 node_modules 的位置 和目标 miniprogram_npm 的位置配置如下：1. 配置 project.config.json 的 miniprogramRoot 指定小程序源码的目录。
2024-07-04 14:42:46
339
原创 微信小程序的自定义组件、常见组件通信、组件父子、子父、兄弟等传参、组件的属性、slot、自定义组件样式、样式隔离、数据监听 objservers、生命周期、复用机制 behaviors、外部样式等
微信小程序的自定义组件、常见组件通信：父子传参、兄弟传参、子父传参等、组件的属性、slot、自定义组件样式、样式隔离、数据监听 objservers、生命周期、复用机制 behaviors、外部样式
2024-07-03 10:12:11
1044
1
原创 小程序API介绍及常用API 网络请求、loading、消息提示框、本地存储、路由与通信、上下拉加载刷新、scroll-view等
小程序开发框架提供丰富的微信原生API，可以方便的调起微信提供的能力，例如：获取用户信息、微信登录、 微信支付等，小程序提供的API几乎都挂载在wx对象下，例如：wx.request()、wx.setStorage()等， wx对象实际上就是小程序的宿主环境微信提供的全局对象小程序API介绍及常用API网络请求、loading、消息提示框、本地存储、路由与通信、上下拉加载刷新、scroll-view等
2024-07-01 15:47:43
444
原创 小程序的运行机制、更新机制、生命周期介绍保姆级教程全解
应用生命周期是指应用程序进程从创建到消亡的整个过程小程序的生命周期指的是 小程序从启动到销毁的整个过程。一个小程序完整的生命周期由 应用生命周期、页面生命周期和组件生命周期 三部分来组成。小程序生命周期伴随着一些函数，这些函数由小程序框架本身提供，被称为生命周期函数，生命周期函数会按照顺序一次自动触发调用。帮助程序员在特定的时机执行特定的操作，辅助程序员完成一些比较复杂的逻辑。
2024-07-01 11:39:48
1128
原创 [渲染层网络层错误] Failed to load font http://at.alicdn.com/t/c/font_4603083_be6rni8li98.woff2?t=17195636341
这错误原因是：小程序用iconfont 代码的时候报错的。
2024-06-28 16:57:31
2068
2
原创 vue+ts+vite+pinia+less+echarts 前端可视化 实战项目
vue+ts+vite+pinia+less+echarts 前端可视化 实战项目
2024-05-15 16:17:11
347
原创 webpack从零到1 构建 vue3
3.在public 文件夹下创建 index.html5.webpack.config.js 文件注：想在webpack.config.js 文件中获得智能提示 需要 以下代码打包的时候清空dist 就不用做手动删除了配置别名 @ 代表src修改 webpack.config.js 文件 进行别名 添加 resolve 属性修改webpack.config.js。
2024-05-08 17:28:57
786
原创 vue3项目打包后 使用http-server 启动build后的文件包
vue3项目打包后 使用http-server 启动build后的文件包
2024-05-08 14:45:44
637
原创 Vue 3.3 编译宏 vue3.3新增了一些语法糖和宏，包括泛型组件、defineSlots、defineEmits、defineOptions
Vue 3.3新增了一些语法糖和宏，包括泛型组件、defineSlots、defineEmits、defineOptions
2024-05-08 13:38:01
566
1
原创 Vue3 +ts +vite 开发h5 适配
如果不设置width=device-width，移动设备会按照默认的视口宽度（通常是较宽的桌面屏幕）来渲染网页，导致网页内容在移动设备上显示不正常，可能出现内容被截断或需要水平滚动的情况。而rem 是根据html的font-size 进行缩放的，可以进行自适应，缺点就是需要计算每个屏幕大小所对应的font-size。圣杯布局：在CSS中，圣杯布局是指两边盒子宽度固定，中间盒子自适应的三栏布局，其中，中间栏放到文档流前面，保证先行渲染。发现px是相对单位固定的，无法进行自适应，不会随着屏幕尺寸的改变而改变。
2024-05-07 17:16:30
883
空空如也
前端甘特图报错vue3+甘特图addTaskLayer报错没有这个方法
2024-08-22
TA创建的收藏夹 TA关注的收藏夹
TA关注的人