IT全栈 华强工作室

原创 HarmonyOS NEXT开发进阶（十五）：日志打印 hilog 与 console.log 的区别

在日常开发阶段，日志打印是调试程序非常常用的操作，在鸿蒙的官方文档中介绍了hilog这种方式，前端转过来的开发者发现也可以进行日志打印，而且看起来好像更加简单方便。那么，为何鸿蒙官方还要力荐hilog这种方式日志打印方式呢？和hilog究竟有什么区别？

原创 HarmonyOS NEXT开发进阶（十四）：HarmonyOS应用开发者基础认证试题集汇总及答案解析

鸿蒙原生技能学习阶段，通过官方认证的资格十分有必要，在项目实战前掌握基础开发理论也是重中之重，可以避免在项目开发阶段发生基本常识错误。本文结合自身认证实践汇总形成鸿蒙应用开发者基础认证题库，及相应的试题解析，以求能够让开发者知其然并知其所以然。

原创 React Native进阶（六十一）： WebView 替代方案 react-native-webview 应用详解

是一个的第三方库，用于在应用中嵌入Web内容。它基于原生WebView控件，提供了丰富的API和灵活的配置选项，使开发者能够轻松地在应用中展示网页、处理网页事件等。此外，还具备性能优化、安全性提升等优势，使得它在替代原生WebView方面更具竞争力。随着WebView组件从核心库中移除，成为了替代原生WebView的最佳选择。它具备丰富的API和配置选项、性能优化、安全性提升等优势，使得开发者能够更轻松地在应用中嵌入Web内容。未来，随着的不断发展，

原创 React Native进阶（六十）：webview实现屏蔽所嵌套web页面异常弹窗

在项目集成web页面时，webview嵌套方式是常用方式。如果所嵌套的web页面由于某种不可控因素导致出现错误弹窗信息，webview作为web嵌套方式应该对其行为可控。的WebView组件在较新的版本中已经被社区维护的取代，r允许通过属性在页面加载前注入代码，这样能更早地覆盖错误处理和alert等方法。在WebView组件中注入JavaScript代码，覆盖，以及等方法。使用onMessage和onError事件处理程序来捕获可能的错误信息，但阻止它们显示弹窗。测试不同的场景，比如。

原创 HarmonyOS NEXT开发进阶（十三）：网络请求封装

注意：请求 data 可以传入 string，也可以传入 object，如果是 get 请求，官方库会默认转把 object 类型换成 “处理，如传递用户Token等，或者对请求 data 进行二次封装，具体依自身业务需求实施。在请求过程中，除了拦截器统一处理请求内容，也支持单个接口对 header 信息进行定制处理。可以模仿请求拦截器，再单独实现一套响应拦截器，对统一的响应数据进行处理。本文基于官方网络请求库，进行二次封装，满足特定场景需要。涉及的接口如下表，具体的接口说明请参考API文档。

原创 HarmonyOS NEXT开发进阶（十二）：build-profile.json5 文件解析

编译构建工具（以下简称Hvigor）是一款基于TS实现的构建任务编排工具，主要提供任务管理机制，包括任务注册编排、工程模型管理、配置管理等关键能力，提供专用于构建和测试应用的流程和可配置设置。使用构建工具Hvigor来自动执行和管理构建流程，实现应用/元服务构建任务流的执行，完成HAP/APP的构建打包。Hvigor可独立于运行，这意味着，可以在内、命令行工具或是集成服务器上构建应用。无论从命令行工具或是上构建项目，构建过程的输出都将相同。工程结构定义Hvigor。

原创 HarmonyOS NEXT开发进阶（十一）：应用层架构介绍

在应用模型章节，可以看到主推的Stage模型中，多个应用组件共享同一个ArkTS引擎实例；应用组件之间可以方便的共享对象和状态，同时减少复杂应用运行对内存的占用。

原创 如何避免“流水账”式述职报告

述职报告虽然是工作阶段性事务，如何更好的体现自身在过往工作中的内容及价值尤为重要。述职报告既是对自己过往工作的复盘总结及未来规划，也是在领导及同事面前展示自身的一种渠道。述职阶段，避免PPT沦为“流水账”的关键是聚焦价值、结构化表达、突出亮点。本文从产品开发、产品经理、产品组负责人视角介绍如何撰写高质量述职报告。述职的本质是展示你如何用技术创造价值。通过结构化表达、数据支撑和故事化呈现，让听众快速抓住重点，记住你的贡献！产品经理的述职不是“功能验收会”，而是证明你如何通过产品创造商业价值。

原创 宽表&窄表介绍及应用

宽表和窄表是数据库设计中两种不同的表结构设计方式，它们分别适用于不同的场景和需求。本文着重介绍它们的核心区别、优缺点及适用场景。特性宽表窄表列数量多少数据冗余高低查询性能高（减少 JOIN）低（需要 JOIN）更新性能低（冗余数据需同步）高（数据独立）存储效率低高适用场景OLAP、数据分析OLTP、事务处理设计原则反范式化规范化（如3NF）

原创 OLAP&OLTP介绍及应用

混合型数据库（HTAP，如TiDB、Azure Synapse）逐渐兴起，兼顾事务处理与分析能力，减少数据同步延迟。理解二者差异有助于选择适合的系统：OLTP保障业务流畅运行，OLAP驱动数据洞察。

原创 5why 分析法

5Why是一种问题解决方法，起源于日本，由丰田公司创始人丰田佐吉提出。5Why分析法又称 “5问法”，即对一个问题点连续以5个 “为什么” 来自问，以追究其根本原因。这种方法不仅简单易行，还能帮助我们深入挖掘问题本质，制定针对性的改进措施。一是为什么会发生？从 “制造” 的角度;二是为什么没有发现？从 “检验” 的角度;三是为什么没有从系统上预防事故？从 “体系” 或 “流程” 的角度。每个层面连续5次或N次的询问，得出最终结论。只有将以上三个层面的问题都探寻出来，才能发现根本问题，并寻求解决。

原创 鱼骨图技能详解

鱼骨图看似很简单，其实有很多操作要点，它是一个非定量的工具，可以帮助我们找出引起问题的根本原因，使我们问自己：问题为什么会发生？促使人把目光聚焦于问题的原因，而非问题的症状。接下来从鱼骨图的定义、鱼骨图的用途、鱼骨图的3种类型、鱼骨图的绘制方法4个方面去展开阐述。1953年，日本管理大师石川馨先生提出一种把握结果与原因的极方便有效的方法，名“石川图”。因其形似鱼骨，也称“鱼骨图”，它是一种透过现象看本质，发现问题“根本原因”的方法。

原创 ReactNative进阶（五十九）：存量 react-native 项目适配 HarmonyOS NEXT

2024年10月22日19:00，华为在深圳举办“原生鸿蒙之夜暨华为全场景新品发布会”，主题为“星河璀璨，共见鸿蒙”。本次活动上，华为正式发布“纯血鸿蒙”系统（即），据华为常务董事、终端BG董事长余承东透露，该系统是鸿蒙诞生以来的最大一次升级。值得注意的是，是我国首个国产移动操作系统，也是继苹果iOS和安卓系统后，全球第三大移动操作系统。为保证存量APP功能在鸿蒙NEXT系统可以正常使用，需保证基于RN框架开发的存量APP功能适配鸿蒙NEXT。

原创 TypeScript进阶（三）：断言

在TypeScript中，断言是把两种具有重叠关系的数据类型进行相互转换的一种 TS 语法，其可以把其中的一种数据类型转换成另外一种数据类型。类型断言和类型转换产生的效果一样，但语法格式不同。type定义的数据类型是引用数据类型，例如Array对象，不能是基本数据类型，例如stringnumberboolean，并且有 A 类实现了 B type 定义的数据类型【implements。

原创 TypeScript进阶（二）：TS 泛型 Record＜string, any＞ 介绍

在TypeScript中，泛型表示一个键为字符串类型，值为任意类型的对象。这个泛型类型通常用于表示一个动态的、未知属性的对象。例如，下面的代码定义了一个类型为的对象person，它包含了一个字符串类型的name属性和一个任意类型的age这个类型的好处是可以在编译时检查属性名的正确性，同时也可以在运行时动态添加属性。需要注意的是，使用类型时，属性名必须是字符串类型，而属性值可以是任意类型。如果需要限制属性值的类型，可以使用其他的泛型类型，例如表示属性值必须是字符串类型。

原创 HarmonyOS NEXT开发进阶（十）：UIAbility 组件交互

UIAbility是系统调度的最小单元。在设备内的功能模块之间跳转时，会涉及到启动特定的UIAbility，该UIAbility可以是应用内的其他UIAbility，也可以是其他应用的UIAbility（例如启动三方支付UIAbility。

原创 HarmonyOS NEXT开发进阶（九）：UIAbility 组件生命周期及启动模式讲解

UIAbility组件是一种包含UI界面的应用组件，主要用于和用户交互。UIAbility组件是系统调度的基本单元，为应用提供绘制界面的窗口；一个UIAbility组件中可以通过多个页面来实现一个功能模块。每一个UIAbility组件实例，都对应于一个最近任务列表中的任务。UIAbility组件就像手机上的一个应用，它负责展示应用的用户界面，用户可以通过它来和应用进行互动。每个UIAbility组件可以包含多个不同的界面，就像应用中的不同页面。用户每次在手机上打开一个应用，实际上是启动了一个。

原创 HarmonyOS NEXT开发进阶（八）：Stage模型开发概述

在Stage模型上，普通应用开发者不能开发自定义服务，而需要根据自身的业务场景通过。组件中展示图片瀑布流，在用户选择某个图片后，在新的页面中展示图片的详细内容。例如，用户在桌面创建应用的卡片，需要应用开发者从。两种类型的组件，这两种组件都有具体的类承载，支持面向对象的开发方式。基于Stage模型开发应用时，在应用模型部分，涉及如下开发过程。类实例，当HAP中的代码首次被加载到进程中的时候，系统会先创建。派生，实现其中的回调函数，并在配置文件中配置该能力。，但是各自又根据所属组件，提供不同的能力。

原创 HarmonyOS NEXT开发进阶（七）：页面跳转

APP开发过程中，多页面跳转场景十分常见，例如，登录 -> 首页 -> 个人中心。在鸿蒙开发中，页面间的跳转被称作为“页面路由HarmonyOS提供了Router模块，通过不同的url地址，可以方便地进行页面路由，轻松地访问不同的页面。自定义询问框的方式，可以使用弹窗或者自定义弹窗实现。这样可以让应用界面与系统默认询问框有所区别，提高应用的用户体验度。本文以弹窗为例，介绍如何实现自定义询问框。在事件回调中，调用弹窗的方法：​​​​​​​@Entry@Component// 弹出自定义的询问框。

原创 HarmonyOS NEXT开发进阶（六）：HarmonyOS NEXT实现嵌套 H5 及双向通信

随着移动互联网的快速发展，原生应用和H5应用成为了人们日常生活中不可或缺的一部分。然而，原生应用和H5应用在开发过程中存在一定的差异，导致开发者需要同时开发两个版本，增加了开发成本和维护困难。为了解决这个问题，鸿蒙系统提供了一种原生与H5交互的机制，使得开发者可以在原生应用中嵌入H5页面，实现一次开发，多端运行的目标。

原创 npm进阶（七）npm install xxxx --legacy-peer-deps 命令详解

前端项目开发阶段，经常使用下载项目依赖包，有时会遇到无法解析依赖树的问题（依赖冲突）：使用就可以顺利进行下载操作。为何使用就可以解决依赖冲突问题呢？

原创 一文走近 Virtual Hosts

Virtual Hosts 是一个为 Android 设备设计的开源项目，旨在帮助开发者自定义主机文件（），支持通配符 DNS 记录。该项目通过 VPN 模式实现，不需要设备具有 root 权限。Virtual Hosts 项目由 x-falcon 开发，采用 GPL-3.0 许可证。

原创 浅谈Nginx负载均衡和F5的区别

网站物理架构中涉及的Nginx与F5应用示例如图所示，负载均衡器F5作为处理外界请求的第一道“墙”，将请求分发到web服务器后，web服务器上的Nginx再进行处理，静态内容直接访问本地门户，动态数据则通过反向代理指向内网服务。其实，Nginx和F5这两者均可用作网站负载均衡，那二者有什么区别呢？本文浅谈下Nginx与F5的一些区别。

原创 Vue进阶（贰幺叁）node 版本切换

项目开发阶段，会涉及多node版本切换应用场景，可应用nvm实现node版本切换。nvm是一款管理node版本的工具，可以使用不同的的node版本，对于维护多node版本会是一件很麻烦的事。这个时候，使用nvm就能解决这个问题。常用nvmnvm off //禁用node.js版本管理(不卸载任何东西)nvm on //启用node.js版本管理nvm install //安装node.js的命名 version是版本号 例如：nvm install 8.12.0。

原创 Vue进阶（贰幺贰）npm run build多环境编译

在Vue项目中，可以通过修改文件并创建不同的环境配置文件来实现根据环境传递参数。通过在构建命令中指定环境模式，如或，结合在代码中使用环境变量，可以在不同环境下进行自定义操作和配置。在Vue组件中，可以使用访问这些环境变量。本文将详细介绍如何在Vue项目中使用命令根据环境传递不同参数。

原创 HarmonyOS NEXT开发进阶（五）：装饰器讲解

和AppStorage不同的是，LocalStorage是页面级的，通常应用于页面内的数据共享。这个例子中TestChild组件使用了@LocalStorageLInk, 当其值发生变化时，会同时影响到父布局使用到 @LocalStorageProp 装饰器的变量值，即 子组件的变量通过LocalStorage可以影响到相应的父组件变量值，但父组件的相关变量值是无法影响到子组件的变量值。修饰的组件无关），这个时候，如果要让父组件和 嵌套对象进行数据同步，前边所介绍的所有装饰器是无法做到的。

原创 Scrum进阶（二）：敏捷文化

原创 Scrum进阶（一）：敏捷角色

原创 HarmonyOS NEXT开发进阶（四）：@Builder 装饰器实现UI结构复用

当页面有多个相同的UI结构时，若每个都单独声明，同样会有大量重复的代码。为避免重复代码，可以将相同的UI结构提炼为一个自定义组件，完成UI结构的复用。除此之外，ArkTS还提供了一种更轻量的UI结构复用机制@Builder方法，开发者可以将重复使用的UI元素抽象成一个@Builder方法，该方法可在build()方法中调用多次，以完成UI结构的复用。ArkUI提供了一种更轻量的UI元素复用机制@Builder@Builder所装饰的函数遵循build()

原创 HarmonyOS NEXT开发进阶（三）：自定义组件

🔊：自定义组件必须使用struct定义，并且被Component装饰器修饰。在arkTs根组件：就是被装饰器@Entry装饰的入口组件，这也是自定义组件(父组件)。// 根组件(父组件) @ Entry @ Component struct FatherComponent {子组件：没有被@Entry装饰的自定义组件，只有@Component装饰器(子组件)。// 子组件 @ Component struct SonComponent {

原创 HarmonyOS NEXT开发进阶（二）：装饰器

什么是装饰器装饰器： 用于装饰类、结构、方法以及变量，并赋予其特殊的含义。如@Entry@Component和@State都是装饰器，@Component表示自定义组件，@Entry表示该自定义组件为入口组件(同一个页面有且仅有一个入口组件)，@State表示组件中的状态变量，状态变量变化会触发UI刷新（可以参考Vue中的data数据理解）。装饰器具有以下特点：装饰器是一个函数，这个函数仅在代码加载阶段执行一次。本质就是编译时执行的函数;装饰器的语法是后跟一个函数或者一个执行后返回函数的表达式;

原创 HarmonyOS NEXT开发进阶（一）：初识 HarmonyOS NEXT开发

2024年10月22日19:00，华为在深圳举办“原生鸿蒙之夜暨华为全场景新品发布会”，主题为“星河璀璨，共见鸿蒙”。本次活动上，华为正式发布“纯血鸿蒙”系统HarmonyOS 5.0（即），据华为常务董事、终端BG董事长余承东透露，该系统是鸿蒙来诞生以来的最大一次升级。值得注意的是，HarmonyOS 5.0是我国首个国产移动操作系统，也是继苹果iOS和安卓系统后，全球第三大移动操作系统。华为鸿蒙操作系统最早于2019年发布，2021年正式搭载到智能手机上。

原创 TypeScript进阶（一）：变量及函数定义

TypeScript是微软开发的开源编程语言，用于设计开发大型应用。可以在任何浏览器、任何计算机、任何操作系统上运行。什么是typescript？TypeScript(简称: TS)是JavaScript的超集(JS 有的TS都有)。(为 JS添加了类型系统)。// TypeScript代码:有明确的类型，即: number (数值类型)// JavaScript代码:无明确的类型TS相比于JS的优势JS的类型系统存在"先天缺陷”， 绝大部分错误都是类型错误(

原创 VSCode自定义插件创建教程

对于前端程序猿来讲，最常用的开发利器中VSCode首当其冲，因为VSCode免费，速度快，且提供了丰富插件。结合实际项目开发需求，有时候需要借助定制化插件以提升开发效率，此篇博文主要讲解如何创建自定义VSCode插件。安装脚手架初始化插件目录终端运行yo code，按照提示生成目录即可。

原创 Git进阶（十九）：git revert 导致 merge 代码丢失问题修复

项目开发阶段使用分支是feature_xxx，将feature_xxx分支merge到master之后，这时发现刚代码有bug，需要回版本回退，点击revert按钮。将本地的原分支feature_xxx代码修改后提交到远程分支，发起 Merge 到 Master 的申请会发现，feature_xxx分支和 master 分支的差异 commit 只有 feature_xxx 分支 revert 后的提交记录，之前的代码变动都没有了。

原创 Git进阶（十八）：git rebase详解

rebase使用方法git rebase [基节点]git rebase [基节点] [待变基节点]rebase后面的参数可以是两个，也可以是一个，当rebase为一个参数的时候其实是省略了第二个参数，第二个参数为HEAD指针当前指向的那个节点。

原创 Git进阶（十七）：特性分支

Git是目前流行的分布式版本控制系统。每个人的clone的副本都是一个完整的存储库。Git 仓库分为两种:本地仓库：开发人员自己电脑上的Git仓库。本地仓库分工作区、暂存区、版本库。远程仓库：远程服务器上的Git仓库git status：查看文件状态。git add：将文件的修改加入暂存区。git reset：将暂存区的文件取消暂存或者是切换到指定版本。git commit：将暂存区的文件修改提交到版本库。git push：推送，将本地仓库文件和版本信息上传到远程仓库。git log。

原创 Vue进阶（幺玖陆）：2024 Vue 生态全家桶

经过多年演进，Vue 已经构建了一个极为丰富且强大的生态系统，本文就来盘点 2024 年 Vue 开发最能打的技术组合！

原创 Git进阶（十六）：Git LFS 使用详解

Git LFS () 是一个 Git 扩展，它使 Git 更适合处理大型文件，如音频、视频、图像或任何其他二进制大文件。Git LFS 替换仓库中的大文件为文本指针文件，这些文件包含指向实际大文件位置的信息。这样，Git 仓库的大小显著减小，同时也保留了对大文件的版本控制能力。

原创 iOS开发进阶（二十三）：iOS 常见面试题汇总

Block是一种用于封装一段代码的数据类型。Block实际上是一个匿名函数，它可以捕获一些变量和常量，并将它们封装在一起，形成一个可以在需要时执行的代码块。Block可以被当作一个对象来使用，它可以作为方法参数成员变量局部变量数组元素等等。Block中捕获的变量和常量被保存在Block中，可以在Block执行时使用。在使用BlockBlock中捕获的变量需要在Block执行时仍然存在。如果Block中捕获的变量是局部变量，那么需要使用__block修饰符来使其在Block执行时仍然存在。- Block。