白臻-CSDN博客

在 app.json 或者 page.json 中，配置 navigationStyle 属性为 custom ，即可自定义导航栏。一样都位于顶部固定位置。但是默认导航栏可能会影响小程序整体风格，且无法满足特定的设计需求，这时候，就需要自定义导航栏。在设置后，就会移除默认的导航栏，只保留右上角胶囊按钮。小程序默认的导航栏与APP。

2024-07-06 09:38:48 298

原创小程序全局数据共享 getApp()

App({// 全局共享的数据token:''},// 全局共享的方法// 如果想获取token,可以使用 this 的方法进行获取// 在 App() 方法中如果想获取 App() 实例,可以通过 this 的方式进行获取// 不能通过 getApp() 方法获取})

2024-07-05 16:07:52 435

原创微信开放能力微信小程序获取微信头像、昵称、转发功能、分享到朋友圈、手机号验证组件、客服功能等

1.目前该接口对非个人开发者，且完成了认证的小程序开发(不包含海外主题)临时路径时有失效时间的，在实际开发中，需要将临时路径上传到公司的服务器。2.两种验证组件需要付费使用，每个小程序账号将有1000次体验额度。第一种示例：在 .js 文件中设置转发。目前获取的微信头像时临时路径。在 wxml 文件中。在 wxml 文件中。

2024-07-05 15:48:49 442

3. App只能在主包内定义，独立分包中不能定义App，会造成无法预期的行为。== 需要在路径之前添加上分包的根目录路径 root 路径才可以==2.主包中的 app.wxss 对对立分包无效。1.对立分包中不能依赖主包和其它分包中的资源。1.整个小程序分包大小不超过 20MB。2.单个分包/主包大小不能超过 2MB。在使用页面中如点击跳转到分包页面。在项目 app.json 中配置。打开 app.json 文件。打开 app.json 文件。

2024-07-05 14:05:05 169

原创小程序使用 UI 组件 Vant Weapp 、vant组件样式覆盖

在自定义组件的 wxml 中给button 组件添加外部样式类 custom-class。到app.wxss 文件定义page。然后在 wxss 文件中直接修改样式。然后到使用公共组件 wxss 中。自定义组件的 wxss。

2024-07-04 15:06:56 426

原创小程序 npm 支持

在实际开发中，随着项目的功能越来越多、项目越来越复杂、文件目录也变的很繁琐，为了方便进行项目的开发,开发人员通常会对目录结构进行调整优化，例如：将小程序源码放到 miniprogram 目录下这时候需要开发者在 project.config.json 中指定 node_modules 的位置和目标 miniprogram_npm 的位置配置如下：1. 配置 project.config.json 的 miniprogramRoot 指定小程序源码的目录。

2024-07-04 14:42:46 250

原创微信小程序的自定义组件、常见组件通信、组件父子、子父、兄弟等传参、组件的属性、slot、自定义组件样式、样式隔离、数据监听 objservers、生命周期、复用机制 behaviors、外部样式等

微信小程序的自定义组件、常见组件通信：父子传参、兄弟传参、子父传参等、组件的属性、slot、自定义组件样式、样式隔离、数据监听 objservers、生命周期、复用机制 behaviors、外部样式

2024-07-03 10:12:11 762 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 254

原创小程序的运行机制、更新机制、生命周期介绍保姆级教程全解

应用生命周期是指应用程序进程从创建到消亡的整个过程小程序的生命周期指的是小程序从启动到销毁的整个过程。一个小程序完整的生命周期由应用生命周期、页面生命周期和组件生命周期三部分来组成。小程序生命周期伴随着一些函数，这些函数由小程序框架本身提供，被称为生命周期函数，生命周期函数会按照顺序一次自动触发调用。帮助程序员在特定的时机执行特定的操作，辅助程序员完成一些比较复杂的逻辑。

2024-07-01 11:39:48 339

原创前端开发中实用小技巧

前端开发中实用小技巧

2024-07-01 08:42:20 412

原创 [渲染层网络层错误] Failed to load font http://at.alicdn.com/t/c/font_4603083_be6rni8li98.woff2?t=17195636341

这错误原因是：小程序用iconfont 代码的时候报错的。

2024-06-28 16:57:31 235

原创 requestAnimationFrame与计时器的区别详细教程

requestAnimationFrame与计时器的区别详细教程。

2024-05-21 14:38:24 310

原创 vue+ts+vite+pinia+less+echarts 前端可视化实战项目

vue+ts+vite+pinia+less+echarts 前端可视化实战项目

2024-05-15 16:17:11 272

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

原创 vue3项目打包后使用http-server 启动build后的文件包

vue3项目打包后使用http-server 启动build后的文件包

2024-05-08 14:45:44 373

原创 Vue 3.3 编译宏 vue3.3新增了一些语法糖和宏，包括泛型组件、defineSlots、defineEmits、defineOptions

Vue 3.3新增了一些语法糖和宏，包括泛型组件、defineSlots、defineEmits、defineOptions

2024-05-08 13:38:01 411 1

原创 Vue3 +ts +vite 开发h5 适配

如果不设置width=device-width，移动设备会按照默认的视口宽度（通常是较宽的桌面屏幕）来渲染网页，导致网页内容在移动设备上显示不正常，可能出现内容被截断或需要水平滚动的情况。而rem 是根据html的font-size 进行缩放的，可以进行自适应，缺点就是需要计算每个屏幕大小所对应的font-size。圣杯布局：在CSS中，圣杯布局是指两边盒子宽度固定，中间盒子自适应的三栏布局，其中，中间栏放到文档流前面，保证先行渲染。发现px是相对单位固定的，无法进行自适应，不会随着屏幕尺寸的改变而改变。

2024-05-07 17:16:30 652

原创 Vue3 有没有一款好用的开发移动端的工具

官网。

2024-05-07 15:00:29 254

原创 vue3添加文字追加文字段的时候看到滚动条但是并没有自己去滚到最下面

看图 vue3添加文字追加文字段的时候看到滚动条但是并没有自己去滚到最下面，很多聊天工具呢点击send 默认都会到最新消息那就是滚动条最下方。解决办法：1.回调函数模式 2.async await 写法。Vue 更i性能dom是异步的数据更新是同步的。在 vue中做个类似聊天框的功能。

2024-05-06 15:33:56 178

原创 vue3中 Hook详解 Hook结合自定义指令

vue3中 Hook详解 Hook结合自定义指令

2024-05-05 14:30:03 1545 1

原创 vue3+vite+ts 自定义指令详解

例如在 v-my-directive.foo.bar 中，修饰符对象为 {foo: true，bar: true}。Vue中有v-if,v-for,v-bind，v-show,v-model 等等一系列方便快捷的指令今天一起来了解一下vue里提供的自定义指令。例如在 v-my-directive:foo 中，arg 为 “foo”。：先前的值，仅在 beforeUpdate 和 updated 中可用。例如，在 v-my-directive=“1 + 1” 中，该值为 2。：使用指令的组件实例。

2024-05-05 09:03:42 594

原创 vue3中（兄弟父子传参）Bus详解和使用Mitt

vue3中（兄弟父子传参）Bus详解和使用Mitt

2024-05-04 09:21:38 557

原创 new Array和Array.apply的区别

new Array new 出来的数据都是empty 空属性。

2024-05-03 11:17:21 151

原创 vue+ts+vite 异步组件&suspense保姆级教程

vue+ts+vite 异步组件&suspense保姆级教程

2024-04-29 14:57:47 298

原创 vue3+ts+vite 动态组件保姆级教程

【代码】vue3+ts+vite 动态组件保姆级教程。vue3 动态组件详解

2024-04-22 14:29:49 320

原创 vue3+ts 报错解决：找不到模块或其相应的类型声明。（Vue 3 can not find module）

3.检查 TypeScript 配置：如果项目中有 tsconfig.json 或 jsconfig.json 文件，确保该文件包含了正确的路径别名或根路径。4.检查 Vue 配置：如果使用了如 webpack 或 Vite 这样的构建工具，确保相关的配置能够正确处理 .vue 文件。1、在当前项目的工作空间下，用 Ctrl + Shift + P (macOS：Cmd + Shift + P) 唤起命令面板。1.检查文件路径：确保文件的路径是正确的，并且确实存在于 components 目录下。

2024-03-29 08:33:44 10443 3

空空如也

空空如也