- 博客(102)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 你不知道的JavaScript-1
本专栏将涉及作用域,高阶函数,闭包，面向对象，基础，原型链，原型，ES新特性，事件循环，宏任务，微任务，内存管理，Promise,异步函数，防抖，节流......一系列js高级语法欢迎大家订阅。
2024-11-19 10:59:41
2674
11
原创 认识TypeScript
TypeScript 是具有类型语法的 JavaScript，是一门强类型的编程语言概念：使用 js字面量 作为类型对变量进行类型注解，这种类型就是字面量类型, 字面量类型比普通的类型更加精确说明：除了上面的数字字面量，js里常用的字符串字面量，数组字面量，对象字面量等都可以当成类型使用概念：泛型（Generics）是指在定义接口、函数等类型的时候，不预先指定具体的类型，而在使用的时候再指定类型的一种特性, 使用泛型可以复用类型并且让类型更加灵活。
2025-04-26 14:20:28
290
原创 Webpack模块打包工具
ES5 和 ES6 是 ECMAScript（JavaScript 的标准）的两个不同的重要版本，它们代表了语言特性和语法的发展的两个阶段。LESS是一种 CSS 预处理器，它扩展了 CSS 的功能，允许开发者使用变量、嵌套规则、等特性来编写更简洁、更易维护的css。，从入口构建依赖图，打包有关的模块，将这些模块组合成少量的捆绑包（通常是单个文件），以便在浏览器中高效加载和执行。需求：封装 utils 包，校验用户名和密码长度，在 index.js 中使用，使用 Webpack 打包。
2025-04-26 14:19:41
583
原创 【鸿蒙HarmonyOS】深入理解一端开发,多端部署
随着终端设备形态日益多样化，分布式技术逐渐打破单一硬件边界，一个应用或服务，可以在不同的硬件设备之间随意调用、互助共享，让用户享受无缝的全场景体验。而作为应用开发者，广泛的设备类型也能为应用带来广大的潜在用户群体。但是如果一个应用需要在多个设备上提供同样的内容，则需要适配不同的屏幕尺寸和硬件，开发成本较高。HarmonyOS系统面向多终端提供了“一次开发，多端部署”（后文中简称为“一多”）的能力，让开发者可以基于一种设计，高效构建多端可运行的应用。定义：一套代码工程，一次开发上架，多端按需部署。目标。
2025-04-25 13:00:00
980
原创 1. View - 基础容器组件
View 是 React Native 中最基础的容器组件，支持 Flexbox 布局、样式、触摸响应和无障碍功能。它是构建其他组件的基础，可以嵌套使用，支持多个子视图。Text 是用于显示文本的基础组件，支持嵌套、样式和触摸处理。Image 组件用于显示多种类型的图片，包括网络图片、静态资源、本地图片等。TextInput 是用于接收用户文本输入的基础组件，提供多种配置选项。ScrollView 是一个通用的滚动容器，可以包含多个组件和视图。
2025-04-24 14:28:08
334
原创 JSX介绍
JSX and React 是相互独立的东西。但它们经常一起使用，但你可以单独使用它们中的任意一个，JSX 是一种语法扩展，而 React 则是一个 JavaScript 的库。JSX是 JavaScript 语法扩展，可以让你在 JavaScript 文件中书写类似 H 标签。javascript xml 在书写js的时候，直接写标签 把标签也看成js中的一种 类型后期可以根据需求，对组件进行导入、导出使用return (<View><Text>父组件</Text><Child />
2025-04-24 14:27:41
465
原创 【鸿蒙HarmonyOS】深入理解router与Navigation
页面路由指的是在应用程序中实现不同页面之间的跳转，以及数据传递。自定义组件：@Component 装饰的UI单元，页面：即应用的UI页面。可以由一个或者多个自定义组件组成。@Entry装饰的自定义组件为页面的入口组件，即页面的根节点，一个页面有且仅能有一个@Entry通过 Router 模块就可以实现这个功能.步骤：创建页面-> 页面与组件不同的地方是有且只有一个入口组件（ @Entry修饰），并且在有配置好了页面路径口诀：一入口，一配置router控制页面跳转带参数跳转并获取。
2025-04-23 13:03:12
1134
原创 容器组件：Swiper、Grid\GridItem
随着页面复杂程度提高，页面中会有很多的样式&结构代码，其中难免重复的部分，如果可以提取出来重复使用，就可以提升编码效率，减少重复代码，提升代码可读性。设置为true时表示开启循环，在LazyForEach懒循环加载模式下，加载的组件数量建议大于5个。设置选中Swiper组件圆点导航指示器的宽，不支持设置百分比。设置选中Swiper组件圆点导航指示器的高，不支持设置百分比。设置Swiper组件圆点导航指示器的宽，不支持设置百分比。设置Swiper组件圆点导航指示器的高，不支持设置百分比。
2025-04-22 20:10:28
920
原创 Swiper、样式&结构重用、Grid&GridItem
随着页面复杂程度提高，页面中会有很多的样式&结构代码，其中难免重复的部分，如果可以提取出来重复使用，就可以提升编码效率，减少重复代码，提升代码可读性。设置为true时表示开启循环，在LazyForEach懒循环加载模式下，加载的组件数量建议大于5个。设置选中Swiper组件圆点导航指示器的宽，不支持设置百分比。设置选中Swiper组件圆点导航指示器的高，不支持设置百分比。设置Swiper组件圆点导航指示器的宽，不支持设置百分比。设置Swiper组件圆点导航指示器的高，不支持设置百分比。
2025-04-22 20:09:56
1044
原创 【鸿蒙HarmonyOS】全网最全面的状态管理！
前文的描述中，我们构建的页面多为静态界面。如果希望构建一个动态的、有交互的界面，就需要引入“状态”的概念。图1效果图上面的示例中，用户与应用程序的交互触发了文本状态变更，状态变更引起了UI渲染，UI从“Hello World”变更为“Hello ArkUI”。在声明式UI编程框架中，UI是程序状态的运行结果，用户构建了一个UI模型，其中应用的运行时的状态是参数。当参数改变时，UI作为返回结果，也将进行对应的改变。这些运行时的状态变化所带来的UI的重新渲染，在ArkUI中统称为状态管理机制。
2025-04-16 08:00:00
1770
原创 【鸿蒙HarmonyOS】如何实现网络请求
ohpm 是一个包管理工具，用来管理鸿蒙提供的第三方模块。作为一个第三方库，使用的时候需要先完成下包的操作。传递省份或直辖市名，比如 北京、广东省…咱们来看看 http 模块如何使用。说明获取某个省所有的城市查询。
2025-04-08 14:46:16
1391
原创 ArkUI之常见弹窗组件
弹窗一般指打开应用时自动弹出或者用户行为操作时弹出的UI界面，用于短时间内展示用户需关注的信息或待处理的操作。弹窗的种类根据用户交互操作场景，弹窗可分为模态弹窗和非模态弹窗两种类型，其区别在于用户是否必须对其做出响应。为强交互形式，会中断用户当前的操作流程，要求用户必须做出响应才能继续其他操作，通常用于需要向用户传达重要信息的场景。为弱交互形式，不会影响用户当前操作行为，用户可以不对其进行回应，通常都有时间限制，出现一段时间后会自动消失。一般用于告诉用户信息内容外还需要用户进行功能操作的场景。说明。
2025-04-04 08:00:00
1644
原创 ArkUI之常见组件的使用(下）
5.多选框(Checkbox ,CheckboxGroup )控制单个或者多个选项的选中状态，就可以使用 多选框组件。
2025-04-02 13:58:34
924
原创 ArkUI之常见组件的使用(上）
开发者经常需要在应用中显示一些图片，例如：按钮中的icon、网络图片、本地图片等。在应用中显示图片需要使用Image组件实现，Image支持多种图片格式，包括png、jpg、bmp、svg、gif和heif，具体用法请参考Image组件。设置文本样式。通过添加文本样式设置按钮文本的展示样式。创建功能型按钮。为删除操作创建一个按钮。4.单选框(Radio)Radio是单选框组件，通常用于提供相应的用户交互选择项，同一组的Radio中只有一个可以被选中。具体用法请参考Radio。
2025-03-31 11:55:07
1180
原创 ArkUI之常见基本布局(下)
Swiper组件提供滑动轮播显示的能力。Swiper本身是一个容器组件，当设置了多个子组件后，可以对这些子组件进行轮播显示。通常，在一些应用首页显示推荐的内容时，需要用到轮播显示的能力。针对复杂页面场景，可以使用 Swiper 组件的预加载机制，利用主线程的空闲时间来提前构建和布局绘制组件，优化滑动体验。布局与约束Swiper作为一个容器组件，如果设置了自身尺寸属性，则在轮播显示过程中均以该尺寸生效。如果自身尺寸属性未被设置。
2025-03-26 15:37:50
1762
原创 ArkUI之常见基本布局(上)
线性布局（LinearLayout）是开发中最常用的布局，通过线性容器Row和Column构建。线性布局是其他布局的基础，其子元素在线性方向上（水平方向和垂直方向）依次排列。线性布局的排列方向由所选容器组件决定，Column容器内子元素按照垂直方向排列，Row容器内子元素按照水平方向排列。根据不同的排列方向，开发者可选择使用Row或Column容器创建线性布局。[直接看图片]Column容器内子元素排列示意图Row容器内子元素排列示意图弹性布局（Flex。
2025-03-25 08:29:10
1461
原创 鸿蒙开发-初识ArkUI框架
ArkUI（方舟UI框架）为应用的UI开发提供了完整的基础设施，包括简洁的UI语法、丰富的UI功能（组件、布局、动画以及交互事件），以及实时界面预览工具等，可以支持开发者进行可视化界面开发。[如图所示]即用户界面。开发者可以将应用的用户界面设计为多个功能页面，每个页面进行单独的文件管理，并通过页面路由API完成页面间的调度管理如跳转、回退等操作，以实现应用内的功能解耦。UI构建与显示的最小单位，如列表、网格、按钮、单选框、进度条、文本等。开发者通过多种组件的组合，构建出满足自身应用诉求的完整界面。
2025-03-19 10:56:57
1089
原创 鸿蒙开发核心之Stage模型
在基于Stage模型开发应用之前，开发者需要了解应用的设计机制、应用程序包结构等基础知识。UIAbility组件是一种包含UI的应用组件，主要用于和用户交互。原生支持应用组件级的跨端迁移和多端协同。支持多设备和多窗口形态。UIAbility组件是系统调度的基本单元，为应用提供绘制界面的窗口。一个应用可以包含一个或多个UIAbility组件。例如，在支付应用中，可以将入口功能和收付款功能分别配置为独立的UIAbility。每一个UIAbility组件实例都会在最近任务列表中显示一个对应的任务。对。
2025-03-17 09:18:05
2179
原创 ArkTS之状态管理
前文的描述中，我们构建的页面多为静态界面。如果希望构建一个动态的、有交互的界面，就需要引入“状态”的概念。图1效果图上面的示例中，用户与应用程序的交互触发了文本状态变更，状态变更引起了UI渲染，UI从“Hello World”变更为“Hello ArkUI”。在声明式UI编程框架中，UI是程序状态的运行结果，用户构建了一个UI模型，其中应用的运行时的状态是参数。当参数改变时，UI作为返回结果，也将进行对应的改变。这些运行时的状态变化所带来的UI的重新渲染，在ArkUI中统称为状态管理机制。
2025-03-14 07:30:00
1318
原创 全网最详细的鸿蒙UI范式基本语法！
在初步了解了ArkTS语言之后，我们以一个具体的示例来说明ArkTS的基本组成。如下图所示，当开发者点击按钮时，文本内容从“Hello World”变为“Hello ArkUI”。图1示例效果图本示例中，ArkTS的基本组成如下所示。图2ArkTS的基本组成说明自定义变量不能与基础通用属性/事件名重复。装饰器： 用于装饰类、结构、方法以及变量，并赋予其特殊的含义。如上述示例中@Entry、@Component和@State都是装饰器，@Component表示自定义组件，@Entry。
2025-03-11 14:34:53
1222
原创 我的创作纪念日
此外，我也想组织线上线下的技术交流活动，搭建一个更广阔的前端技术交流平台，让更多的开发者能够参与进来，共同推动前端技术的发展。初涉前端领域时，面对复杂多变的项目需求和飞速更新的技术栈，我深刻感受到知识的浩瀚无边，也意识到自身能力的不足。那时，我便产生了一个想法：把在实战中积累的经验以及过去学习的知识记录下来，既能作为自己成长的见证，也能与同行交流分享，携手攻克技术难关。它与我的工作和学习相互促进，紧密相连。我收获了大量粉丝的关注，他们来自不同的背景，有的是刚踏入前端领域的新手，有的是经验丰富的开发者。
2025-03-11 08:41:32
595
原创 快速掌握鸿蒙开发 - ArkTS的进阶语法(上）
类是用于创建对象的模板，根据这个模版，我们可以使用new关键字创建出很多具有不同属性值和行为的对象作用：在鸿蒙开发中，我们可以使用类来进行对象的创建例如：const date =new Date()// 类名 首字母大写（规范）class 类名{// 属性// 方法// 构造函数// 使用类 实例化对象 基于类 创建对象const x:类名 = new 类名()创建一个新对象函数内部的this指向这个新对象执行构造函数代码返回新对象。
2025-03-08 08:35:21
803
原创 快速掌握鸿蒙开发 - ArkTS的进阶语法(上）
类是用于创建对象的模板，根据这个模版，我们可以使用new关键字创建出很多具有不同属性值和行为的对象作用：在鸿蒙开发中，我们可以使用类来进行对象的创建例如：const date =new Date()// 类名 首字母大写（规范）class 类名{// 属性// 方法// 构造函数// 使用类 实例化对象 基于类 创建对象const x:类名 = new 类名()创建一个新对象函数内部的this指向这个新对象执行构造函数代码返回新对象。
2025-03-08 07:30:00
895
原创 速通鸿蒙开发!-ArkTs语言基本用法(下)
正则表达式是用于匹配字符串中字符组合的模式(规则)日常开发中主要用来做三件事:匹配、替换、提取手机号表单要求用户只能输入11位的数字 (匹配过滤掉页面内容中的一些敏感词(替换从字符串中获取我们想要的特定部分(提取)等。
2025-03-07 10:57:20
937
2
原创 速通鸿蒙开发!-ArkTs语言基本用法(上)
如果函数中定义的变量与外部作用域中已有实例同名，则函数内的局部变量定义将覆盖外部定义。在某种意义上说，递归近似于循环。按位或：如果两个操作数的相应位中至少有一个为1，则将这个位设置为1，否则设置为0。如果两个操作数严格不相等（对于不同类型的操作数认为是不相等的），则返回true。如果两个操作数严格相等（对于不同类型的操作数认为是不相等的），则返回true。按位与：如果两个操作数的对应位都为1，则将这个位设置为1，否则设置为0。按位异或：如果两个操作数的对应位不同，则将这个位设置为1，否则设置为0。
2025-03-06 07:45:00
863
原创 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
1287
原创 6.从零开始学会Vue--{{路由}}
Vue 作为一个渐进式框架，在使用 vue-router 之后可以是程序变为一个 SPA 的单页面应用,它的本质是使用了 js 的 History API：Vue Router 利用浏览器的 History API（如pushState和），实现了无刷新的页面切换效果，同时保持 URL 的正确性。
2025-03-03 08:21:54
1372
原创 5.从零开始学会Vue--{{自定义指令与插槽}}
除了Vue内置指令以外的其他 v-开头的指令（需要程序员自行扩展定义）作用：自己定义的指令, 可以封装一些 dom 操作， 扩展额外功能① 局部注册●inserted:被绑定元素插入父节点时调用的钩子函数●el：使用指令的那个DOM元素② 全局注册//在main.js中// 全局注册v-focus1el.focus()})//在Vue组件的配置项中"指令名": {// 可以对 el 标签，扩展额外功能el.focus()示例：<script>
2025-03-02 08:00:00
1985
原创 前端权限控制 - 按钮权限
props: {},isShow() {},render() {// this.$slots.default拿到的就是要控制显示和隐藏的按钮组件
2025-03-01 07:00:00
454
原创 前端权限控制 - 菜单路由权限
动态添加路由：没有权限的菜单，要防止直接从浏览器地址栏输入url来访问到页面渲染左侧菜单：没有权限的菜单，要从左侧菜单列表中隐藏。
2025-02-28 08:20:47
985
原创 后台管理系统-角色管理
核心思路：页面中一共有三种状态，角色信息 -> 权限信息 -> 检查并完成，1-2-3代表着三种状态，我们定义一个状态码activeStep，在上一步和下一步点击的时候操作这个activeStep。核心思路：和列表中所渲染的Tree数据是一样的，选择在组件初始化的时候就渲染到页面中，这样切换到这里的时候体验更好一些。核心思路：把前两步用户输入和选择的内容在页面中显示出来，做最后确认，重点是树形数据的回填。核心思路：通过调用Tree实例方法，拿到选中的节点数组，检查数组长度是否为零。
2025-02-27 08:00:00
787
原创 后台管理系统-园区管理
业务背景: 上传营业执照完毕之后并不能让校验痕迹消失掉，愿意是因为el-form表单校验系统不能得到上传之后的通知。思路：作为查询的name其实也是一个接口参数，通过input双向绑定，然后通过它来获取数据重新渲染列表。el-table支持嵌套内容，只需要在el-table-column组件上添加type属性，指定值为。业务背景：通常上传的文件需要我们用程序做一些限制，防止用户选择并不符合要求的文件。场景：复杂的校验场景，默认的那些规则不够用，组件提供了通过自定义校验函数方式。2- 打开弹框时调用接口。
2025-02-24 08:24:28
1272
1
原创 后台管理系统-登录功能与Token管理
业务背景：表单校验部分的触发条件是失焦事件，如果用户打开界面后直接点击登录按钮，校验将失效，所有需要在点击登录按钮时统一对所有表单进行校验。业务背景：Token存在一定的有效时间，如果长时间不进行接口访问，Token有可能就失效了，需要我们做统一控制。点击查看答案接口需要做鉴权，只有token有效，才能返回正常数据，token就是后端用来做判断的标识。业务背景：由于用户数据的特殊性，可能需要在多个模块中进行使用，适合使用Vuex集中管理。业务背景：如果用户没有登录，不让用户进入到页面中，所以需要通过。
2025-02-19 11:29:47
951
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人