- 博客(92)
- 收藏
- 关注
RSS订阅
原创 你不知道的JavaScript-1
本专栏将涉及作用域,高阶函数,闭包，面向对象，基础，原型链，原型，ES新特性，事件循环，宏任务，微任务，内存管理，Promise,异步函数，防抖，节流......一系列js高级语法欢迎大家订阅。
2024-11-19 10:59:41
2633
11
原创 核心:一多开发项目搭建
系统能力（即SystemCapability，缩写为SysCap）指操作系统中每一个相对独立的特性，如蓝牙，WIFI，NFC，摄像头等，都是系统能力之一。每个系统能力对应多个API，随着目标设备是否支持该系统能力共同存在或消失。比如：display.isFoldable() 这个 api 并不是每个设备都可以使用，在调用之前就可以先判断一下。
2025-04-01 09:54:58
499
原创 ArkUI之常见组件的使用(上）
开发者经常需要在应用中显示一些图片，例如：按钮中的icon、网络图片、本地图片等。在应用中显示图片需要使用Image组件实现，Image支持多种图片格式，包括png、jpg、bmp、svg、gif和heif，具体用法请参考Image组件。设置文本样式。通过添加文本样式设置按钮文本的展示样式。创建功能型按钮。为删除操作创建一个按钮。4.单选框(Radio)Radio是单选框组件，通常用于提供相应的用户交互选择项，同一组的Radio中只有一个可以被选中。具体用法请参考Radio。
2025-03-31 11:55:07
1000
原创 ArkUI之常见基本布局(下)
Swiper组件提供滑动轮播显示的能力。Swiper本身是一个容器组件，当设置了多个子组件后，可以对这些子组件进行轮播显示。通常，在一些应用首页显示推荐的内容时，需要用到轮播显示的能力。针对复杂页面场景，可以使用 Swiper 组件的预加载机制，利用主线程的空闲时间来提前构建和布局绘制组件，优化滑动体验。布局与约束Swiper作为一个容器组件，如果设置了自身尺寸属性，则在轮播显示过程中均以该尺寸生效。如果自身尺寸属性未被设置。
2025-03-26 15:37:50
1741
原创 ArkUI之常见基本布局(上)
线性布局（LinearLayout）是开发中最常用的布局，通过线性容器Row和Column构建。线性布局是其他布局的基础，其子元素在线性方向上（水平方向和垂直方向）依次排列。线性布局的排列方向由所选容器组件决定，Column容器内子元素按照垂直方向排列，Row容器内子元素按照水平方向排列。根据不同的排列方向，开发者可选择使用Row或Column容器创建线性布局。[直接看图片]Column容器内子元素排列示意图Row容器内子元素排列示意图弹性布局（Flex。
2025-03-25 08:29:10
1444
原创 鸿蒙开发-初识ArkUI框架
ArkUI（方舟UI框架）为应用的UI开发提供了完整的基础设施，包括简洁的UI语法、丰富的UI功能（组件、布局、动画以及交互事件），以及实时界面预览工具等，可以支持开发者进行可视化界面开发。[如图所示]即用户界面。开发者可以将应用的用户界面设计为多个功能页面，每个页面进行单独的文件管理，并通过页面路由API完成页面间的调度管理如跳转、回退等操作，以实现应用内的功能解耦。UI构建与显示的最小单位，如列表、网格、按钮、单选框、进度条、文本等。开发者通过多种组件的组合，构建出满足自身应用诉求的完整界面。
2025-03-19 10:56:57
1074
原创 鸿蒙开发核心之Stage模型
在基于Stage模型开发应用之前，开发者需要了解应用的设计机制、应用程序包结构等基础知识。UIAbility组件是一种包含UI的应用组件，主要用于和用户交互。原生支持应用组件级的跨端迁移和多端协同。支持多设备和多窗口形态。UIAbility组件是系统调度的基本单元，为应用提供绘制界面的窗口。一个应用可以包含一个或多个UIAbility组件。例如，在支付应用中，可以将入口功能和收付款功能分别配置为独立的UIAbility。每一个UIAbility组件实例都会在最近任务列表中显示一个对应的任务。对。
2025-03-17 09:18:05
2098
原创 ArkTS之状态管理
前文的描述中，我们构建的页面多为静态界面。如果希望构建一个动态的、有交互的界面，就需要引入“状态”的概念。图1效果图上面的示例中，用户与应用程序的交互触发了文本状态变更，状态变更引起了UI渲染，UI从“Hello World”变更为“Hello ArkUI”。在声明式UI编程框架中，UI是程序状态的运行结果，用户构建了一个UI模型，其中应用的运行时的状态是参数。当参数改变时，UI作为返回结果，也将进行对应的改变。这些运行时的状态变化所带来的UI的重新渲染，在ArkUI中统称为状态管理机制。
2025-03-14 07:30:00
1292
原创 全网最详细的鸿蒙UI范式基本语法！
在初步了解了ArkTS语言之后，我们以一个具体的示例来说明ArkTS的基本组成。如下图所示，当开发者点击按钮时，文本内容从“Hello World”变为“Hello ArkUI”。图1示例效果图本示例中，ArkTS的基本组成如下所示。图2ArkTS的基本组成说明自定义变量不能与基础通用属性/事件名重复。装饰器： 用于装饰类、结构、方法以及变量，并赋予其特殊的含义。如上述示例中@Entry、@Component和@State都是装饰器，@Component表示自定义组件，@Entry。
2025-03-11 14:34:53
1191
原创 我的创作纪念日
此外，我也想组织线上线下的技术交流活动，搭建一个更广阔的前端技术交流平台，让更多的开发者能够参与进来，共同推动前端技术的发展。初涉前端领域时，面对复杂多变的项目需求和飞速更新的技术栈，我深刻感受到知识的浩瀚无边，也意识到自身能力的不足。那时，我便产生了一个想法：把在实战中积累的经验以及过去学习的知识记录下来，既能作为自己成长的见证，也能与同行交流分享，携手攻克技术难关。它与我的工作和学习相互促进，紧密相连。我收获了大量粉丝的关注，他们来自不同的背景，有的是刚踏入前端领域的新手，有的是经验丰富的开发者。
2025-03-11 08:41:32
586
原创 快速掌握鸿蒙开发 - ArkTS的进阶语法(上）
类是用于创建对象的模板，根据这个模版，我们可以使用new关键字创建出很多具有不同属性值和行为的对象作用：在鸿蒙开发中，我们可以使用类来进行对象的创建例如：const date =new Date()// 类名 首字母大写（规范）class 类名{// 属性// 方法// 构造函数// 使用类 实例化对象 基于类 创建对象const x:类名 = new 类名()创建一个新对象函数内部的this指向这个新对象执行构造函数代码返回新对象。
2025-03-08 08:35:21
789
原创 快速掌握鸿蒙开发 - ArkTS的进阶语法(上）
类是用于创建对象的模板，根据这个模版，我们可以使用new关键字创建出很多具有不同属性值和行为的对象作用：在鸿蒙开发中，我们可以使用类来进行对象的创建例如：const date =new Date()// 类名 首字母大写（规范）class 类名{// 属性// 方法// 构造函数// 使用类 实例化对象 基于类 创建对象const x:类名 = new 类名()创建一个新对象函数内部的this指向这个新对象执行构造函数代码返回新对象。
2025-03-08 07:30:00
864
原创 速通鸿蒙开发!-ArkTs语言基本用法(下)
正则表达式是用于匹配字符串中字符组合的模式(规则)日常开发中主要用来做三件事:匹配、替换、提取手机号表单要求用户只能输入11位的数字 (匹配过滤掉页面内容中的一些敏感词(替换从字符串中获取我们想要的特定部分(提取)等。
2025-03-07 10:57:20
899
2
原创 速通鸿蒙开发!-ArkTs语言基本用法(上)
如果函数中定义的变量与外部作用域中已有实例同名，则函数内的局部变量定义将覆盖外部定义。在某种意义上说，递归近似于循环。按位或：如果两个操作数的相应位中至少有一个为1，则将这个位设置为1，否则设置为0。如果两个操作数严格不相等（对于不同类型的操作数认为是不相等的），则返回true。如果两个操作数严格相等（对于不同类型的操作数认为是不相等的），则返回true。按位与：如果两个操作数的对应位都为1，则将这个位设置为1，否则设置为0。按位异或：如果两个操作数的对应位不同，则将这个位设置为1，否则设置为0。
2025-03-06 07:45:00
853
原创 7.从零开始学会Vue--{{Vuex}}
定义两个模块user和settinguser中管理用户的信息状态 userInfoage: 18state,mutations,actions,getterssetting中管理项目应用的 主题色 theme，描述 descdesc: '描述真呀真不错'state,mutations,actions,getters// 实例化一个仓库modules:{setting,user})使用模块中的数据, 可以直接通过模块名访问$store.state.模块名.xxx=>
2025-03-04 10:29:03
1278
原创 6.从零开始学会Vue--{{路由}}
Vue 作为一个渐进式框架，在使用 vue-router 之后可以是程序变为一个 SPA 的单页面应用,它的本质是使用了 js 的 History API：Vue Router 利用浏览器的 History API（如pushState和），实现了无刷新的页面切换效果，同时保持 URL 的正确性。
2025-03-03 08:21:54
1358
原创 5.从零开始学会Vue--{{自定义指令与插槽}}
除了Vue内置指令以外的其他 v-开头的指令（需要程序员自行扩展定义）作用：自己定义的指令, 可以封装一些 dom 操作， 扩展额外功能① 局部注册●inserted:被绑定元素插入父节点时调用的钩子函数●el：使用指令的那个DOM元素② 全局注册//在main.js中// 全局注册v-focus1el.focus()})//在Vue组件的配置项中"指令名": {// 可以对 el 标签，扩展额外功能el.focus()示例：<script>
2025-03-02 08:00:00
1974
原创 前端权限控制 - 按钮权限
props: {},isShow() {},render() {// this.$slots.default拿到的就是要控制显示和隐藏的按钮组件
2025-03-01 07:00:00
399
原创 前端权限控制 - 菜单路由权限
动态添加路由：没有权限的菜单，要防止直接从浏览器地址栏输入url来访问到页面渲染左侧菜单：没有权限的菜单，要从左侧菜单列表中隐藏。
2025-02-28 08:20:47
894
原创 后台管理系统-角色管理
核心思路：页面中一共有三种状态，角色信息 -> 权限信息 -> 检查并完成，1-2-3代表着三种状态，我们定义一个状态码activeStep，在上一步和下一步点击的时候操作这个activeStep。核心思路：和列表中所渲染的Tree数据是一样的，选择在组件初始化的时候就渲染到页面中，这样切换到这里的时候体验更好一些。核心思路：把前两步用户输入和选择的内容在页面中显示出来，做最后确认，重点是树形数据的回填。核心思路：通过调用Tree实例方法，拿到选中的节点数组，检查数组长度是否为零。
2025-02-27 08:00:00
780
原创 后台管理系统-园区管理
业务背景: 上传营业执照完毕之后并不能让校验痕迹消失掉，愿意是因为el-form表单校验系统不能得到上传之后的通知。思路：作为查询的name其实也是一个接口参数，通过input双向绑定，然后通过它来获取数据重新渲染列表。el-table支持嵌套内容，只需要在el-table-column组件上添加type属性，指定值为。业务背景：通常上传的文件需要我们用程序做一些限制，防止用户选择并不符合要求的文件。场景：复杂的校验场景，默认的那些规则不够用，组件提供了通过自定义校验函数方式。2- 打开弹框时调用接口。
2025-02-24 08:24:28
1264
1
原创 后台管理系统-登录功能与Token管理
业务背景：表单校验部分的触发条件是失焦事件，如果用户打开界面后直接点击登录按钮，校验将失效，所有需要在点击登录按钮时统一对所有表单进行校验。业务背景：Token存在一定的有效时间，如果长时间不进行接口访问，Token有可能就失效了，需要我们做统一控制。点击查看答案接口需要做鉴权，只有token有效，才能返回正常数据，token就是后端用来做判断的标识。业务背景：由于用户数据的特殊性，可能需要在多个模块中进行使用，适合使用Vuex集中管理。业务背景：如果用户没有登录，不让用户进入到页面中，所以需要通过。
2025-02-19 11:29:47
942
原创 4.从零开始学会Vue--{{组件通信}}
为组件的 prop 指定验证要求，不符合要求，控制台就会有错误提示 → 帮助开发者，快速发现错误。保证每个组件实例，维护独立的一份数据对象，保证组件实例之间的数据相互隔离不受影响。$event 用于在模板中，获取事件的形参 （这里的$event就是事件对象e）父级props 的数据更新，会向下流动，影响子组件。默认组件中的样式会作用到全局，任何一个组件中都会受到此样式的影响。上面代码中，当num的值改变时，由于dom更新是异步的，所以通过。✨✨ 注意点：父组件中的响应式数据改变，会自动同步到子组件。
2025-02-18 08:00:00
2418
3
原创 3.从零开始学会Vue--{{生命周期,工程化,组件化}}
虽然脚手架中的文件有很多，目前咱们只需认识三个文件即可main.js 入口文件App.vue App根组件index.html 模板文件。
2025-02-15 08:00:00
1169
2
原创 技术文章看累了？,来个小故事。
一天，他生病躺在床上，忽然看见一个官差拿着官府文书，牵着一匹额上生有白毛的马走上前来，说：“请先生去参加考试。张秀才握着宋先生的手，一直把他送到郊外，并自我介绍说是长山人，姓张，又送给宋先生一首诗作临别留念，但宋先生把诗中大部分词句都忘掉了，只记得中间有“有花有酒春常在，无烛无灯夜自明”两句。宋先生的岳父家住在城中的西门里，这天忽然看见宋先生骑着装饰华美的骏马，身后跟随着许多车马仆役，进了内堂，向他拜别离去。一日，病卧，见吏人持牒，牵白颠马来，云：“请赴试。但老母七旬，奉养无人，请得终其天年，惟听录用。
2025-02-14 11:34:11
370
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人