杂文
文章平均质量分 73
xiangzhihong8
著有《React Native移动开发实战》1,2,3版本、《Kotlin入门与实战》1,2版本、《Weex跨平台开发与实战》、《React Native开发进阶》和《Flutter跨平台开发实战》和《Android应用架构实战》和《鸿蒙应用开发与实战》、《Vue3 项目开发实战》即将出版
展开
-
Vercel是如何做微前端迁移的
Vercal 的主网站曾是一个大型的 Next.js 应用程序,服务于我们的网站访问者和登录后的仪表板。然而,随着 Vercal 的增长,这种设置暴露出一些需要改进的地方。构建时间变长,依赖管理变得更加复杂,工作流程也需要优化。即使是小改动也会触发完整的构建过程,影响独立开发和持续集成(CI)管道。很明显,需要做出改变。通过重新思考我们的架构,我们转向了垂直微前端,这带来了更简单的开发体验,并且预览构建时间和本地开发编译时间提高了40%以上。原创 2024-12-12 23:37:47 · 499 阅读 · 0 评论 -
Windows 上安装使用dltviewer
DLT Viewer 的启动依赖于构建系统生成的可执行文件,通常位于构建目录下,例如在成功编译后,Windows环境下的启动文件可能是 bin\dlt-viewer.exe 或类似的命名,在Linux下则是 ./dlt-viewer。对于配置和启动过程,重要的是理解这些文件的作用以及如何通过命令行参数或项目的内部机制调用它们。用户友好的界面:DLTViewer提供了直观的GUI,允许用户过滤特定的日志信息,设置颜色标记以便突出显示关键事件,还可以保存和加载日志配置,方便后续分析。原创 2024-12-03 16:02:16 · 390 阅读 · 0 评论 -
Navicat Premium Lite,数据库管理神器推出免费精简版
Navicat Premium Lite 是 Navicat 的精简版,它包含了用户执行主要的基本数据库操作所需的核心功能。它允许你同时连接到各种数据库平台,包括 MySQL、PostgreSQL、SQL Server、Oracle、MariaDB,以及 Redis 和 MongoDB 等NoSQL 数据库,所有这些操作都可以通过一个应用程序来完成。免费下载地址:https://www.navicat.com.cn/download/navicat-premium-lite。原创 2024-11-18 22:45:36 · 162 阅读 · 0 评论 -
关于Github报错Verify your two-factor authentication (2FA) settings的解决方案
如果我们在使用GitHub出现2FA验证问题:Verify your two-factor authentication (2FA) settings,那么可以参考下面的解决方法解决问题。首先,去应用市场下载Anthenticator,然后打开Github的二维码:https://github.com/settings/security。当然,如果有国外的手机号直接使用验证码接收就可以,问题是不支持中国手机啊。那我们可以使用Authy来解决。然后,打开软件使用手机号进行登录,选择SMS,输入验证码即可。原创 2024-11-17 22:31:00 · 417 阅读 · 0 评论 -
React Native 全新架构来了
React Native 0.76 现已在 npm 上以全新架构默认发布!在 0.76 版本的发布博客中,我们分享了此版本包含的一系列重大更改。在本文中,我们将概述全新架构以及它如何塑造 React Native 的未来。全新架构全面支持现代 React 功能,包括 Suspense、Transitions、automatic batching 和 useLayoutEffect。全新架构还包括新的原生模块和原生组件系统,使您能够编写类型安全的代码,直接访问原生接口,无需桥接。原创 2024-11-09 15:12:54 · 1063 阅读 · 0 评论 -
滴滴开源 LogicFlow:专注流程可视化的前端框架
相信你对 LogicFlow 已经有一个大概的认识了,如果在你负责的业务中也有流程编辑的诉求,并且有较高的拓展性需求,那 LogicFlow 会是一个好的选择。原创 2024-10-31 20:40:19 · 377 阅读 · 0 评论 -
win10Pycharm中运行脚本提示“Python was not found but can be installed from the Microsoft Store:”的问题
然后将上图所示的两个python安装程序关闭即可,问题解决。1、点击win10桌面右下角的搜索框,搜索“管理应用执行别名”。原创 2024-10-25 16:34:08 · 312 阅读 · 0 评论 -
Windows解决localhost拒绝了连接请求
或者关闭被占用的端口程序,操作如下:【WIN + R】打开命令提示符,输入 netstat -aon|findstr “8081” ,项目未成功启动,则需要查看前端项目为什么没有启动成功,这个原因复杂不再具体说明,可以试着重启服务项目,多重启几次。最近,在开发前端Vue项目时,Vue项目启动成功,没有任何报错,服务控制台已出现APP访问地址,如下图所示。方案二:关闭被占用的端口程序,或者换新的其他端口重启服务。最简单的方法便是项目重新换一个新的端口号重启。出现此问题的原因有以下几种:请挨个进行检查。原创 2024-10-24 18:19:04 · 3376 阅读 · 0 评论 -
npm与yarn设置淘宝镜像资源
【代码】npm与yarn设置淘宝镜像资源。原创 2024-10-18 23:22:39 · 234 阅读 · 0 评论 -
Tauri 2.0 横空出世,支持移动端、桌面端
Tauri 2.0 的正式发布无疑是跨平台开发领域的一个重要里程碑。它不仅延续了 Tauri 一贯的轻量、快速的特点,还通过移动端支持、增强的插件系统和改进的安全机制等特性,为开发者提供了更强大、更灵活的工具。如果您正在寻找一个能够同时覆盖桌面端和移动端的开发框架,Tauri 2.0绝对值得一试。它不仅能帮您节省时间和资源,还能为您的应用带来卓越的性能和安全性。原创 2024-10-12 10:49:21 · 1363 阅读 · 0 评论 -
《鸿蒙应用开发实战》关注公众号抽奖
本书总共分为19章,分为入门,进阶和实战三个部分,主要围绕鸿蒙开发的基础知识点和实战案例两个主题进行讲解。HarmonyOS入门与基础(第1章~第10章)这部分内容主要由HarmonyOS系统介绍、开发环境搭建、ArkTS基础语法、常用布局、组件、动画、路由与导航、网络请求和数据管理等基础知识构成,本部分内容是HarmonyOS应用开发的基础,是大家学习HarmonyOS应用开发必须掌握的知识。HarmonyOS开发进阶(第11章~第15章)原创 2024-09-22 16:41:49 · 1006 阅读 · 0 评论 -
Apifox Mock使用教程
定义响应的数据,可以设置每一级的数据类型。图片当然,也可以设置每个字段的 Mock 表达式。图片。原创 2024-09-20 11:01:25 · 1133 阅读 · 0 评论 -
Apifox,替代 Yapi 的最佳Mock工具平台
Yapi 曾经是 API 管理工具中的佼佼者,但由于停止维护,它现在已经不再适合大部分开发团队使用。相比之下,Apifox 不仅功能更强大,而且具备持续的更新和维护,完全可以成为 Yapi 的最佳替代品。对于那些追求高效、现代化开发流程的团队来说,选择 Apifox 不仅能解决当前问题,还能为未来的开发需求做好准备。原创 2024-09-20 08:55:29 · 318 阅读 · 0 评论 -
Android 15 正式发布至 AOSP
Google官方宣布,将于近期发布了 Android 15,而在早些时候,Google已经将其源代码推送至 Android 开源项目 (AOSP)。未来几周内,Android 15 将在受支持的 Pixel 设备上正式推出,并将于今年晚些时候在三星、Honor、iQOO、Lenovo、Motorola、Nothing、一加、OPPO、真我、夏普、索尼、Tecno、vivo 和小米等设备上推出。原创 2024-09-18 23:02:04 · 2065 阅读 · 0 评论 -
npm报错:request to https://registry.npm.taobao.org failed, reason certificate has expired
3,修改镜像即可:npm config set registry https://registry.npmjs.org/ (或npm config delete registry),执行:npm config set registry https://registry.npmmirror.com。错误提示已经告诉原因是淘宝镜像过期了!其实,早在 2021 年,淘宝就发文称,npm 淘宝镜像已经从 registry.npm.taobao.org 切换到了 registry.npmmirror.com。原创 2024-09-18 18:22:38 · 328 阅读 · 0 评论 -
React Native 0.76版本发布
关于 React Native 的 New Architecture 概念,最早应该是从 2018 年 RN 团队决定重写大量底层实现开始,因为那时候 React Native 面临各种结构问题和性能瓶颈,最终迫使 RN 团队开始进行重构。原创 2024-09-10 12:12:36 · 1543 阅读 · 0 评论 -
mac电脑“相对于宗卷的格式项目太大无法拷贝”问题解决
所以,我们只需要将文件格式改为exFAT即可。首先,打开“磁盘工具”,然后选择“抹掉”,设置格式为“exfat”,再点击“抹掉”即可。出现这类问题的原因是文件的格式不对,查询了一下。U盘的文件格式主要包括FAT32、NTFS、exFAT。在往 U盘传入超过4G的文件时,显示“相对于宗卷的格式项目太大无法拷贝”,如下图。原创 2024-09-09 11:30:35 · 2313 阅读 · 0 评论 -
VSCode 都有哪些值得推荐的插件
VS Code 现如今已经成为一款炙手可热的开发工具,它以轻量化、功能强大、易于配置、丰富的插件备受广大开发者的喜爱。本文,介绍几款可以提升生产力的 VS Code 插件,通过这些插件,可以提升开发效率。图片。原创 2024-08-15 18:06:45 · 1275 阅读 · 0 评论 -
Kotlin 2.0 发布,同时发布的还有K2 编译器
通过用同一个编译器来瞄准所有平台的好处之一是,可以通过定义多平台库分发的新格式 来轻松支持多平台库的开发,这将使得 通过任何主机创建通用的 Kotlin 库 成为了可能。虽然该语言本身没有引入新的语法,但 K2 编译器带来了一些优势,包括更快的构建、具有智能强制类型转换的扩展语言功能,以及开箱即用的多平台支持。此外,正如 Michail Zarečenskij 在 Kotlin 2024 大会上的 Kotlin 2.0 演讲中 所解释的那样,多平台支持是零散的,这使得对不同平台的支持很难维护和发展。原创 2024-07-30 22:20:24 · 3001 阅读 · 0 评论 -
Ubuntu系统搭建Android开发环境
在Ubuntu操作系统上搭建Android Studio开发环境主要分为以下几步:安装Java Development Kit(JDK)下载和安装Android Studio配置Android Studio创建和运行您的第一个Android应用程序安装JDK在Ubuntu中安装JDK是搭建Android开发环境的第一步。请按照以下步骤进行安装:sudo apt update # 更新系统sudo apt install openjdk-11-jdk # 安装JDK也可以到Java原创 2024-07-25 13:59:32 · 1041 阅读 · 0 评论 -
Ubuntu 配置repo环境
repo是Google开发的用于管理Android版本库的一个工具,repo是使用Python对git进行了一定的封装,并不是用于取代git,它简化了对多个Git版本库的管理。用repo管理的版本库都需要使用git命令来进行操作。原创 2024-07-24 13:58:05 · 1795 阅读 · 0 评论 -
Ubuntu搜狗输入法安装指南
在终端执行sudo cp /usr/share/applications/fcitx.desktop /etc/xdg/autostart/打开 系统设置——区域和语言——管理已安装的语言——在“语言”tab下——点击“添加或删除语言”1. 在官网下载搜狗输入法安装包,并安装,安装命令 sudo dpkg -i 安装包名。2.查看右上角,可以看到“搜狗”字样,在输入窗口即可且出搜狗输入法。回到“语言支持”窗口,在键盘输入法系统中,选择“fcitx”弹出“已安装语言”窗口,勾选中文(简体),点击应用。原创 2024-07-23 08:54:12 · 1449 阅读 · 1 评论 -
Vue Router的路由正则表达式
注意,在Vue Router中使用正则表达式时,需要将正则表达式包含在圆括号中,并在圆括号之前使用一个冒号来指定参数名称。另外,使用的正则表达式可能会影响路由匹配的性能,因此应该尽量避免使用非常复杂的正则表达式。Vue Router中的路由正则表达式与JavaScript的正则表达式语法相同,可以使用常见的正则表达式语法,例如字符类、重复和分组等。原创 2024-07-17 18:07:51 · 647 阅读 · 0 评论 -
标星19.3K,使用PHP快速搭建网站的用户行为分析平台Matomo
除了上述功能,还支持自定义插件,可以定制化企业需求。Matomo自托管,部署简单,支持二进制安装也支持使用Docker一键部署。如果您正在寻找一个强大且灵活的网站分析平台,不妨试试它。有了它,你不仅能获得强大的分析功能,还能确保数据的完全掌控和隐私安全。截止目前github已有超过19.3K的Star。原创 2024-07-15 11:15:40 · 853 阅读 · 0 评论 -
Zoom社招前端面经
ref 是一个特殊的属性,用于引用组件实例或 DOM 元素,在组件销毁时,ref 引用的对象并不会自动被销毁,而是需要手动进行清理操作。调用时机:requestAnimationFrame 的回调函数会在浏览器下一次绘制之前执行,通常在每秒约 60 次的频率下执行,这与浏览器的刷新率相匹配(通常为每秒 60 次)。它是同步加载的,模块的引用是静态的。ES 模块:ES 模块对循环引用有着严格的限制,当发生循环引用时,ES 模块会将被引用的模块视为尚未准备好,因此会导致循环引用的模块导出一个空的对象或空值。原创 2024-06-27 19:32:31 · 1048 阅读 · 0 评论 -
2024 年 Web 前端开发趋势
随着时间的推移,Next.js 的受欢迎程度将会越来越高。根据 Retool 的 《2023 年 AI 现状》 报告,自 2022 年以来,57% 的开发人员减少了对 Stack Overflow 的使用,甚至有 10% 的开发人员因为有了 ChatGPT 和 GitHub Copilot 而不再使用 Stack Overflow。越来越多的开发人员和企业正在加倍努力提高其网站的无障碍性,在 WebAIM 2024 年的报告中,我们可以期待对无障碍性的控诉会减少,而支持无障碍性的网站会增加。原创 2024-04-17 22:14:50 · 1422 阅读 · 0 评论 -
Vue 团队正式开源 Rolldown,基于 Rust 的超快 JavaScrip 打包工具
然而,随着前端开发规模的扩张,Rollup 的性能瓶颈逐渐显现。3 月 8 日,Vue 团队正式开源了其对外公布已久的打包工具:Rolldown,它是使用 Rust 开发的 Rollup 替代品,提供了与 Rollup 兼容的 API 和插件接口,但在功能范围上将更接近 Esbuild。Rolldown 旨在成为 Vite 未来使用的核心底层打包工具,与常见的开箱即用的构建工具(如Webpack、Vite等)不同,它更加专注于底层的打包逻辑和核心功能,以满足 Vite 对于高效打包的特定需求。原创 2024-03-14 09:37:14 · 554 阅读 · 0 评论 -
Vite 5.0 正式发布
11 月 16 日,Vite 5.0 正式发布,这是 Vite 道路上的又一个重要里程碑!Vite 现在使用 Rollup 4,这已经代表了构建性能的大幅提升。此外,还有一些新的选项可以改善开发服务器性能。Vite 4 发布于近一年前,它为生态系统奠定了坚实的基础。随着项目继续在共享基础设施上构建,每周 npm 下载量从 250 万跃升至 750 万。框架不断创新,除了 Astro、Nuxt、SvelteKit、Solid Start、Qwik City 等,还看到新的框架加入并使生态系统更加强大。原创 2024-02-18 11:38:31 · 949 阅读 · 0 评论 -
2024 年, Web 前端开发趋势
希腊哲学家赫拉克利特认为,变化是生命中唯一不变的东西。这句话适用于我们的个人生活、行业和职业领域。尤其是前端开发领域,新技术、开发趋势、库和框架不断涌现,变化并不陌生。最近发生的一些事件正在改变开发人员构建网站和 Web 应用的方式,其中包括支持服务器端渲染的 Angular 17 发布、Next.js v14 发布以及 TypeScript 采用增加。虽然跟上前端生态系统的变化可能具有挑战性,但作为专业人士,保持技能的更新有助于我们开展工作。想知道明年前端领域会发生什么变化吗?那就请继续阅读吧。原创 2024-01-29 22:48:17 · 3454 阅读 · 1 评论 -
2024 前端趋势预测:React 不会被取代,AI 崛起,追求全栈宇宙
对于前端来说,2023 是非同寻常的一年。我们见证了争相抢占甚至是发明服务器端渲染(SSR)市场的热潮、AI 的不断进步、Web 渲染器和 JS 引擎的寒武纪大爆发、一大批有力的竞争者试图摧毁巨头的统治地位……在开始预测未来一年发展趋势之前,我们先来回顾一下今年到目前为止的大杂烩。原创 2024-01-27 12:32:47 · 1376 阅读 · 0 评论 -
JavaScript 框架比较:Angular、React、Vue.js
在 Web 开发领域,JavaScript 提供大量技术栈可供选择。其中最典型的三套组合,分别是 MERN、MEAN 和 MEVN。这些首字母相同的选项各自代表不同的技术加工具组合。为了在这些技术栈中做出明智选择,让我们先从核心组件聊起,再对各自前端框架(React、Angular 和 Vue)进行简化比较,考虑到底哪种更符合实际需求。原创 2024-01-24 13:40:21 · 765 阅读 · 0 评论 -
HarmonyOS NEXT鸿蒙星河版发布
而蚂蚁集团、中国银联等众多伙伴,开放垂域创新能力,和鸿蒙的底座能力一起,给开发者提供了高效的全链路开发工具,进一步加速鸿蒙原生应用开发。同时, 鸿蒙校园公开课已走进135家高校,305所高校学生参与鸿蒙活动,286家企业参加鸿蒙生态学堂,38万+开发者通过鸿蒙认证。1月18日,在深圳举行的“鸿蒙生态千帆启航仪式”上,华为常务董事、终端BG CEO余承东宣布HarmonyOS NEXT鸿蒙星河版面向开发者开放申请。鸿蒙星河版将实现原生精致、原生易用、原生流畅、原生安全、原生智能、原生互联6大极致原生体验。原创 2024-01-18 22:31:14 · 992 阅读 · 0 评论 -
HTTP/3 为什么正迅速崛起
超文本传输协议(HTTP)作为互联网的基石,一直在网页加载、视频流传输、应用获取数据等方方面面发挥重要作用。去年,负责定义互联网技术的互联网工程任务组(IETF)将该协议的最新版本 HTTP/3 定为标准。在此之后,HTTP.3 及相关 QUIC 协议在公共网络上迅速普及。尽管不同来源和测量方法给出的结果略有差别,但目前普遍认为全球 19%到 50%的 Web 服务器和网络均已支持 HTTP/3。原创 2023-11-28 10:35:07 · 1220 阅读 · 0 评论 -
《RN移动开发实战》3出版了,文末抽奖
众所周知,传統的原生Android、iOS开发技术虽然比较成熟,但是多端重复开发的成本和开发效率的低下也是很多企业不愿意看到的,而不断崛起的跨平台技术让企业看到了曙光,“一次编写,处处运行”也不再是难以企及的目标。目前,市面上流行的跨平台技术主要分为三种:一种是基于Web浏览器的Hybrid技术方案,采用此种方案时只需要使用 HTML 及JavaScript进行开发,然后使用浏览器加载即可实现应用跨平台;原创 2023-11-11 09:42:34 · 135 阅读 · 0 评论 -
如何评价国产CEC-IDE开发工具
⾄此可以得出结论:CEC-IDE 是⼀个在 VSCode 的开源代码(之所以不是 VSCodium 的开源代码是因为还 残存着微软的版权信息,⽽ VSCodium 的版权信息不是微软)的基础上粗制滥造的开发⼯具。虽然收录了不少第三⽅插件,放在“⼯具与效率”这⼀分类,但可以看到,数量上⽐微软的 VSCode(或者更 加开源的 VSCodium)的 MarketPlace 仍有不⼩的差距。前两天,看到了一则信息:新出的“自主研发”的 CEC-IDE,于是在好奇心的驱使下打开了官网。于是就能正常启动了。原创 2023-08-27 16:23:25 · 514 阅读 · 0 评论 -
在Windows下搭建Gitlab服务器
一.GitLab简介GitLab是一个用于仓库管理系统的开源项目。使用Git作为代码管理工具,并在此基础上搭建起来的web服务。可通过Web界面进行访问公开的或者私人项目。它拥有与Github类似的功能,能够浏览源代码,管理缺陷和注释。可以管理团队对仓库的访问,它非常易于浏览提交过的版本并提供一个文件历史库。团队成员可以利用内置的简单聊天程序(Wall)进行交流。它还提供一个代码原创 2016-08-02 21:22:24 · 61027 阅读 · 14 评论 -
Kotlin 1.9.0 发布:带来多项新特性,改进 Multiplatform/Native 支持
Kotlin 的最新版本引入了许多新的语言特性,包括用于开放范围的…<操作符、扩展正则表达式等。此外,它还改进了 Kotlin Multiplatform 和 Kotlin/Native 支持。Kotlin 1.9 稳定了与枚举类关联的 entries 属性,它会返回所定义的枚举常量的所有值的列表。entries 弃用了 values(),它不再每次分配一个新数组,而是采用了预分配的值列表,提升了性能。另一个小的语言特性是新引入了用于表示开放范围的…<操作符。原创 2023-08-05 09:11:00 · 966 阅读 · 0 评论 -
抢滩数字时代,2023年人才迁徙报告
2022年,我们达到U型周期底部,但同时也迎来期待已久的回升曲线。在就业市场,春江水暖鸭先知,招聘复苏是行业复苏的重要标志。脉脉人才智库发布《抢滩数字时代·人才迁徙报告2023》,通过平台大数据分析,盘点2022年最受关注的人才趋势,为人才求职和招聘提供前沿洞察。原创 2023-07-12 09:36:15 · 253 阅读 · 0 评论 -
Jupyter Notebook入门教程
如果想了解一些特殊的模块,notebook或者一些库,可以点击菜单栏右侧的Help按钮,在主区域(编辑区),你可以看到一个个单元(cell),每个notebook都有许多cell组成,每个cell有不同的功能,首先,第一个cell如下图所示,以“In[]”开头表示这是一个代码单元。首先,需要按照Python环境,然后还需要安装一个 Python 的包管理和环境管理工具,比如:Conda。当然,你也可以选择Heading,然后弹出信息会告诉你如何创建不同级别的标题,这样你就有了与code不同类型的cell。原创 2023-05-04 22:14:42 · 1220 阅读 · 0 评论 -
Gitlab Merge request方式提交代码
首先我想先来讲讲什么是分支合并请求Merge Request(也可叫Pull Request,下文中全用Merge Request或其缩写MR指代),以及它有什么作用(如果你对此概念有所了解,你完全可以跳过What is it)。MR(或者PR)就是指将你开发的代码的内容以一种请求合并的方式来合并到它想去的分支上,这个请求的接收人(Reviewer)一般是项目、团队的负责人或者其他成员。一般来讲,开发团队都对Code Review(代码复审/审查/检视)的重视程度比较高。原创 2022-11-09 13:49:51 · 1944 阅读 · 0 评论