- 博客(46)
- 收藏
- 关注
RSS订阅原创 支付宝支付
当前我们有现成的支付宝H5端支付能力，所以需要我们采用混合开发的模式进行操作，所谓混合开发就是鸿蒙原生内嵌一个支付宝的h5页面，经过互相通信实现整个支付流程。
2025-07-19 22:41:23
312
原创 flutter弹窗：fluttertoast
1、D盘需新建flutter_cache文件夹，高级系统设置添加环境变量，2、在pubspec.yaml文件注释掉刚才下载的官方包，重新配置。但是官方的fluttertoast()不支持鸿蒙，所以用第三方插件(安装完成后就可以用了。
2025-07-15 19:48:42
277
原创 HarmonyOS5 仓颉入门：仓颉开发语言中的页面和组件的生命周期
在 @Entry 装饰的组件或页面中，存在 aboutToAppear、aboutToDisappear、onPageShow、onPageHide、onBackPress 这几个生命周期函数，执行的时机大家看名字就可以猜到。其中 onBackPress 是有 bool 类型的返回值的，当返回 true 说明不使用系统的返回方法，自己处理返回逻辑，反之返回 false。生命周期指的是页面或者组件从加载、显示到消失的过程，在这个过程中会有一些系统事件，我们可以在其中进行一些操作。
2025-06-11 19:18:25
170
原创 HarmonyOS5 仓颉入门：仓颉开发语言中的自定义弹窗
在仓颉中一些参数的写法也和 ArkTs 不太相同，比如 cancel 回调方法，比如颜色的设置。还要注意的是，@CustomDialog 实现的自定义弹窗的所有参数是不支持动态刷新的，这一点不太方便，幽蓝目前也正在寻找更加方便的弹窗方式。仓颉语言中的自定义弹窗和 ArkTs 类似，但是还是有一些不同的地方。
2025-06-11 19:15:22
206
原创 HarmonyOS5 仓颉入门：仓颉开发语言中的自定义 tabbar
仓颉的 tabbar 参数只支持传入图片或者文字，不能像 ArkTs 那样能传入组件,所以在仓颉语言中官方的 tabbar 局限性非常大。这样就无法满足我们的需求，所以我们需要自定义。
2025-06-11 19:09:22
217
原创 HarmonyOS5 仓颉入门：仓颉开发语言中的计时器
repeat 是重复性执行的计时器，Duration.Zero 是延迟执行的时间，Duration.second 是执行的间隔，这里出现了新的参数 style，它的名字叫追平策略，官方给出的解释是：当 Task 执行时间过长时，后续任务执行时间点可能发生延迟，不同的追平策略适用于不同的场景。这个计时器和上面的 repeat 类似，它多了一个参数 period，意思是重复周期的最大持续时间。这行代码的意思是，计时器在一分钟以后执行，然后每分钟执行一次 App.info 打印。
2025-06-11 18:57:25
156
原创 HarmonyOS5 仓颉入门：仓颉开发语言中的动画
仓颉中的动画通常有两种方式，分别是属性动画和显示动画，我们今天以下面的加载动画为例，使用显示动画和属性动画分别实现一下，看看他们有什么区别。
2025-06-11 18:09:09
112
原创 HarmonyOS5 仓颉入门：结构体 struct 和类 class 的异同
仓颉中的结构体 struct 和 class 类有很多相同之处，开发者需要注意使用场景以及两者之间的异同之处。特别需要注意结构体 struct 的实例赋值给另一个实例对象后，相当于实例对象的拷贝，两者之间的内存地址并不相同，不同的操作两者之间并不会互相影响，而 class 类和 java 中的类一样，都是表示引用传递，拥有相同的内存地址。
2025-06-11 17:57:31
233
原创 HarmonyOS5 仓颉入门：和 ArkTs 互操作
2.在 DevEco Studio 中的仓颉文件或者 module 名称右键选择“Generate Cangjie-ArkTS Interop API”，会在 cangjie 目录下生成 ark_interop_api 的声明文件。1.在 cj 文件中，针对 class、interface 和函数，使用 @Interop[ArkTS] 进行修饰，被修饰的对象是希望被 ArkTS 调用的。现在一般的场景是在已有 ArkTs 库中使用仓颉，所以可以将仓颉代码封装为 ArkTs 库，提供给外部使用。
2025-06-02 20:14:24
360
原创 HarmonyOS5 仓颉入门：特性
while-let 表达式同 if-let 一样，也是先会对条件中 <- 右侧的表达式进行求值，如果此值能匹配 <- 左侧的模式，则执行循环体，然后重复执行此过程。这种场景的优势在于不需要破坏被扩展类型的封装性，就可以添加额外的功能。仓颉中创建一个线程非常简单，只需要使用 spawn{} 即可开启一个新的线程，{}里面就是在新线程中执行的代码，并且可以使用 Future获取线程执行结果。语法形式就是 e1 |> e2，其中 e2 是函数类型的表达式，e1 的类型是 e2 的参数类型的子类型。
2025-05-27 20:57:49
908
原创 HarmonyOS5 仓颉入门：环境搭建
这段初始化代码看起来好像和 ArkTs 的代码非常相似，但也有一些不同的地方，关于代码的教程会在以后的文章中详细介绍，现在直接运行一下试试，如果你遇到了运行失败的问题，可以尝试更新真机设备或者模拟器的版本。仓颉项目的目录结构和语法跟 ArkTs 不太一样，这不是今天的重点。选择刚刚下载的仓颉插件，安装完成后左侧列表会出现对应的插件，第一次完成安装会有绿色的 Restart IDE 按钮，点击重启。首先需要下载仓颉插件，要注意仓颉插件和 DevEco-studio 的配套版本，我建议全都下载最新版本。
2025-05-26 20:23:32
400
原创 HarmonyOS5 鸿蒙应用开发学习-DevEco Studio的使用
鸿蒙应用开发学习-DevEco Studio的使用在HarmonyOs应用开发学习之前，需要进行一些准备工作，首先需要完成开发工具DevEco Studio的下载与安装以及环境配置。
2025-05-22 21:05:02
437
原创 vue报错 Parsing error: No Babel config file detected for D:\Desktop\testPro\myapps\src\App.vue. Either
vue 报错
2022-11-15 17:38:29
507
原创 npm install 报错
npm install 报错查看当前npm 版本npm -v7.x以上版本的npm 要正常在vscode上使用的指令：npm i --legacy-peer-deps现在就可以运行 npm install 了
2022-02-16 19:03:50
542
1
原创 工作中常用且容易遗忘的css样式整理，建议收藏
工作中常用且容易遗忘的css样式整理，建议收藏来源：http://www.fly63.com/article/detial/103141. 文字超出部分显示省略号单行文本的溢出显示省略号（一定要有宽度） p{ width:200rpx; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }多行文本溢出显示省略号p { display: -webkit-box; -web
2021-10-19 16:50:08
221
原创 柱状图底部文字显示不全
柱状图底部文字显示不全var option = {//.....其他属性 grid: { // 控制图的大小，调整下面这些值就可以， x: 100,//控制x轴文字与底部的距离 y2: 200 // y2可以控制倾斜的文字狱最右边的距离，放置倾斜的文字超过显示区域 }, xAxis: [{ type: 'category', //data: ['2015-2016', '2016-2017', '2017-2018', '201
2021-07-26 09:45:34
943
原创 npm镜像设置
淘宝源(淘宝镜像)npm config set registry https://registry.npm.taobao.org国外镜像npm config set registry https://registry.npmjs.org
2021-03-30 10:30:51
214
原创 SVN安装使用教程
TortoiseSVN安装教程1、首先我们先在本站下载TortoiseSVN6位软件包，下载完成后我们解压得到两个msi格式的文件，我们鼠标左键双击得到的TortoiseSVN-1.11.0.28416-x64-svn-1.11.0.msi文件，然后进入到下图中的TortoiseSVN安装界面，我们点击next(下一步)继续安装。2、进入到TortoiseSVN软件使用协议界面，我们直接点击界面下方的next(下一步)。3、进入到TortoiseSVN软件安装位置选择界面，我们可以选择默认安装，直
2021-03-23 10:36:23
5799
原创 vue 引入 echarts 报init的问题
vue 引入 echarts 报init的问题这个时候看一下你下载的echarts 是不是直接下载的，这个日期的echarts是 5 的版本这个时候我们不要这个最新的卸载它npm uninstall echarts --save后续再随便下一个旧的版本npm install [email protected] --save@后面的就是版本号，这个时候就可以了不会报错了...
2021-03-22 17:01:59
709
原创 使用swiper插件时，报错 Do not use ‘new‘ for side effects
使用swiper插件时，报错 Do not use ‘new’ for side effects报错显示：解决办法：在new Swiper上一行加/* eslint-disable no-new */即：
2021-02-25 16:02:16
261
原创 前端面试题-Vue篇01
1、说说你对 SPA 单⻚⾯的理解，它的优缺点分别是什么？SPA（ single-page application ）仅在 Web⻚⾯初始化时加载相应的 HTML、JavaScript 和 CSS。⼀旦⻚⾯加载完成，SPA 不会因为⽤户的操作⽽进⾏⻚⾯的重新加载或跳转；取⽽代之的是利⽤路由机制实现HTML 内容的变换，UI 与⽤户的交互，避免⻚⾯的重新加载。优点：⽤户体验好、快，内容的改变不需要重新加载整个⻚⾯，避免了不必要的跳转和重复渲染；基于上⾯⼀点，SPA 相对对服务器压⼒⼩；前后端职责分离
2021-01-15 08:58:30
124
原创 webpack打包时Error: Automatic publicPath is not supported in this browser
问题描述webpack打包时Error: Automatic publicPath is not supported in this browser解决办法：在webpack.config.js文件中的output中添加publicPath: ‘./’
2021-01-12 15:30:46
428
原创 webpack打包报错：Error: Cannot find module ‘webpack/lib/node/NodeTemplatePlugin‘
webpack打包报错：[webpack-cli]Error: Cannot find module ‘webpack/lib/node/NodeTemplatePlugin’错误提示：[webpack-cli] Error: Cannot find module 'webpack/lib/node/NodeTemplatePlugin'Require stack:- E:\Astudy\Athree\03_Webpack\mydemo\demo4\node_modules\_html-webpa
2021-01-12 14:51:40
763
原创 前端面试题-JS篇05
61、浏览器标准模式和怪异模式之间的区别是什么？标准模式是指，浏览器按 W3C 标准解析执行代码； 怪异模式则是使用浏览器自己的方式解析执行代码，因为不同浏览器解析执行的方式不一 样，所以我们称之为怪异模式。浏览器解析时到底使用标准模式还是怪异模式，与你网页中的 DTD 声明直接相关，DTD 声明定义了标准文档的类型（标准模式解析）文档类型，会使浏览器使用相应的方式加载网页 并显示，忽略 DTD 声明,将使网页进入怪异模式62、...
2021-01-11 08:51:48
251
原创 vuex 数据持久化
vuex可以进行全局的状态管理，但刷新后刷新后数据会消失，我们可以通过插件vuex-persistedstate。第一步：安装npm install vuex-persistedstate --save第二步：在store/index.js中添加下面代码：import persistedState from 'vuex-persistedstate'export default new Vuex.Store({ getters, state, actions, mutations
2021-01-09 17:17:57
171
1
原创 如何查看端口是被哪个程序占用的
我们在启动应用的时候经常发现我们需要使用的端口被别的程序占用，但是我们又不知道是被谁占用，这时候我们需要找出“真凶”，如何做到呢？一、开始---->运行---->cmd，或者是window+R组合键，调出命令窗口二、输入命令：netstat -ano，列出所有端口的情况。在列表中我们观察被占用的端口，比如是49157，首先找到它。三、查看被占用端口对应的PID，输入命令：netstat -aon|findstr “49157”，回车，记下最后一位数字，即PID,这里是2720四、继
2021-01-09 09:58:52
4700
原创 better-scroll
better-scroll 是什么better-scroll 是一款重点解决移动端（已支持 PC）各种滚动场景需求的插件。better-scroll 是基于原生 JS 实现的，不依赖任何框架。它编译后的代码大小是 63kb，压缩后是 35kb，zip 后仅有9kb，是一款非常轻量的 JS lib。怎么使用 better-scroll结构例：常见的列表滚动 <div class="wrapper"> <ul class="content"> <li
2021-01-07 21:22:54
426
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人