首先恭喜广州赛意信息科技股份有限公司荣获**工业软件种子奖**！在本次大赛中，凭借“数据驱动智造，基于 iDME 的赛意新一代 SMOM 赋能电子行业制造运营管理解决方案”这一作品脱颖而出~ **大赛简介** 10月30日至10月31日，由广东省工业和信息化厅指导，东莞市人民政府主办，东莞市工业和信息化局、数字化工业软件联盟承办，华为云计算技术有限公司、广东省数字化学会协办，东莞市科技企业孵化学会支持的第三届工业软件创新应用...

本文由体验技术团队 TinyVue 组件库成员陈家梅同学分享，带你手把手实现 TinyVue 组件库适配微前端~ ## **一、前言** 以下是我对微前端的一些粗浅理解，对微前端有一定了解的话可以略过，直接进入第二部分。 **1、微前端是什么？** 我们首先来点熟悉的东西，以我们最常见的页面为例，看下图：  左侧为子应用路由切换，通过点击左侧完成右侧页...

浏览器架构演进 单进程浏览器时代 单进程浏览器是指浏览器的所有功能模块都是运行在同一个进程里，这些模块包含了网络、插件、JavaScript 运行环境、渲染引擎和页面等。在 2007 年之前，市面上浏览器都是单进程的。 单进程浏览器的架构 很多功能模块运行在一个进程里，是导致单进程浏览器不稳定、不流畅和不安全的一个主要因素。 不稳定：早期浏览器需要借助于插件来实现诸如 Web 视频、Web 游戏等各种强大的功能，但是插件是最...

**前言** 在现代的Web应用开发中，Excel文件的处理和展示是一项常见的需求。为了提供更好的用户体验和功能，经常需要在Web应用中添加一个JavaScript Excel查看器，小编今天将为大家展示如何借助葡萄城公司的纯前端表格控件——[SpreadJS](https://www.grapecity.com.cn/developer/spreadjs)来创建一个Excel查看器。 **项目结构** 本项目将由三个文件构成：一个HTML文件、一个JavaScript文件以及一个CSS文件。 **1.引入SpreadJS*...

一、首先来个 Vite 的通用简介 Vite 是一种新型前端构建工具，在我们保险前端项目中已经推动并应用很久了，Vite 能够显著降低构建时间，提升前端开发效率。 它主要由两部分组成： 一个开发服务器，它基于 原生 ES 模块 提供了 丰富的内建功能，如速度快到惊人的 模块热更新（HMR） 一套构建指令，它使用 Rollup 打包你的代码，并且它是预配置的，可输出用于生产环境的高度优化过的静态资源 Vite 还提供了强大的扩展性，可通过...

代码已开源： > Github: https://github.com/HammCn/AirPower4T > > Gitee: https://gitee.com/air-power/AirPower4T # 一、当前一些写前端的骚操作 先罗列一下见到过的一些写法吧：） ### 1. interface(或Type)一把梭 掘金上很多文章，一提到 ```TypeScript```，那不得先用 ```interface``` 或者 ```type``` 来声明个数据结构吗？像这样： ```typescript type User = { nickname: string avatar?: string age: number } inter...

 # **一. 前言** 百度APP iOS端包体积优化系列文章的前六篇重点介绍了包体积优化整体方案、图片优化、资源优化、代码优化、无用类优化、HEIC图片优化实践和无用方法清理，图片优化是从无用图片、Asset Catalog和HEIC格式三个角度做深度优化；资源优化包括大资源优化、无用配置文件和重复资源优化，代码优化包括无用类优化、无用模块瘦身、无...

**前言** 作为.NET 8发布会的一部分，微软于11月14日发布了C\#12的新功能，这也是目前.NET的最新版本。正如之前公布的那样，最显著的改进包括了集合表达式、主构造函数、任何类型的别名以及lambda表达式中参数提供默认值。 **主构造函数** C\#12扩展了**主构造函数**，现在可以在任何class和struct中创建主构造函数。 主构造函数不再局限于record类型。这一改进允许在类声明中直接定义构造函数参数。 主构造函数参数的用途有以下...

什么是wasm组件？ wasm 全称 WebAssembly，是通过虚拟机的方式，可以在服务端、客户端如浏览器等环境执行的二进制程序。他有速度快、效率高、可移植的特点。 对我们 Web 前端工程最大的好处就是可以在浏览器端使用二进制程序处理一些计算量大的处理，使用他比 javascript 快的特点优化性能。 目前浏览器对wasm的兼容性如下： 在移动端除了 android 4.4 和 ios 10 下不支持外，其他版本都能提供支持。还需要注意的是 wasm 有可能...

# 一分钟精华速览 底层技术是系统稳定运行的基石，往往牵一发而动全身。通过底层技术的优化，有效地管理和减少代码量，能极大提升系统的运行效率。去哪儿网作为业内较早落地“代码瘦身”的企业，该项目让其系统成功地减少了 50%的代码量，26%的服务数量，提高了 9.5%的发布效率。 本文旨在分享其如何运用可观测性技术识别并清除无用代码，并尝试通过还原实施细节、总结方法论，并为读者在系统精简方面提供一种新的思考和实践方式...

# 一分钟精华速览 在当前阶段，可观测性的建设并没有统一的执行路径。每家公司会根据自身的业务需求、运营模式和规模，形成一套独特的实践方案。为了应对业务规模的扩大和需求的变化，可观测团队必须持续优化和升级其架构，并始终保证可观测系统本身的高可用性。 本文详尽地描绘了滴滴从 2017 年至今，在四个不同阶段所遭遇的技术挑战，如单体应用阶段的资源瓶颈、运维成本的上升、分布式服务的通信问题等等。滴滴通过寻找并应用...

无意中看到miro的画布有一个无缝滚动+缩放的功能：https://miro.com/app/board/uXjVMR5OCp8=/?share_link_id=751850163166 看到“无缝滚动”这个关键词，当时一开始想着是不是用类似pixi.js里类似TilingSprite的实现方式，把网格图片平铺开来。但是miro画布缩放的时候依然能保持网格线清晰，于是使用renderTexture绘制网格，并在缩放过程中动态修改网格的尺寸，重新生成renderTexture给TilingSprite使用，虽然可以做到网格线清晰...

前言 冷启动指标是App体验中相当重要的指标，在电商App中更是对用户的留存意愿有着举足轻重的影响。通常是指App进程启动到首页首帧出现的耗时，但是在用户体验的角度来看，应当是从用户点击App图标，到首页内容完全展示结束。 将启动阶段工作分配为任务并构造出有向无环图的设计已经是现阶段组件化App的启动框架标配，但是受限于移动端的性能瓶颈，高并发度的设计使用不当往往会让锁竞争、磁盘IO阻塞等耗时问题频繁出现。如何百...

设计模式一直是程序员谈论的“高端”话题之一，总有一种敬而远之的心态。在了解后才知道在将函数作为一等对象的语言中，有许多需要利用对象多态性的设计模式，比如单例模式、 策略模式等，这些模式的结构与传统面向对象语言的结构大相径庭，实际上已经融入到了语言之中，我们可能经常使用它们，只是不知道它们的名字而已。 设计模式 相信了解的，都知道有 20 多种... 其中按类型分有三种。为“创建型”封装了创建对象的变化过程...

前言 作为一个开放式的跨端跨框架解决方案，Taro 在大量的小程序和 H5 应用中得到了广泛应用。我们经常收到开发者的反馈，例如“渲染速度较慢”、“滑动不够流畅”、“性能与原生应用相比有差距” 等。这表明性能问题一直是困扰开发者的一个重要问题。 熟悉 Taro 的开发者应该知道，相比于 Taro 1/2，Taro 3 是一个更加注重运行时而轻量化编译时的框架。它的优势在于提供了更高效的代码编写方式，并拥有更丰富的生态系统。然而，...

作者 | Bas Schouten 对任何软件来说，一个最大的挑战就是确定更改对用户体验的影响。不管是视频编辑软件的处理速度，还是浏览体验的流畅度，在控制良好的实验环境中测试只能告诉我们有限信息。虽然本地实验可以提供很多指标，但这些指标的改进不一定能带来更好的用户体验。 这对运行第三方代码的复杂客户端软件，例如Firefox，尤其具有挑战性。这也是我们与其他浏览器一起进行Speedometer 3 工作的一个主要原因。我们的目标是构...

**前言** 在这个快速发展的数字时代，JavaScript作为一种广泛应用的编程语言，其重要性愈发凸显。为了在竞争激烈的开发领域中保持竞争力，不断提升自己的技能是至关重要的。本文小编将您介绍10个高级的JavaScript技巧，旨在帮助开发者们在编码过程中更加高效和灵活。 **1、解构赋值** 解构赋值是一种从数组或对象中提取值并将其分配给变量的简洁方法，可以简化代码并提高可读性。对于数组，您可以使用方括号表示，而对于对象，则...

 # 1 初心 大家好，我是勇哥。花了三个月的时间，我手写了个短信平台服务 `platform-sms`，今天开源出来 Beta 版本。 写这个开源项目的初心其实很简单："**帮助初中级研发工程师入门架构设计，提升他们的技术认知**"。 2018年，作为架构师，我参与一个短信平台的重构。发送短信的场景包括还款业务、CRM、促销业务等。 不同的技术团队都是使用...

简介 本章节从精准定位、分层设计、异步组件、拖拽四个方面分析飞码画布设计。 一、精准定位设计 飞码画布是一个套件，可对外提供画布能力。精准定位有两种情况，一是目标组件无子组件，而是目标组件有子组件。 无子组件：目标组件分为支持与不支持放子组件两种情况。 有子组件：鼠标相对于子组件（目标组件）对角线位置。详见图1 图1 当目标组件不支持放子组件时，需要计算拖拽组件放在目标组件的左侧、上侧、右侧、还是下侧？...

## **前言** [OpenTiny](https://opentiny.design/) 开源之夏项目终于迎来了圆满的结局。借此机会，我们采访了 TinyReact 的共建者 Mr 栋同学。 Mr 栋同学是一位热衷于前端技术的开发者，对前端开发充满了激情和热爱。同时他也是一位即将毕业的大四在校生。在 [OpenTiny](https://opentiny.design/) 开源项目中，他积极参与，为社区贡献了自己的力量。 接下来，让我们一起走进Mr 栋同学的世界，了解他的编程之旅以及在 OpenTiny...