自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(32)
  • 收藏
  • 关注

原创 HarmonyOS应用基础阶段-11、ArkTS-语句-分支-循环

本文介绍了ArkTS中的分支语句和循环语句,重点讲解了if分支(单分支、双分支、多分支)和switch分支的语法及应用场景,并通过购物车增减商品、成绩等级评定等案例进行演示。同时介绍了条件表达式(三元运算)和ArkTS的条件渲染功能,最后以京东商品库存显示为例,展示了根据状态变量动态切换UI的实现方法。文章包含代码示例和效果图,帮助理解分支语句在实际开发中的应用。

2025-07-12 20:39:18 591

原创 前端开发面试题总结-原生小程序部分

小程序开发要点摘要: 样式差异:WXSS支持rpx适配单位(750rpx=屏幕宽),区分全局/局部样式; 常用组件:view、text、scroll-view、swiper等,button开放能力丰富; 数据与事件: 修改数据需用setData()同步视图,支持异步回调; 事件绑定用bind:前缀,传参推荐mark:或data-属性; 网络与导航: 封装wx.request解决异步问题,无跨域限制; 导航分声明式(navigator标签)与编程式(API),传参通过query; 生命周期:应用/页面/组件各

2025-06-30 22:48:25 812

原创 前端开发面试题总结-Uni-App 高频面试题

有了这个绑定信息,⼩程序在下次需要⽤户登录的时候就可以不需要输⼊账号密码,因为通过wx.login() 获取到code之后,可以拿到⽤户的微信身份openid,通过绑定信息就可以查出业务侧的⽤户身份id,这 样静默授权的登录⽅式显得⾮常便捷。⼩程序后续发起的请求中携带 上SessionId,开发者服务器就可以通过服务器端的Session信息查询到当前登录⽤户的身份,这样我们 就不需要每次都重新获取code,省去了很多通信消耗。条件编译是一种根据不同的平台或版本号,在代码中选择性地编写不同逻辑的技术。

2025-06-28 22:16:17 1318

原创 前端开发面试题总结-vue3框架篇(二)

本文总结了Vue3开发中的核心知识点: 生命周期:对比Vue2与Vue3钩子函数命名变化(如onMounted替代mounted),强调setup替代beforeCreate/created。 组件通信:父子组件通过defineProps/defineEmits传值;跨组件使用provide/inject传递函数实现数据共享。 组件引用:通过ref绑定子组件实例,访问其方法与状态。 响应式监听:对比watch(精确依赖)与watchEffect(自动追踪依赖)的使用场景。 状态管理:Pinia对比Vuex的

2025-06-21 22:42:44 1257

原创 前端开发面试题总结-vue3框架篇(一)

Vue3高频问答摘要: Vue2与Vue3主要差异体现在构建工具(Webpack+vue-cli vs Vite+create-vue)、响应式原理(Object.defineProperty vs Proxy)、API设计(Options API vs Composition API)等方面。Vue3采用Proxy实现全面响应式,支持动态属性,性能更优;Composition API使代码组织更灵活;新增Fragment、Teleport等特性。构建工具Vite比Webpack启动更快,支持ES模块。路由

2025-06-20 20:19:34 1394

原创 前端开发面试题总结-vue2框架篇(四)

本文整理了Vue相关的重要知识点,包括:keep-alive组件:缓存组件状态,包含activated/deactivated钩子和include/exclude属性。Vue2响应式原理:通过Object.defineProperty实现数据劫持,结合Dep和Watcher进行依赖收集与更新派发。性能优化:包括路由懒加载、keep-alive、防抖节流、CDN等12项措施。scoped样式:通过属性选择器实现组件样式隔离。mixins混入:复用逻辑代码,但有命名冲突风险,Vue3的组合API可替

2025-06-18 21:45:51 736

原创 前端开发面试题总结-vue2框架篇(三)

摘要本文整理了Vue开发中的核心知识点,包括浏览器安全策略、跨域解决方案、状态管理和组件通信等。重点内容:1)浏览器同源策略及CORS、代理服务器两种跨域解决方案;2)Vuex和Pinia在状态管理上的差异对比;3)组件通信的多种方式(Props/$emit、Event Bus、Vuex等);4)插槽机制和作用域插槽的应用;5)虚拟DOM的工作原理和性能优化。还涉及过滤器、路由守卫等实用技巧,以及组件封装的实际经验。这些知识构成Vue开发生态的核心技术栈,对构建高效、安全的前端应用具有重要意义。

2025-06-17 21:42:26 1102

原创 链表深入学习-Java【算法学习day.07】

本文介绍了链表操作的三种典型题目解法:1) 移除链表元素,采用两种方法处理头节点删除问题;2) 反转链表,使用数组暂存节点后反向重构;3) 两两交换节点,通过递归实现节点对调。每种解法都给出了关键代码和思路分析,特别是如何处理边界条件和特殊节点。文章通过力扣真题展示了链表操作的基本技巧,包括虚拟头节点使用、递归应用等核心方法,为掌握链表数据结构提供了实践指导。

2025-06-16 21:42:21 565

原创 前端开发面试题总结-vue2框架篇(二)

回答重点:Vue 的 data 属性声明成一个返回初始数据的函数,是为了确保每个组件实例都有独立的状态。通过这种方式,避免了组件使用相同的数据对象导致的状态共亨和互相干扰。扩展知识1)组件实例的独立性Vue 中,每个组件实例都有自己的状态。假如 data 属性是一个对象而不是函数,那么多个实例将共享同一个数据对象。当一个实例修改数据时,其他实例的状态也会受到影响,导致数据污染。通过将 data声明为函数,每个组件实例都会调用这个函数,从而返回独立的数据对象。这保证了各个实例的互不干涉。

2025-06-15 22:31:34 716

原创 链表理论基础-Java【算法学习day.06】

本文简要介绍了链表的基本概念和操作。链表是通过指针链接的线性结构,分为单链表和双链表两种类型。文章图解了节点删除和添加的操作原理,并提供了Java中链表节点的初始化代码示例。最后分析了链表操作的复杂度:增删节点为O(1),查找节点为O(n)。全文通过图文结合的方式,帮助读者快速理解链表的基础知识,更深入的运用将在后续文章中通过实际题目展开。

2025-06-14 20:36:03 273

原创 HarmonyOS应用基础阶段-10、ArkTS-核心语法

本文介绍了ArkTS语言在UI开发中的核心能力,包括声明式UI描述、状态管理和渲染控制。重点讲解了字符串拼接方法(+运算符和模板字符串)、数据类型转换(字符串与数字互转)以及状态管理机制。通过点击事件案例演示了状态变量如何驱动UI更新,并以隐藏红包功能为例展示了实际应用。最后概述了基本算术运算符的使用。ArkTS通过优化TypeScript语法,为HarmonyOS应用开发提供了高效的解决方案。

2025-06-11 22:46:27 639

原创 滑动窗口-Java【算法学习day.05】

什么是涵盖t中的所有字符?:就是对于t中每个字符的数量,某个字符串中的字符数量都大于或等于。滑动窗口是一种双指针算法,基本思路为维护一个窗口,然后从前往后遍历元素进行运算。基本分析:子数组是指数组内的索引在父数组中是连续的。

2025-06-10 21:53:05 331

原创 前端开发面试题总结-vue2框架篇(一)

本文整理Vue2高频面试问答,主要涵盖以下核心内容:1) MVVM、MVC和MVP模式的区别;2) Vue的核心特性包括数据驱动和组件化;3) 渐进式框架的设计理念与应用场景;4) 组件化的优势与实现方式;5) 常用指令如v-show与v-if的区别;6) data属性设计为函数的原因;7) computed与methods的差异;8) key在v-for中的作用;9) Vue的生命周期各阶段及数据请求的最佳时机。文章通过对比说明和场景分析,系统性地解答了Vue2开发中的常见问题,为面试准备和实际开发提供实

2025-06-09 21:53:26 860

原创 移除元素-JavaScript【算法学习day.04】

• 如果相同的时候,则将 nums[i]与nums[ans-1] 交换,即当前数字和数组最后一个数字进行交换,交换后就少了一个元素,故而 ans 自减 1。在遍历过程中如果出现数字与需要移除的值不相同时,则进行拷贝覆盖 nums[ans] = num,ans 自增 1。• 这种思路在移除元素较少时更适合使用,最极端的情况是没有元素需要移除,遍历一遍结束即可。• 在遍历过程中如果出现数字与需要移除的值不相同时,则 i 自增 1 ,继续下一次遍历。时间复杂度:O(n),空间复杂度:O(1)

2025-06-07 23:09:11 468

原创 前端开发面试题总结-JavaScript篇(二)

本文总结了JavaScript高频面试问题,内容包括:1)数据类型分为简单类型(Number,String等)和引用类型(Object);2)判断数组的3种方法;3)this指向的4种规则;4)跨域解决方案如CORS、JSONP;5)宏任务与微任务的区别及常见类型;6)严格模式的限制特性;7)ES6与CommonJS模块化的区别;8)本地存储与cookie的差异;9)事件代理原理及优势;10)深/浅拷贝的区别;11)call/apply/bind的this指向功能;12)ES6核心特性包括let/const

2025-06-07 22:08:54 1084

原创 二分查找-Java【算法学习day.03】

如 果x<a[n/2],则我们只要在数组a的左半部继续搜索x;如果x>a[n/2],则我们只要在数组a的右 半部继续搜索x。基本分析:可以通过遍历一遍查找target,这样时间复杂度是O(n),而二分是O(logn),而在二分的基础使用中应该注重的就是边界问题,常见的是左闭右开和左闭右闭,什么时候l<=r,什么时候l<r,什么时候l=m+1等等。基本分析: 在左闭右闭中,如果我把判断条件改为nums[m]>=target,r=m-1亦或者nums[m]<=target,l=m+1会发生什么变化?

2025-06-06 23:09:34 403

原创 前端开发面试题总结-JavaScript篇(一)

JavaScript高频问答摘要核心概念闭包:函数能访问父作用域变量,即使父函数已执行完毕。用于封装变量、模块化、缓存、私有方法等。潜在问题是内存泄漏。作用域链:变量查找机制,从当前作用域向外逐级查找,函数定义时确定(词法作用域)。原型链:通过__proto__形成的继承链。ES5有6种继承方式,推荐寄生组合式;ES6用class/extends。类型判断:typeof:检测基本类型("number"/"string"等)instanceof:检查原型链判断引用类型inst

2025-06-06 17:56:15 866

原创 前端开发面试题总结-CSS篇

1.为什么谷歌默认可设置最小字体12px,特殊场景需要设置更小字体2.方式一CSS3的缩放p {注意:行内元素没有效果3.方式二zoom属性p {zoom:0.5;

2025-06-05 18:49:30 550

原创 HarmonyOS应用基础阶段- 09、综合案例-仿携程旅行口碑榜

本文介绍了携程口碑榜页面的UI设计与实现方案。页面包含六大区域:banner、城市选择、商业菜单、热门项目选项、榜单标题和景点列表。重点讲解了banner区域的结构实现,包括logo、推荐榜单、评分规则和底部装饰线的定位技巧。同时详细展示了城市选择、商业选项菜单和热门项目选项的布局方式,运用了Flex布局、渐变背景、圆角边框、阴影等样式效果。通过组件化设计和精准定位,还原了携程口碑榜的界面视觉效果。

2025-06-05 17:15:11 1799 2

原创 有效的括号-JavaScript【算法学习day.02】

本文介绍了如何判断括号字符串是否有效,核心思路是通过栈结构模拟括号匹配过程。有效字符串的特点是:所有括号都能正确匹配并消除为空的(类似消消乐)。解题关键在于:1)字符串长度为偶数;2)使用栈存储左括号;3)遇到右括号时检查栈顶是否为对应左括号。文章提供了三种JavaScript实现方法,包括使用哈希表映射配对关系和直接if-else判断,时间复杂度均为O(n),空间复杂度根据实现方式为O(n)或O(1)。当遍历结束后栈为空则说明所有括号匹配成功。

2025-06-04 22:34:14 270

原创 HarmonyOS应用基础阶段- 08、ArkUI框架—布局进阶

摘要:本文介绍了ArkUI中的层叠布局(StackLayout)使用方法。层叠布局通过Stack容器实现子元素的重叠定位,适用于广告、卡片等场景。主要内容包括:基本使用:Stack默认居中堆叠子元素,可自定义样式;对齐方式:通过alignContent参数调整子元素对齐位置;Z序控制:zIndex属性控制元素层级,数值越大显示越上层;综合案例:以B站视频卡片为例,结合层叠布局与Flex布局实现图文混合效果;通用属性:多态样式(stateStyles)支持组件在不同状态下的样式切换。附代码示例

2025-06-04 21:41:29 848

原创 前端开发面试题总结-HTML篇

本文梳理了HTML面试高频考点,涵盖10个核心知识点:1) src与href属性区别;2) HTML语义化概念;3) script标签defer与async差异;4) HTML5新特性;5) 行内/块级/空元素分类;6) iframe优缺点;7) 盒子模型解析;8) flex布局基础;9) BFC特性及应用场景(含清除浮动、避免margin重叠代码示例);10) CSS选择器优先级规则。内容以对比解析和图示为主,重点突出实际应用场景和技术细节差异,适合前端开发者系统复习HTML核心知识体系。

2025-06-04 18:33:00 385

原创 两数之和-JavaScript【算法学习day.01】

本文介绍了两种使用哈希表解决两数之和问题的优化方法。第一种方法通过对象存储已遍历元素及其索引,在遍历时检查是否存在满足条件的配对;第二种方法采用Map数据结构,在每次循环时查找并存储数值。两种方法都实现了O(n)的时间复杂度,用空间换时间,相比暴力解法更高效。核心思路都是利用哈希表快速查找的特性,避免重复计算。代码示例展示了两种实现方式,关键步骤包括存储元素、计算目标值、查找配对和返回结果。

2025-06-03 22:12:10 209

原创 HarmonyOS应用基础阶段- 07、ArkUI框架—高级布局

本文介绍了线性布局(LinearLayout)的基本使用方法,主要包括Row和Column两种容器的特性。在Row容器中,子元素水平排列;Column容器中垂直排列。通过space属性可设置子元素间距,justifyContent()控制主轴对齐方式,alignItems()调整交叉轴对齐。文章还展示了得物产品卡片的实现案例,并说明单个子元素可通过alignSelf()实现交叉轴对齐效果。实际开发中需注意布局容器在交叉轴方向需预留足够空间才能使对齐属性生效。

2025-05-29 22:10:14 1145

原创 HarmonyOS应用基础阶段- 06、ArkUI框架—基础布局

本文介绍了HarmonyOS开发中图标资源的使用方法和常见布局属性。第一部分讲解了如何从HarmonyOS图标库和IconFont下载SVG格式图标,并规范命名后集成到项目中。第二部分详细说明了布局相关属性,包括padding内边距、margin外边距的设置方式,以及边框样式(颜色、线型)和圆角的个性化配置。第三部分简要提及了背景属性的应用。文章还通过QQ音乐登录界面等实际案例,展示了这些属性在UI开发中的具体实现。

2025-05-23 22:33:18 642

原创 HarmonyOS应用基础阶段- 05、ArkUI框架—组件样式基础(二)

涵盖知识:Text 组件、Image组件、文本属性等@Entry@Componentbuild() {Column() {Text('帝师县令')Text('202万字')Text('兵荒马乱的世道,赵康一朝穿越成乾国九品县令。胸无大志的他并不想争霸天下,只想当个混吃等死,为非作歹的土皇帝。于是,在元江县出现了许多奇奇怪怪的东西,老八洗浴城、二狗麻将馆、张三养生店.....直到有一天女帝微服私访 元江县.....')

2025-05-21 22:16:00 719

原创 HarmonyOS应用基础阶段- 04、ArkUI框架—组件样式基础(一)

ArkUI框架是华为鸿蒙系统(HarmonyOS)中用于开发用户界面的核心框架,支持ArkTS和eTS两种开发语言。ArkUI提供了丰富的UI组件和布局管理功能,帮助开发者构建高效、美观的用户界面。本文详细介绍了ArkUI的基本概念、组件使用、布局管理、状态管理以及实战案例。ArkUI的UI结构定义了用户界面的布局和组织方式,开发者可以通过组合文本、按钮、图片等组件来构建复杂的UI界面。此外,ArkUI还支持多种文本属性设置,如字体大小、颜色、样式、粗细、行高、修饰线以及水平对齐方式,开发者可以通过简单的语

2025-05-21 21:54:04 1564

原创 一、HarmonyOS应用基础阶段- 第二章、ArkUI框架

ArkUI框架是华为鸿蒙系统(HarmonyOS)中用于开发用户界面的核心框架,支持ArkTS和eTS两种开发语言。ArkTS基于TypeScript,提供简洁的UI开发方式,而eTS则适用于复杂逻辑处理。ArkUI框架通过丰富的组件库(如Text、Button、Image等)和灵活的布局管理,帮助开发者构建高效、美观的用户界面。本文详细介绍了ArkUI的基本概念、组件使用、布局管理、状态管理及实战案例,并深入探讨了UI结构的定义、组件样式基础、文本属性等内容。通过示例代码,展示了如何设置字体大小、颜色、样

2025-05-21 21:47:28 668

原创 HarmonyOS应用基础阶段- 03、Arkts基础语法入门(二)

本文介绍了JavaScript中函数、对象、联合类型和枚举类型的基本概念与使用方法。函数是可以重复使用的代码块,通过定义和调用来实现代码复用,支持参数和返回值以增强灵活性。对象用于描述物体的特征和行为,通过键值对存储数据,并可以定义方法来描述对象的行为。联合类型允许变量存储不同类型的数据,增加代码的灵活性。枚举类型则用于限定变量在一组特定值中选择,提高代码的可读性和维护性。通过这些工具,开发者可以编写更加高效、可维护的代码。

2025-05-20 21:47:12 385

原创 HarmonyOS应用基础阶段- 02、ArkTs Array数组的使用

本文详细介绍了在 ArkTS 中对数组的常见操作,包括添加、删除、修改、遍历和清空等方面。通过 push 和 unshift 方法,可以分别在数组的末尾和开头添加元素;使用 pop 和 shift 方法,则可以删除数组的末尾和开头的元素。修改元素可以通过直接索引赋值或使用 map 方法实现。清空数组可以通过将 length 属性设置为 0 来完成。此外,splice 方法可以从数组中删除指定位置的元素,并返回被删除的元素。这些操作能够帮助开发者更高效地管理和操作数组数据。

2025-05-19 22:19:56 567

原创 HarmonyOS应用基础阶段- 01、Arkts基础语法入门(一)

ArkTS是HarmonyOS的主力开发语言,基于TypeScript扩展,专为构建高性能移动应用设计。它继承了TypeScript的特性,并优化了运行效率和开发体验,支持声明式UI、状态管理和渲染控制。ArkTS通过限制动态类型特性来减少运行时开销,提升应用启动速度和降低功耗,同时保持与JavaScript的互通性,便于开发者重用现有代码。集成开发环境DevEco Studio为ArkTS开发提供了全面支持,包括代码调试、UI预览和性能调优等功能。ArkTS的基础语法包括输出语句、注释、数据类型、变量和常

2025-05-19 16:52:18 1226

原创 【Leetcode】1. 两数之和

【代码】【Leetcode】1. 两数之和。

2024-02-10 16:22:40 382 1

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除