京东科技开发者

每当有数据时，都会将其添加到块数组（之前定义）中。当停止录制时，将调用该stopRecording() 函数。如果你想要 mp4 或其他格式，则必须使用 API 进行转换或自己进行转换。看起来内容很多，但实际上，只是向按钮添加一个事件侦听器来开始和停止记录并相应地更改文本。在用户屏幕之外创建媒体流。媒体记录器有一个mimeType. 这是你想要的输出文件类型。在写功能函数之前，声明 3 个全局变量（在函数之外）。本文将介绍如何用JS实现简单的屏幕录像机。来源：京东云开发者社区 转载请注明来源。

以上是我们近期优化的阶段性成果，不仅得到了业务和产品同学的认可，而且线上用户反馈门详加载慢、卡顿的问题占比降低了约15%。用户体验提升是需要长期坚持，技术同学需要具备一定的工匠精神，持续探索，我们在规划中的事情还有：① 能耗层面的继续探索与优化；虚拟列表的支持：目前门店列表支持多分类的加载联动，且在同一个分类下进行了组件复用与回收；下一步，我们将继续进行跨分类的组件复用与回收，将门详列表的回收渲染机制形成统一性的解决方案。

你知道奇怪的移动视口错误（也称为100vh bug）吗？或者如何以正确的方式创建全屏块？

PWA（Progressive Web App）是一种结合了网页和原生应用程序功能的新型应用程序开发方法。PWA 通过使用现代 Web 技术，例如 Service Worker 和 Web App Manifest，为用户提供了类似原生应用的体验。可离线访问：PWA 可以在离线状态下加载和使用，使用户能够在没有网络连接的情况下继续浏览应用；可安装：用户可以将 PWA 添加到主屏幕，就像安装原生应用一样，方便快捷地访问；推送通知：PWA 支持推送通知功能，可以向用户发送实时更新和提醒；

跨端动态化开发方案重要性日益凸显，本文对我们团队MCube动态化实践做了总结，为大家提供经验和借鉴。

Vite 是一种新型前端构建工具，在我们保险前端项目中已经推动并应用很久了，Vite 能够显著降低构建时间，提升前端开发效率。

本文将为大家提供一些小程序开发的最佳实践，帮助大家最大程度地提升小程序应用的性能表现。

Promise对象用于清晰的处理异步任务的完成，返回最终的结果值，本次分享主要介绍Promise的基本属性以及Promise内部的基础实现，能够帮我们更明确使用场景、更快速定位问题。

使用集团的统一埋点采集能力和埋点平台，完成达达7条业务线共43个站点应用的埋点迁移，降低自研采集工具和平台的研发投入和机器成本，打通数据链路，创造更多的数据分析价值。

本篇文章从数据中心，事件中心如何协议工作、不依赖环境对vue2.x、vue3.x都可以支持、投产页面问题定位三个方面进行分析。

接口数据类型与表单提交数据类型，在大多数情况下，大部分属性的类型是相同的，但很少能做到完全统一。

存储二进制时小数点的偏移量最大为52位，最多可表示的十进制为9007199254740992，对应科学计数尾数是 9.007199254740992，这也是 JavaScript 最多能表示的精度。对于double型数据(双精度浮点数)，其长度是8个字节(大小)，右边52位用来表示小数点后面的数字，中间11位表示e(exponent)小数点移动的位数，左边一位用来表示正负。浮点型简单来说就是表示带有小数的数据，而恰恰小数点可以在相应的二进制的不同位置浮动，可能是因为这样就被定义成浮点型了。

随着项目的发展，前端SPA应用的规模不断加大、业务代码耦合、编译慢，导致日常的维护难度日益增加。同时前端技术的发展迅猛，导致功能扩展吃力，重构成本高，稳定性低。为了能够将前端模块解耦，通过相关技术调研，最终选择了无界微前端框架作为物流客服系统解耦支持。为了更好的使用无界微前端框架，我们对其运行机制进行了相关了解，以下是对无界运行机制的一些认识。

本文将从三个方面来讲解如何便捷配置出页面，第一部分从数据、事件、业务支持三个方面进行分析，第二部分从模板与页面收藏与升级、页面UI结构、画布功能三个方面进行分析，第三部分从监控、页面配置、页面数据导入导出以及其他能力四个方面进行分析。

中飞码提出了至少需要满足2个大能力点以及对应16个细化点。在业务复杂的场景下数据具有流转性质，事件的触发会改变数据、同时也会触发其他事件等情况。飞码使用数据驱动+事件驱动的模式解决数据流转性与事件不确定性问题。数据驱动+事件驱动的模式决定了需要飞码的编辑态具备数据可配性、事件可配性。为LowCode或NoCode解营销域下的场景奠定夯实基础。整体设计详见图1图1在飞码LowCode前端技术（一）中细说了飞码DSL设计以及每个独立单元数据结构的设计。

this.$parent.makeActiveTime // makeActiveTime是父组件中的属性this.$parent.changeDate({startDate:xxx, endDate: xxx}) // changeDate是父组件中的方法名</script>// 父组件，忽略其他项<scipt>// ...methods: {// ...// ...</script><script>// 子组件中调用

便于用户操作，飞码将组件与模板相关能力放在搭建平台的左上角，具有共享属性（数据源、事件、弹框、函数、数据）的部分配置放在页面的左下角。根据业务线不同，业务组件放在基础组件下方。在页面的顶部区域设计有FMHelper能力，可对页面配置内容做监测。详见图1所示。图1。

原子化CSS是一种CSS的架构方法，倾向于使用用途单一且简单的CSS，通常是根据视觉效果进行类的命名，不同于BEM规则的CSS，原子的意思就是将CSS进行拆分，每个样式都有一个唯一的CSS规则

本篇文章主要是使用 NestJs + Sequelize + MySQL 完成基础运行， 带大家了解 Node 服务端的基础搭建，也可以顺便看看 Java SpringBoot 项目的基础结构，它俩真的非常相似，不信你去问服务端开发同学。

本文是由最近做的一个项目有感而发，因为之前做了一些技术栈的统一，为了用ant Design的pro-table，PC统一使用react，但是我们有一些老的项目是vue的，本次新页面较多，老页面的改动较少，除此之外老项目想换菜单，因此我们想借助本次机会用react开发，经过了几番思考，发现本次很适合用微前端来完成本次需求，最终决定用react搭建一个基座（主应用），将原来的vue项目接入到基座，这样我们不仅实现了新页面react开发，而且老项目也能和新项目融合一起。

DAO的全称是Decentralized Autonomous Organization，中文译名是“岛”，它的性质简单来说就是一个“去中心化的公司”，它的核心理念和最基本的原则就是代码既法律(Code Is Law)。在这里我举一个例子来贯穿整篇文章的讲解：我突然有一天想要开一家网店，但是我并没相关的经验，也没有进货和销售渠道，甚至都没有足够的资金，有的仅仅是一个“奇特”的点子，但是在web3.0时代这都不是阻塞性的问题，只要我有想法，我就可以发起一个DAO。

6 月 27 日 ECMA 大会批准了 ECMAScript 2023 (es14)规范，意味着新的一些语法将正式成为标准。下面来看看 ECMAScript 2023 有哪些值得我们关注的新特性。

提起长连接，我们并不陌生，最常见的长连接非websocket莫属了。即使没有在项目中实际用过，至少也应该有所接触。长连接指在一次网络通信中，客户端与服务器之间建立一条持久的连接，可以在多次请求和响应中重复使用该连接。

antv-x6是一个功能强大、可扩展性高的可视化工具，提供了一系列开箱即用的交互软件和简单易用的节点定制能力，能够帮助使用者便捷地创建流程图、ER图等交互性较强的应用。本次分享介绍了x6的基本功能，更多高级功能有待我们进一步学习和探索。

距离Vue 3.0正式发布已经过去一段时间了，2月7日Vue团队正式宣布Vue 3正式成为新的默认版本。最近接触的新项目也使用Vue 3.0来开发，因此有必要对它进行一波总结和学习。

打开前端项目中的 package.json，会发现众多工具已经占据了我们开发日常的各个角落，它们的存在于我们的开发而言是不可或缺的。有没有想过这些工具的功能是如何实现的呢？没错，抽象语法树 (Abstract Syntax Tree) 就是上述工具的基石。

TypeScript是一个很好的工具，即使您没有使用过它，也可以将它纳入您的学习计划中。因为它能在你脑中播下“类型思维”的种子，而思维方式决定了编程习惯，编程习惯奠定了工程质量，工程质量划定了能力边界。在面对越来越复杂的前端场景，TypeScript所提供的思维方式，能够让你在以后的开发中长期受益。

Vue 的双向数据绑定实现原理是什么样的，如果让我们自己去实现一个这样的双向数据绑定要怎么做呢，本文就与大家分享一下 Vue 的绑定原理及其简单实现

答案是利用Iframe的CSS Display特性，切换窗口时，非激活状态的窗口并不消失，仅是Display状态变更为none，激活状态窗口的Display状态变更为非none。在一个典型的平台应用中，一个父应用主页面要挂载多个窗口（每一个窗口对应一个Iframe），那么如何在切换窗口时，实现每一个窗口中的状态（包括输入状态、锚点信息等）不丢失，也即“状态保持”呢？日前遇到了一个基于Vue应用的Iframe状态保持问题，在上述模型下，资源池不仅保存窗口对象，而且记录了每个窗口的点击激活时间。

你有什么npm发布时的关键经验这里没提到的，帮我补充下🤝当我们再一次运行，脑编译一下，想想这期间都发生了些什么，还少些什么？

此文为系列文章第一篇，为浅尝辄止的引入，目的是为了让前端从业人员及非从业但是对此领域感兴趣的人对于”前端“是干什么的这个话题有个无门槛的了解

阅读本文有门槛，以下是需要掌握的全部信息，全文的主旨是组合前端现有的技术，结合画面，讲述共同对抗 GPT 的故事。

我们设计目前的门户基座，可以快速浏览各个平台，同时串联数据开发与管理的工作，减少用户的试错成本，提升工作效率。

随着前端技术的不断发展和应用程序的日益复杂，前端自动化测试也在不断演进。随着 Web 应用程序变得越来越复杂，自动化测试的需求也越来越高。如今，自动化测试已经成为 Web 应用程序开发过程中不可或缺的一部分，它们可以帮助开发人员更快地发现和修复错误，提高应用程序的性能和可靠性。

上个月我负责的系统SSO升级，对接京东ERP系统，这也让我想起了之前我做过一个单点登录的项目。想来单点登录有很多实现方案，不过最主流的还是基于CAS的方案，所以我也就分享一下我的CAS实践之路。

本文旨在通过部署微前端项目的实践过程中沉淀出一套部署方案，现就一些重点步骤、碰到的问题做了一些总结。

还在为npm i安装大量依赖等待时间较长，npm扁平化node_modules依赖版本冲突在苦恼吗，不用苦恼pnpm为你保驾护航

当今世界，云计算技术在快速发展，不断为我们带来新的应用场景和解决方案。作为一名前端开发者，了解云技术并掌握如何在前端中应用它们是必不可少的。本篇文章将介绍云计算技术的基本概念，并从前端角度探讨如何使用云技术提高应用的可扩展性、安全性、性能和用户体验。

本文主要通过对微前端框架single-spa的基座应用加载子应用的single-spa-vue函数库进行分析，通过代码维度分析让大家了解在single-spa加载子应用的时候都做了哪些事情。如何通过优化single-spa-vue函数库保持子应用的状态。

作为 C 端前端研发，除了攻克业务难点以外，也要有更深层的自我目标，那就是性能优化。这事儿说大不大，说小也不小，但难度绝对不一般，所涉及的范围优化点深入工程每个细胞。做好前端性能优化绝非简单之事！文章主要内容介绍前端性能考核指标及优化方案。