- 博客(202)
- 收藏
- 关注
RSS订阅原创 如何写一个uniapp自定义tarbar导航栏？
第一 图片 第二路 创建页面 设置tarbar。其三 设置pages.json 创建页面。在static文件夹放图片。
2025-01-08 16:32:57
435
原创 微信小程序 ---- 生命周期
当用户「关闭」小程序时，小程序并没有真正被关闭，而是进入了「后台」状态，当用户再次进入微信并打开小程序，小程序又会重新进入「前台」状态。热启动：如果用户已经打开过某小程序，然后在一定时间内再次打开该小程序，此时小程序并未被销毁，只是从后台状态进入前台状态。冷启动：如果用户首次打开，或小程序销毁后被用户再次打开，此时小程序需要重新加载启动。小程序启动后，界面被展示给用户，此时小程序处于「前台」状态。小程序启动可以分为两种情况，一种是冷启动，一种是热启动。点击右上角胶囊按钮离开小程序。屏幕左侧右滑离开小程序。
2024-09-02 09:53:45
370
原创 小程序的页面跳转方式
102. 小程序的页面跳转方式小程序是一种快速发展的应用形式，为用户提供了便捷的功能和交互体验。其中，页面跳转是小程序中常用的功能之一，本文将介绍小程序的页面跳转方式，并提供代码示例，帮助读者更好地理解和实现页面跳转。一、小程序页面跳转方式：1. 通过按钮点击跳转：实现方法：在页面中添加按钮，并在按钮的点击事件处理函数中调用相应的跳转 API 实现页面跳转。
2024-09-02 09:52:41
712
原创 如何使用react框架进行两个html页面的切换?
的做法无法在react框架中直接适配,所以非常有必要从新开始学习一下react框架是如何进行两个页面的跳转的.
2024-09-02 09:50:29
462
原创 CSS总结——瀑布流布局
瀑布流布局是一种新型的布局方式，可以将大小不一的图片完整的显示在页面上，并且在杂乱的布局中保持着一定的美感，今天学习了一下如何使用瀑布流布局，总结了有以下三种方式。布局实现，还没有学习过这种方式）
2024-09-02 09:46:57
819
原创 vue3脚手架搭建
node.js：简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。与平时写的js语法基本一样，多了操作计算机资源的语法。在官网下载（安装非常简单（无限下一步即可）），安装时node.js时会自动帮我们安装npm工具。1.安装node.js（npm）
2024-09-02 09:44:43
611
原创 看完就懂的vue2与vue3响应式的区别
当然有对应的一次处理多个属性的方法Object.defineProperties()，但在 vue 中并不适用，因为 vue不能提前知道用户传入的对象都有什么属性，因此还是得经过类似 Object.keys() + for 循环的方式获取所有的 key ->value，而这其实是没有必要使用 Object.defineProperties()从以上的描述就可以看出一些限制，比如： 目标是 对象属性，不是 整个对象 一次只能 定义或修改一个属性。从Vue2到Vue3都使用了响应式，那么它们之间有什么区别？
2024-09-02 09:41:27
408
原创 vue2和vue3的区别（由浅入深
vue2和vu3之前的区别，一直以来是面试必考题目，如何回答，回答的层次决定了面试者的对于vue2，3的理解，以及对于vue3目前稳定版本发展的方向的了解，即考察使用程度，又考察了学习能力，可以说是回答即可以很简单，也可以很不简单，这里需要注意的是面试官的面试程度，需要我们层层递进，由浅入深来回答，这样可以体现出面试者的考虑全面，又能体现知识广度。Vue2.x中new出的实例对象，所有的东西都在这个vue对象上，这样其实⽆论你⽤到还是没⽤到，都会跑⼀遍，这样不仅提⾼了性能消耗，也⽆疑增加了⽤户加载时间。
2024-09-02 09:35:03
1041
原创 vue的递归组件
但父组件传过来的树形数据结构到子组件后，我们需要拿到数据并做遍历，然后再下一行加入核心逻辑：if 发现我们有子数据，那么我们直接调用自身组件，也就是直接使用name值做组件声明。在我们开发过程中，为了提高开发效率，降低开发难度，我们会直接使用组件库来实现，同时也衍生出了很多优秀的组件库，如：饿了么、蚂蚁、Iview、vant等等。当然，这块儿的子数据结构字段我这里叫chirden，一般企业开发是后台给我们的，他们也可以叫A，叫B，我们需要根据自己的数据字段情况，去做相应的修改。-- 递归组件 -->
2024-09-02 09:00:49
543
原创 微信小程序如何取得用户的openid
请注意，这里的your_appid、your_appsecret和your_code需要替换为实际的AppID、AppSecret和临时登录凭证。通过以上步骤，可以在微信小程序中获取用户的openid。在实际应用中，可以将openid作为用户身份的唯一标识，用于关联用户的数据和行为。首先，在微信开放平台（https://open.weixin.qq.com/）上注册一个小程序，并获取到AppID和AppSecret。在微信小程序中，可以通过调用微信提供的API来获取用户的openid。
2024-09-02 08:58:01
1066
原创 在vue中如何实现扫码二维码跳转index页面？
第一步 安装 npm install @chenfengyuan/vue-qrcode。第二步 js 更换跳转链接 需要换成我们的宝塔域名。使用qrcode标签会成为一个二维码。
2024-09-02 08:08:55
707
原创 vue + el-upload 实现图片尺寸缩小
但el-upload默认在上传时携带了file参数并不可删除（但是可以用过配置name: "oldFile"去修改，保证后端不再使用到，查阅el-upload源码可知，文档没有），所以可以通过配置 name="file2" 将原本的file => 修改成file2 即可。因为在前端上传到服务器后，有个功能会导出 word，而图片就会放到里面去导出，而图片尺寸太大，显示会有问题；上传后缩小：需要上传两张图，并且小图需要做无感上传，原始图和缩小后的图片，并且需要定义区分规则，怎么获取大图，怎么获取小图。
2024-08-30 17:03:51
661
原创 vue3 实现拍照 录像功能
1，有些浏览器不支持 h5进行这个摄像头 的调用 我搜索这个 （chrome://flags/#unsafely-treat-insecure-origin-as-secure） 进行搜索 然后 找到 出入框 输入自己的宝塔域名。这样两步 做完就可以手机端调起摄像头了。这是vue的完整deom。2，宝塔面板去申请证书。
2024-08-23 16:39:15
649
原创 show-overflow-tooltip过长设置悬浮框样式vue3 elementplus
【代码】show-overflow-tooltip过长设置悬浮框样式vue3 elementplus。
2024-08-21 16:50:23
580
原创 vue3实现导出Excel（2）
这里的getCurrentDataTimeString（）是计算获取当天的时间。npm install js-table2excel# 或者。第三步创建column数据表单。这里的+g是当天时间。
2024-08-11 16:13:30
385
原创 在vue3中如何制作导出数据Excel（1）
首先，确保你的项目是基于Vue 3创建的。在Vue 3项目中安装和使用。使用npm或者yarn安装。
2024-08-11 16:07:20
288
1原创 vue3-element-plus 上传图片如何进行压缩？
思路：上传图片得到file 先进行压缩 0.1-1 压缩比例 压缩后在进行upload上传文件。第三步填充代码 上面的函数是进行一个形参实参的传递。第一步引入upload组件。第二步填充代码进行压缩。下面是压缩图片的重点。
2024-08-11 09:03:21
215
原创 Vue3如何绑定全局方法和变量
Vue 2 中 Vue.prototype绑定全局方法，此写法在 Vue 3 已经不存在了。与任何全局的东西一样，应该谨慎使用。Vue3使用provide/inject 或者app.config.globalProperties进行绑定。如果全局属性与组件自己的属性冲突，组件自己的属性将具有更高的优先级。重点第一步 在utils文件夹中 创建test.js 写入一下代码。在mins.js 或ts 引入。
2024-08-10 16:19:18
238
原创 【Vue3】element-plus中el-tree的递归处理赋值回显问题
回显 -> 递归处理所有层级菜单选中的id。只要勾选一个子节点，回来接收到的父节点数据。整体思路很简单：初始化树 -> 处理。所以涉及到了权限管理和菜单管理。会显示 ，会显示所有子节点数据。由于项目是从0-1开始构建的。
2024-08-05 18:19:35
491
原创 vue3 实现登录验证码
在component的文件夹下创建Sidentify.vue，将以下代码全部复制。在login.vue页面中引入验证码组件。
2024-07-26 08:15:39
974
原创 从接口获取获取到数组arr=[‘1‘,‘a‘,‘2‘,‘b‘,‘3‘,‘c‘]转换成{number：‘123’，char：‘abc’}
该代码将原始数组中的每个元素遍历一次，并根据元素类型将其添加到相应的属性中。在这里，我们使用了isNaN()函数来检查一个元素是否为数字。如果是数字，则将其添加到result对象的number属性中；否则，将其添加到result对象的char属性中。最终，输出result对象即可得到所需的结果。
2024-06-30 18:00:43
140
原创 px、em、rem、rpx 作用和用法详解
为了简化font-size的换算，需要在css中的body选择器中声明Font-size=62.5%，这就使em值变为 16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10，然后换上em作为单位就行了。rem是CSS3新增的一个相对单位（root em，根em），这个单位引起了广泛关注。rpx 为小程序中使用的相对单位，用法和rem类似， 1rpx = 屏幕宽度/750 px, 所以在屏幕宽度为750的设计稿中，1rpx = 1px。
2024-06-29 21:18:00
460
原创 程序员敲代码的习惯你占几样撒？
IT行业的科技公司们一直苦苦追寻传说中以一当十的超级程序员，最新的研究表明确实存在这样一小撮效率奇高的“程序金刚”，但是一位普通程序猿如何能够蜕变成代码金刚呢？国内外的各大专家总结了导致程序猿效率低下，代码为什么像坨shi一，样难以维护的35条恶习（归为代码组织、团队工作、写代码、测试与维护四大类）。（日程紧迫的时候可以写一些“糟糕”的代码，这是程序员的能力而不是bug，当然，有时间的时候一定要回头偿还“技术债”）2.坚持所谓的高效、优雅的“一行代码流”，事实上，可读性才是最重要的，聪明是第二位的。
2024-06-28 16:18:50
300
原创 PS切图详细教程3种方法切片
PSD图像格式是Photoshop的专用格式，里面可以存放图层、通道、遮置等多种设计稿，对我们前端人员来说，最大的优点，我们可以直接从上面复制文字，获得图片，还可以测量大小和距离，我们开发需要的是一小张一小张的图片素材，有时候UI美工会帮我们切好图，有时候我们是拿到一整张PSD设计图，所以，学会Photoshop切图是非常重要的。比如我们想要把图片和文字导出成一张图，但是它们是两个不同的图层，如果我们直接用快速导出为png的话，图片是显示不全的。最简单的切图方式：右击图层 →快速导出为PNG。
2024-06-28 08:36:48
7608
原创 ps抠图实现
步骤2：按住alt键，单击图层蒙版缩略图，进入图层蒙版→ctrl+v粘贴→ctrl+i反向(反向快捷键，能够把图层切换为相反颜色)→回到原图层，填充为白色。步骤1 ：使用套索工具将主体部分选中，建立选取→ctrl+j，将建立选取的部分复制出来，形成一个新图层，同时隐藏掉原来的图层→单击通道，选择对比最大的通道。步骤2：右键单击对比最大的通道，选择“复制通道”，单击“确定”→ctrl+L，调出色阶，通过滑动滑块和用颜色取管配合，使白色部分更白，黑色部分更黑。方法：通道抠图、蒙版抠图、选择并遮住。
2024-06-28 08:33:25
223
原创 发送短信v2
正文内容是由短信模板和变量构成，例：{1}，跳转小程序 {2}，拒收请回复R，模板参数中 {1}，{2} 是变量： {1} ：用户可自定义传入的内容，当前最长为30个字。{2} ：用户传入的 URL Link，例如 https://wxmpurl.cn/tN5huKl2Gwg 示例：【云开发】能力上新，跳转小程序 https://wxmpurl.cn/tN5huKl2Gwg，拒收请回复R。第三方在调用接口时，可选择使用第三方的环境或小程序的环境，默认使用小程序的环境。示例说明: HTTPS请求示例。
2024-06-22 20:13:28
789
原创 程序员写代码的致命缺点
但是差一点的程序员就考虑不到那么远，一个是对业务不熟悉，判断不出来哪些需求可能会产生变化，一个是对可选的方案掌握的不多，根本就没有什么可选的余地，还有就是没有这种思维习惯，分不清楚哪些是现在要完成的，哪些是未来可能会支持或者是变动的。推荐的做法是，程序员要对数据很敏感，后端要知道每一个表的规模可能会有多大，当前的系统能支持的数据库表的大小是多大，而前后端都需要知道每一个操作，都分成了哪几个步骤，每一个步骤花费的时间是多少，大概占用的内存是什么样的。硬编码居多，没有可扩展性，用很丑陋的方式完成了功能。
2024-06-22 20:11:18
732
原创 获取小程序的码
获取小程序二维码，适用于需要的码数量较少的业务场景。通过该接口生成的小程序码，永久有效，有数量限制，详见。调用方式以及出入参和HTTPS相同，仅是调用的token不同。服务商获得其中之一权限集授权后，可通过使用。该接口所属的权限集id为：17、58。接口应在服务器端调用，详细说明参见。示例说明: HTTPS调用示例。示例说明: 云调用示例。
2024-06-22 09:00:00
471
原创 获取不限制的小程序码
该接口用于获取小程序码，适用于需要的码数量极多的业务场景。通过该接口生成的小程序码，永久有效，数量暂无限制。调用方式以及出入参和HTTPS相同，仅是调用的token不同。服务商获得其中之一权限集授权后，可通过使用。该接口所属的权限集id为：17、58。示例说明: HTTPS调用。示例说明: 云函数调用。
2024-06-21 20:55:37
1147
原创 小程序 如何支付后获取 Unionid
该接口用于在用户支付完成后，获调用本接口前需要用户完成支付，用户支付完成后，取该用户的 UnionId，无需用户授权。本接口支付后的五分钟内有效。接口方法为: openapi.auth.getPaidUnionId。出入参和HTTPS调用相同，调用方式可查看。
2024-06-21 20:54:03
480
原创 小程序 获取插件用户openpid？
接口获得插件用户标志凭证 code 后传到开发者服务器，开发者服务器调用此接口换取插件用户的唯一标识 openpid。调用方式以及出入参和HTTPS相同，仅是调用的token不同。服务商获得其中之一权限集授权后，可通过使用。该接口所属的权限集id为：18。
2024-06-21 20:52:53
433
空空如也
微信小程序打开ibeacon
2024-06-05
TA创建的收藏夹 TA关注的收藏夹
TA关注的人