- 博客(29)
- 收藏
- 关注
RSS订阅原创 微信小程序---一些API以及上线流程
小程序默认的导航栏与 APP 一样都位于顶部固定位置。但是默认导航栏可能会影响小程序整体风格，且无法满足特定的设计需求，这时候，就需要进行自定义导航栏。在 app.json 或者 page.json 中，配置 navigationStyle 属性为 custom，即可 自定义导航栏在设置以后，就会移除默认的导航栏，只保留右上角胶囊按钮
2024-07-12 11:51:59
920
原创 微信小程序---分包加载
❓小程序的代码通常是由许多页面、组件以及资源等组成，随着小程序功能的增加，代码量也会逐渐增加，体积过大就会导致用户打开速度变慢，影响用户的使用体验。分包加载是一种小程序优化技术。将小程序不同功能的代码，分别打包成不同的子包，在构建时打包成不同的分包，用户在使用时按需进行加载，在构建小程序分包项目时，构建会输出一个或多个分包。每个使用分包小程序必定含有一个主包。每个分包可以包含多个页面、组件、样式和逻辑等。当小程序需要使用某个分包时，才会加载该分包中的代码。
2024-07-12 11:15:34
2249
原创 微信小程序---npm 支持
在实际的开发中，随着项目的功能越来越多、项目越来越复杂，文件目录也变的很繁琐，为了方便进行项目的开发，开发人员通常会对目录结构进行调整优化，例如：将小程序源码放到 miniprogram 目录下。但是在调整目录以后，我们按照上一小节Vant Weapp的构建流程进行构建，发现没有构建成功，并且弹出构建失败的弹框[错误提示翻译意思是] ：没有找到可以构建的 npm 包请确认需要参与构建的 npm 都在目录内配置的和进行构建默认构建npm自定义构建npm1、默认构建 npm。
2024-07-12 10:47:27
2628
原创 微信小程序---原生API
小程序开发框架提供丰富的微信原生API，可以方便的调起微信提供的能力，如获取用户信息，本地存储，支付功能等，几乎所有小程序的API都挂载在wxwx对象实际上就是小程序的宿主环境微信所提供的全局对象onSync异步 API 支持 callback & Promise 两种调用方式：当接口参数 Object 对象中不包含 success/fail/complete 时将默认返回 Promise。
2024-07-10 14:41:33
1499
原创 微信小程序---生命周期
应用生命周期是指应用程序进程从创建到消亡的整个过程小程序的生命周期指的是 小程序从启动到销毁的整个过程在打开一个小程序应用的时候都需要经历一系列的初始化步骤，比如页面是否加载完成、页面是否初次渲染完成等等。在此过程中，小程序也会运行被称为生命周期钩子的函数，这些函数由小程序框架本身提供，被称为生命周期函数，生命周期函数会按照顺序依次自动触发调用。帮助程序员在特定的时机执行特定的操作，辅助程序员完成一些比较复杂的逻辑。让开发者有机会在特定阶段运行自己的代码。
2024-07-10 13:20:37
1006
原创 微信小程序---模板语法
Page({// 定义页面中使用的数据data: {age: 10,gender: '男'Page({// 定义页面中使用的数据data: {
2024-07-10 12:28:36
1284
原创 微信小程序---常用样式和组件
在开 Web 网站的时候：页面的结构由HTML进行编写，例如：经常会用到divpspanimga等标签页面的样式由CSS进行编写，例如：经常会采用.class#idelement等选择器但在小程序中不能使用HTML标签，也就没有DOM和BOM，同时仅仅支持部分CSS选择器不过不用担心，小程序中提供了同样的角色：其中WXML充当的就是类似HTML的角色，只不过在WXML中没有divpspanimga等标签，在WXML中需要使用 小程序提供的viewtextimagenavigator。
2024-07-09 23:33:39
1001
原创 微信小程序---事件处理
在小程序中，可以通过事件传参的方式，将数据传递给事件处理函数。常见的事件包括点击事件、输入事件等。在组件节点中可以通过data-的方式传递一些自定义数据，传递的数据可以通过事件对象的方式进行获取📌注意事项 使用data-方法传递参数的时候，多个单词由连字符连接 连字符写法会转换成驼峰写法，而大写字符会自动转成小写字符 例如：，最终会呈现为，最终会呈现为在 wxml 文件中，使用data-*属性将数据传递给事件处理函数。
2024-07-09 23:13:57
1347
原创 微信小程序---配置文件
JSON是一种轻量级的数据格式，常用于前后端数据的交互，但是在小程序中，JSON 扮演的静态配置的角色，用于配置当前页面或组件的属性和行为，每个页面或组件也都可以拥有一个对应的 json 文件。
2024-07-09 20:55:56
1046
原创 数组常用方法
forEach()map() —— 更新数组filter()、includes()、find()、findIndex() —— 筛选（删除）数组some()、every() —— 判断数组reduce() —— 叠加数组。
2024-07-08 13:29:51
1067
原创 硅谷甄选九（按钮权限）
这个需要你在每个按钮元素中使用v-has="btn.User.XXXX"去判断。比v-if方便。不需要在组件内部引入仓库。//获取对应的用户仓库//全局自定义指令:实现按钮的权限//代表使用这个全局自定义指令的DOM|组件挂载完毕的时候会执行一次//自定义指令右侧的数值:如果在用户信息buttons数组当中没有//从DOM树上干掉//el就是dom元素//options:传入进来的值if (!},})//main.tss//引入自定义指令文件-- 卡片顶部添加品牌按钮 -->
2024-07-08 00:11:32
244
原创 硅谷甄选八（菜单权限）
这样配置路由后，如果你访问的是异步路由，会在刷新的时候出现空白页面。原因是异步路由是异步获取的，加载的时候还没有。因此我们可以在路由守卫文件中改写。这个的意思就是一直加载。之前获取需要的路由方法中使用的是浅拷贝，会改变原有的路由。因此我们这里引入深拷贝的方法。注意：这里使用了递归。其次，这里是浅拷贝，会改变原有的路由。
2024-07-07 23:46:02
371
原创 硅谷甄选七（setting按钮模块）
这里使用了el-switch组件，下面介绍一下属性@change：点击切换时的回调v-model：双向绑定的数据，用来控制开关的切换class：默认的类style：样式active-ico、inactive-icon：开和关的图标inline-prompt：可以把图标放在开关里面。
2024-07-07 21:36:12
202
原创 硅谷甄选七（spu管理）
单元。是商品的最小单位，是一组可复用、易检索的标准化信息的集合，该集合描述了一个产品的特性。通俗点讲，、特性相同的商品就可以称为一个SPU。
2024-07-07 19:21:18
669
原创 硅谷甄选五（品牌管理）
API中的以及组件中。//已有的品牌的ts数据类型id?: number//包含全部品牌数据的ts类型//获取的已有全部品牌的数据ts类型data: {-- upload组件属性:action图片上传路径书写/api,代理服务器不发送这次post请求 --><Plus /></el-icon>class：带的一些样式，需复制到style中action：图片上传路径需要书写/api,否则代理服务器不发送这次post请求：是否展示已经上传的文件。
2024-07-06 00:07:14
730
1
原创 硅谷甄选四（token）
/小仓库存储数据地方return {token: GET_TOKEN(), //用户唯一标识tokenmenuRoutes: constantRoute,//仓库存储生成菜单需要的数组（路由）avatar: ''},//定义小仓库数据state类型//登录接口需要携带参数类型//定义全部接口返回数据都有的数据类型//定义登录接口返回数据类型//定义获取用户信息返回的数据类型data: {
2024-07-05 15:15:27
683
1
原创 硅谷甄选三（layout）
scss全局变量//左侧菜单宽度//左侧菜单背景颜色//顶部导航的高度滚动条//滚动条外观设置//小仓库：layout组件相关配置仓库return {fold: false, //用户控制菜单折叠还是收起的控制refsh: false//刷新},})
2024-07-05 10:18:41
878
1
原创 硅谷甄选二（登录）
注意：el-col是24份的，在此左右分为了12份。我们在右边放置我们的结构。:xs="0"是为了响应式。el-form下的element-plus元素都用包裹起来。
2024-07-03 22:28:27
577
2
原创 vue3项目集成
/对外暴露插件对象})main.ts//引入自定义插件对象：注册整个项目的全局组件//使用use方法后即会触发install方法。
2024-07-03 12:00:51
1278
原创 搭建后台管理系统模板
从0开始搭建一个vue3版本的后台管理系统。一个项目要有统一的规范，需要使用eslint+stylelint+prettier来对我们的代码质量做检测和修复，需要使用husky来做commit拦截，需要使用commitlint来统一提交规范，需要使用preinstall来统一包管理工具。下面我们就用这一套规范来初始化我们的项目，集成一个规范的模版。
2024-07-02 15:44:58
737
原创 git第一次提交时
在 Git 2.22 或更高版本，优先考虑使用 git branch --show-current 命令来获取当前分支名称，这样更加直观和简单。对于较旧版本的 Git，可以考虑使用 git rev-parse --abbrev-ref HEAD 命令。这里我的当前分支是main，可是我依然用了master，则会提示错误。就是要push的分支master与当前所处的分支不匹配，获取当前分支。改为正确的分支则push到正确的分支。
2024-07-02 15:28:13
211
原创 git 出现无权限
解决方案：就是要push的分支master与当前所处的分支不匹配，出现原因：没有正确设置公。，导致没有权限操作。gitee 公钥设置。显示远端的相关分支；
2024-07-02 15:17:22
504
原创 vue3中组件通信方式
在vue框架中事件分为两种:一种是原生的DOM事件，另外一种自定义事件。原生DOM事件可以让用户与网页进行交互，比如click、dbclick、change、mouseenter、mouseleave….自定义事件可以实现子组件给父组件传递数据自定义事件可以实现子组件给父组件传递数据.在项目中是比较常用的。//父组件html//父组件ts//引入子组件//事件回调defineEmits：此方法是vue3提供的方法,不需要引入直接使用。
2024-07-01 22:45:51
917
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人