当前位置： 首页 > news >正文

前端技术月刊-2024.11

news 2026/3/26 22:29:33

在这里插入图片描述

本月技术月刊聚焦于前端技术的最新发展和业务实践。业界资讯部分，React Native 0.76 版本发布，带来全新架构；Deno 2.0 和 Node.js 23 版本更新，推动 JavaScript 生态进步；Flutter 团队规模缩减，引发社区关注。技术点精读部分，深入探讨了 Vue 3.5 的性能提升、Vue 项目的可视化编程技术，以及 CSS 的新特性 content-visibility 对渲染性能的影响。特别关注鸿蒙技术，从 React 代码迁移到 ArkUI，到京东金融 APP 的鸿蒙实践，展现了跨端开发的新趋势。业务&技术分享部分，涵盖了用户监控告警配置、跨端技术框架原理、以及 Node.js SSR 状态污染等实用技术话题。这份月刊为技术从业者提供了一个了解行业动态、掌握前沿技术、提升业务能力的窗口。

1. 业界资讯

  1. React Native 0.76 震撼发布：全新架构引领未来
  2. Deno2.0 发布，7 大核心亮点
  3. Node.js 23 发布了！
  4. Flutter 被分叉！团队缩水至 50 人，bug 堆积如山
  5. 新颖的 setTimeout() 替代方案
  6. Chrome 130 新增对 box-decoration-break 属性的支持
  7. 尤雨溪：Vite 和 JavaScript 工具的未来！
  8. 不用纠结了！所有 all - 前端框架正在走向融合
  9. JavaScript 应该分成两种语言吗？谷歌新提案引争议
  10. 放弃 React，微软 Edge 团队改用 Web 组件减少对 JavaScript 的依赖
  11. Tauri 2.0 发布：这次能击败 Electron 吗？

2. 技术点精读

  1. 看不懂来打我！让性能提升 56%的 Vue3.5 响应式重构
  2. VUE 项目基于源码实现可视化编程技术的探索
  3. 浅读 Vue3 代码 10 万行，总结出 30 个代码规范
  4. 利用 CSS content-visibility 特性提高渲染性能
  5. 鸿蒙
    1. Taro 鸿蒙技术内幕系列：如何将 React 代码跑在 ArkUI 上
    2. 前端视角下的鸿蒙开发
    3. 揭秘动态化跨端框架在鸿蒙系统下的高性能解决方案
    4. 京东金融 APP 的鸿蒙之旅：技术、挑战与实践
    5. 鸿蒙跨端实践-长列表解决方案和性能优化
    6. 优化 React Native (Expo) 应用性能
  6. 跨端
    1. 大前端：如何突破动态化容器的天花板？
    2. AIGCDesign——开放式跨端 AI 组件解决方案
  7. 提效
    1. 从 DDD 视角探讨代码复用的成本及效益
    2. 为什么研发管理必须数字化
    3. 前端研发团队如何降本提效
    4. 基于美团 UI 的协同提效实践

微信搜索“好朋友乐平”关注公众号。

github原文地址

相关文章：

前端技术月刊-2024.11

本月技术月刊聚焦于前端技术的最新发展和业务实践。业界资讯部分，React Native 0.76 版本发布，带来全新架构；Deno 2.0 和 Node.js 23 版本更新，推动 JavaScript 生态进步；Flutter 团队规模缩减，引发社区关注…...

编程日记 2024/11/4 19:38:02

搜索引擎语法大全（Google、bing、baidu）

搜索引擎语法大全 搜索引擎语法通常指的是在搜索引擎中使用特定的运算符和语法来优化搜索结果。 提高搜索精度：使用特定的语法可以帮助用户更精确地找到相关信息，避免无关结果。例如，通过使用引号搜索确切短语，可以确保搜索结果包…...

编程日记 2024/11/4 19:37:00

java设计模式之行为型模式(11种)

行为型模式 行为型模式用于描述程序在运行时复杂的流程控制，即描述多个类或对象之间怎样相互协作共同完成单个对象都无法单独完成的任务，它涉及算法与对象间职责的分配。 行为型模式分为类行为模式和对象型模式，前者采用继承机制来在类间分派…...

编程日记 2024/11/4 19:34:58

微服务系列一：基础拆分实践

目录 前言 一、认识微服务 1.1 单体架构 VS 微服务架构 1.2 微服务的集大成者：SpringCloud 1.3 微服务拆分原则 1.4 微服务拆分方式 二、微服务拆分入门步骤 ：以拆分商品模块为例 三、服务注册订阅与远程调用：以拆分购物车为例 3.1 …...

编程日记 2024/11/4 19:33:56

leetcode 1470.重新排列数组

1.题目要求: 2.题目代码: class Solution { public:vector<int> shuffle(vector<int>& nums, int n) {vector<int> x_array(nums.begin(),nums.begin() n);vector<int> y_array(nums.begin() n,nums.end());int x_index 0;int y_index 0;for…...

编程日记 2024/11/4 19:31:53

windows在两台机器上测试 MySQL 集群实现实时备份

在两台机器上测试 MySQL 集群实现实时备份的基本步骤&#xff1a; 一、环境准备 机器配置 确保两台机器&#xff08;假设为服务器 A 和服务器 B&#xff09;能够互相通信&#xff0c;例如它们在同一个局域网内&#xff0c;并且开放了 MySQL 通信所需的端口&#xff08;默认是 …...

编程日记 2024/11/4 19:28:49

点晴模切ERP系统助力模切企业转型升级之路

随着我国制造业规模不断扩大&#xff0c;中国制造业已经从高速扩张转向深入挖潜的关键阶段。数字化转型不仅有助于提升企业的生产效率和管理水平&#xff0c;还能有效应对市场竞争&#xff0c;实现可持续发展。在数字化转型的过程中&#xff0c;企业资源规划&#xff08;ERP&am…...

编程日记 2024/11/4 19:27:48

redis修改配置文件配置密码开启远程访问后台运行

编辑 Redis 配置文件 编辑 /etc/redis/redis.conf&#xff0c;设置必要的参数。 sudo vim /etc/redis/redis.conf设置后台运行&#xff1a; 找到以下行&#xff0c;将 no 改为 yes&#xff1a; daemonize yes设置密码&#xff1a; 找到以下行&#xff0c;取消注释并设置密码为…...

编程日记 2024/11/4 19:23:43

市场分化！汽车零部件「变天」

全球汽车市场的动荡不安&#xff0c;还在持续。 本周&#xff0c;全球TOP20汽车零部件公司—安波福&#xff08;Aptiv&#xff09;发布2024年第三季度财报显示&#xff0c;三季度公司经调整后确认收入同比下降6%&#xff1b;按照区域市场来看&#xff0c;也几乎是清一色的下滑景…...

编程日记 2024/11/4 19:22:41

SCSS在Vue中的用法

SCSS在Vue中的用法 一、安装相关依赖1、安装sass - loader和node - sass&#xff08;或dart - sass&#xff09; 二、在组件中使用SCSS1、单文件组件&#xff08;.vue&#xff09;中的样式使用2、**全局样式使用SCSS**3、在组件中使用变量和混入&#xff08;Mixins&#xff09;…...

编程日记 2024/11/4 19:21:40

CPU用户时间百分比

在计算机系统中&#xff0c;"CPU用户时间百分比&#xff08;CPU User Time&#xff09;"是一个性能监控指标&#xff0c;它描述了CPU在用户模式下执行的累积时间与总的CPU时间的比例。这个指标可以帮助我们了解系统在执行用户态程序时的负载情况。下面是一些关于CPU用…...

编程日记 2024/11/4 19:16:33

RN中的StyleSheet

一、RN中样式的特点 RN的样式和前端的CSS的样式有一些区别。主要如下&#xff1a; RN中的样式 前端的CSS 继承性 没有继承性 有继承性 命名 fontSize&#xff08;小驼峰命名&#xff09; font-size 尺寸单位 with: 100 With: 100px 特殊的样式名 marginHorizontal…...

编程日记 2024/11/4 19:14:30

Swift 开发教程系列 - 第1章：Swift 简介与开发环境配置

在开始开发 Swift 应用之前&#xff0c;了解 Swift 语言的背景和设置开发环境非常重要。接下来&#xff0c;我们将逐步介绍 Swift 的基本概念&#xff0c;并带你完成开发环境的安装和项目创建。 1.1 Swift 简介 Swift 是由 Apple 开发的一种现代化编程语言&#xff0c;于 201…...

编程日记 2024/11/4 19:12:26

躺平成长-下一个更新的数据（躺平成长数据显示核心）

旭日图&#xff08;Sunburst Chart&#xff09;是一种用于展示具有层次结构数据的可视化图表。 开源竞争&#xff1a; &#xff08;当你无法掌握技术的时候&#xff0c;就开源这个技术&#xff0c;培养出更多的技术依赖&#xff0c;让更多的人帮助你完善你的技术&#xff0c;那…...

编程日记 2024/11/4 19:11:22

你们接口怎么测？有没有完完整整的把一个接口测下来？

面试官在问到这道问题的时候&#xff0c;我们应该这么去回答&#xff0c;根据自己技术掌握的水准进行由浅入深的回答。 基础&#xff1a; 我们接口测试之前&#xff0c;开发都会有一份接口文档给到我们&#xff0c;我们要分析接口中的入参和响应。 针对入参的参数类型和参数…...

编程日记 2024/11/4 19:10:19

Pinia-状态管理

Pinia-状态管理 特点&#xff1a; 1. 轻量和模块化 Pinia 是一个轻量级的状态管理库&#xff0c;支持模块化管理&#xff0c;即可以将应用的状态分成多个 store 以实现更好的组织。使用 Pinia&#xff0c;可以定义多个 store&#xff0c;每个 store 都是一个独立的模块&#x…...

编程日记 2024/11/4 19:08:16

IP系列之bscan讨论

1、做Bcan前首先要确定ip_vender是否已经在phy_level做好了bscan_chian&#xff1f;&#xff1f;&#xff1f; 若已经做好&#xff0c;那么vender会给一个XXX.bsdl文件&#xff0c;结合详细的ip文档指导手册&#xff0c;确定bscan_chain是在内部的tap下挂着&#xff0c;还是单…...

编程日记 2024/11/4 19:03:11

Centos安装配置Jenkins

下载安装 注意&#xff1a;推荐的LTS版本对部分插件不适配&#xff0c;直接用最新的版本&#xff0c;jenkins还需要用到git和maven&#xff0c;服务器上已经安装&#xff0c;可查看参考文档[1]、[2]&#xff0c;本次不再演示 访问开始使用 Jenkins 下载jenkins 上传至服务器…...

编程日记 2024/11/4 19:01:06

创新医疗突破：新型穿刺器显著提高手术安全性与效率

据QYResearch调研团队最新报告“中国穿刺器市场报告2023-2029”显示&#xff0c;预计2029年中国穿刺器市场规模将达到18.5亿美元&#xff0c;未来几年年复合增长率CAGR为18.1%。 如上图表/数据&#xff0c;摘自QYResearch最新报告“中国穿刺器市场研究报告2023-2029. 如上图表/…...

编程日记 2024/11/4 18:57:00

【MySQL】可重复读级别下基于Next Key Lock解决幻读

昨天读到了一篇文章[1]&#xff0c;里面讲&#xff0c;面试官说mysql的可重复读级别下有解决幻读的方式&#xff0c;最后公布了答案&#xff0c;是在sql后面加for update。这么说倒是没错&#xff0c;但是这种问法给我一种奇怪的感觉&#xff0c;因为for update无论在哪个隔离级…...

编程日记 2024/11/4 18:55:58

三步打造沉浸式AI对话体验：SillyTavern终极指南

三步打造沉浸式AI对话体验&#xff1a;SillyTavern终极指南 【免费下载链接】SillyTavern LLM Frontend for Power Users. 项目地址: https://gitcode.com/GitHub_Trending/si/SillyTavern 你是否厌倦了单调的文字聊天&#xff1f;想让AI助手不仅能"说"&#…...

编程新知 2026/3/26 21:46:01

美军“转正”美科技公司AI系统，专家解读

来源&#xff1a;环球时报【环球时报报道 记者 刘扬】据路透社等外媒近日报道&#xff0c;五角大楼将把美国科技公司Palantir的人工智能&#xff08;AI&#xff09;系统Maven列为“正式在编项目”&#xff0c;使美军多军种将该公司的相关技术用于军事领域。五角大楼强调&#x…...

编程新知 2026/3/26 21:21:57

SDMatte效果对比图谱：SDMatte/RemBG/BackgroundMattingV2在玻璃场景PK

SDMatte效果对比图谱&#xff1a;SDMatte/RemBG/BackgroundMattingV2在玻璃场景PK 1. 引言&#xff1a;玻璃抠图的特殊挑战 玻璃材质因其透明和反光特性&#xff0c;一直是图像抠图领域最具挑战性的对象之一。传统抠图工具在处理玻璃制品时&#xff0c;往往会出现边缘断裂、透…...

编程新知 2026/3/26 18:14:01

Vitis自定义IP编译报错？手把手教你修复Makefile路径问题（附完整代码）

Vitis自定义IP编译报错&#xff1f;手把手教你修复Makefile路径问题&#xff08;附完整代码&#xff09; 最近在Vitis中导入包含自定义IP的XSA文件时&#xff0c;不少开发者遇到了令人头疼的编译错误——"xxx.h: No such file or directory"。这个看似简单的报错背后…...

编程新知 2026/3/26 18:05:56

PlugY：暗黑2单机玩家必备的生存工具包，开启无限可能游戏体验 [特殊字符]

PlugY&#xff1a;暗黑2单机玩家必备的生存工具包&#xff0c;开启无限可能游戏体验 &#x1f525; 【免费下载链接】PlugY PlugY, The Survival Kit - Plug-in for Diablo II Lord of Destruction 项目地址: https://gitcode.com/gh_mirrors/pl/PlugY 还在为暗黑破坏神…...

编程新知 2026/3/26 17:53:54

深入解析iOS中CUICatalog: Invalid asset name警告的解决方案与优化实践

1. 理解CUICatalog: Invalid asset name警告的本质 当你正在调试iOS应用时&#xff0c;突然在控制台看到一堆[framework] CUICatalog: Invalid asset name supplied: 的警告信息&#xff0c;这感觉就像开车时仪表盘突然亮起故障灯。作为开发者&#xff0c;我们首先需要理解这个…...

编程新知 2026/3/26 16:08:53

告别混乱：我是如何用Hugo + GitHub Actions实现博客自动化构建与发布的

告别混乱&#xff1a;我是如何用Hugo GitHub Actions实现博客自动化构建与发布的 去年我的博客还处于"石器时代"——每次写完文章都要手动执行hugo build&#xff0c;再把public文件夹里的文件拖到服务器。直到某天连续三次忘记更新CNAME文件导致域名解析失败&#…...

编程新知 2026/3/26 16:06:53

GluonCV版本升级指南：从0.8到0.11的10大新特性详解

GluonCV版本升级指南&#xff1a;从0.8到0.11的10大新特性详解 【免费下载链接】gluon-cv dmlc/gluon-cv: GluonCV 是由DMLC&#xff08;Apache MXNet背后的社区&#xff09;开发的一个计算机视觉库&#xff0c;为研究人员和工程师提供了大量预训练模型、基准测试和工具&#x…...

编程新知 2026/3/26 14:37:51

终极指南：gh-dash 帮助命令自动补全如何提升 GitHub 管理效率 [特殊字符]

终极指南&#xff1a;gh-dash 帮助命令自动补全如何提升 GitHub 管理效率 &#x1f680; 【免费下载链接】gh-dash A beautiful CLI dashboard for GitHub &#x1f680; 项目地址: https://gitcode.com/gh_mirrors/gh/gh-dash gh-dash 是一个功能强大的 CLI 仪表板&am…...

编程新知 2026/3/26 14:21:28

QDKTAI实战面试题50问之31-40

一、Deepseek R1及类似推理模型的应用场景与局限 &#xff08;一&#xff09;核心结论 Deepseek R1不适合大部分工程级场景&#xff0c;仅适用于特定创意类或辅助类场景&#xff0c;核心原因是其设计特性与工程落地需求存在冲突。 &#xff08;二&#xff09;关键局限&#…...

编程新知 2026/3/26 13:38:58