一、我们为什么要了解浏览器？1. 对于前端开发者1.浏览器是用户体验的第一线。我们需要了解浏览器的工作原理，才能有效地设计和实现用户界面，确保良好的用户体验。2.好的产品需要考虑浏览器兼容性。我们需要了解这些差异，以确保网站或应用在不同的浏览器中都能正常工作，因为不同的浏览器对CSS、JavaScript等的支持程度和实现细节可能有所不同。3.追求良好的性能需要我们了解浏览器的渲染机制、JavaS
本文将介绍如何用JS实现简单的屏幕录像机。一、录制准备创建一个按钮<button id="recording-toggle">Start recording</button>书写JavaScriptvar RECORDING_ONGOING = false; var recordingToggle = document.getElementById("recording-t
随着业务需求猛增、各种AB场景线上测试，交互复杂度提升，所以对门详的整体交互体验，小程序加载速度、列表的滚动性能以及业务数据层面都有更高的要求，因此作为前端研发团队，我们也迎来了一些新的挑战。
你知道奇怪的移动视口错误（也称为100vh bug）吗？或者如何以正确的方式创建全屏块？
CLS 衡量的是页面的整个生命周期内发生的每次意外布局偏移的最大突发性_布局偏移分数_。布局变化的发生是因为浏览器倾向于异步加载页面元素。更重要的是，您的页面上可能存在一些初始尺寸未知的媒体元素。这种组合意味着浏览器在加载完成之前无法确定单个元素将占用多少空间。因此，这种不确定性带来的剧烈布局转变就会导致一个高的CLS分数，也就说明用户体验将会很糟糕
一、平台介绍? 即时设计平台是一个即时搭建c端楼层的开发平台，支持通过导入relay设计稿url完成Ui2Code，在此基础上完成前端可视化搭建，同时支持通过ChatGPT完成一句话需求，搭建后的楼层自动同步ihub楼层市场，提供到通天塔、哥伦布等搭建平台使用。1.1 平台能力? 在哥伦布即时设计中，即时设计能力主要包括以下几个方面：画布编辑能力：即时设计平台提供了丰富的画布编辑功能，包括添加、删
纯血鸿蒙即将到来在今年 8 月的「2023年华为开发者大会（HDC.Together）」上，华为正式官宣「鸿蒙Next」，这个更新的版本将移除所有的 AOSP 代码，彻底与 Android 切割，使其成为一个完全自主研发的操作系统，这将去掉 40%左右多余的代码，使系统变得更加简洁、流畅。同时，会上也预告了将在明年 1 月份发布面向所有开发者的预览版，意味着还有一个多月纯血的鸿蒙就要与所有开发者见
本文并不是介绍如何将一个网页配置成离线应用并支持安装下载的。研究PWA的目的仅仅是为了保证用户的资源可以直接从本地加载，来忽略全国或者全球网络质量对页面加载速度造成影响。当然，如果页面上所需的资源，除了资源文件外并不需要任何的网络请求，那它除了不支持安装到桌面，已经算是一个离线应用了。
跨端动态化开发方案重要性日益凸显，本文对我们团队MCube动态化实践做了总结，为大家提供经验和借鉴。接入背景随着我们工程的需求迭代，暴露出了业务需求量大，分端开发和发版更新成本高等痛点，使用H5页面来代替，在用户体验和性能相较原生有差异，所以我们团队开始了对动态化改造的研究。在做过一些列动态化开发的尝试，并对多种方案进行调研后，我们选择了MCube的动态化方案。之所以选用MCube，是因为它有以下
在日常的开发过程中，本地代码远程调试一直是最理想的开发状态。本文通过介绍京东集团内开发的一个轻量简单的小工具”localhost”，从多角度的方案思考，到原理介绍，到最终的方案落地，在开发阶段发现问题，解决问题。
一、首先来个 Vite 的通用简介Vite 是一种新型前端构建工具，在我们保险前端项目中已经推动并应用很久了，Vite 能够显著降低构建时间，提升前端开发效率。它主要由两部分组成：一个开发服务器，它基于 原生 ES 模块 提供了 丰富的内建功能，如速度快到惊人的 模块热更新（HMR）一套构建指令，它使用 Rollup 打包你的代码，并且它是预配置的，可输出用于生产环境的高度优化过的静态资源Vite
本文先介绍了 wasm-pack 官方的教程，还有其他组件测试、发布等的流程先不在这里介绍了。以下用一个实际开发中的模块来说一下开发 wasm 组件过程中遇到的问题和解决方法。
本文将为大家提供一些小程序开发的最佳实践，帮助大家最大程度地提升小程序应用的性能表现。
设计模式一直是程序员谈论的“高端”话题之一，总有一种敬而远之的心态。在了解后才知道在将函数作为一等对象的语言中，有许多需要利用对象多态性的设计模式，比如单例模式、 策略模式等，这些模式的结构与传统面向对象语言的结构大相径庭，实际上已经融入到了语言之中，我们可能经常使用它们，只是不知道它们的名字而已。
简介本章节从精准定位、分层设计、异步组件、拖拽四个方面分析飞码画布设计。一、精准定位设计飞码画布是一个套件，可对外提供画布能力。精准定位有两种情况，一是目标组件无子组件，而是目标组件有子组件。无子组件：目标组件分为支持与不支持放子组件两种情况。有子组件：鼠标相对于子组件（目标组件）对角线位置。详见图1图1当目标组件不支持放子组件时，需要计算拖拽组件放在目标组件的左侧、上侧、右侧、还是下侧？其计算方
Node.js是一个基于ChromeV8引擎的JavaScript运行环境，使用了一个事件驱动、非阻塞式I/O模型，让JavaScript 运行在服务端的开发平台，它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言。Node中增添了很多内置的模块，提供各种各样的功能，同时也提供许多第三方模块。
Promise对象用于清晰的处理异步任务的完成，返回最终的结果值，本次分享主要介绍Promise的基本属性以及Promise内部的基础实现，能够帮我们更明确使用场景、更快速定位问题。
一、Vue3结构分析1、Vue2与Vue3的对比对TypeScript支持不友好（所有属性都放在了this对象上，难以推倒组件的数据类型）大量的API挂载在Vue对象的原型上，难以实现TreeShaking。架构层面对跨平台dom渲染开发支持不友好,vue3允许自定义渲染器，扩展能力强。CompositionAPI。受ReactHook启发对虚拟DOM进行了重写、对模板的编译进行了优化操作...2
使用集团的统一埋点采集能力和埋点平台，完成达达7条业务线共43个站点应用的埋点迁移，降低自研采集工具和平台的研发投入和机器成本，打通数据链路，创造更多的数据分析价值
最近做的几个项目经常遇到这样的需求，要在表格上增加一个自定义表格字段设置的功能。就是用户可以自己控制那些列需要展示。在几个项目里都实现了一遍，每个项目的需求又都有点儿不一样，迭代了很多版，所以抽时间把这个功能封装了个组件：@silverage/table-custom，将这些差别都集成了进去，方便今后使用和维护。同时也方便需要这个功能的人来使用。下面介绍下安装和使用安装npm i @silvera
本篇文章从数据中心，事件中心如何协议工作、不依赖环境对vue2.x、vue3.x都可以支持、投产页面问题定位三个方面进行分析。
跨域这两个字就像一块狗皮膏药一样黏在每一个前端开发者身上，无论你在工作上或者面试中无可避免会遇到这个问题。如果在网上搜索跨域问题，会出现许许多多方案，这些方案有好有坏，但是对于阐述跨域的原理和在什么情况下需要用什么方案，缺少系统性的说明。大家在工作中可能因为大佬们已经配置好了，不会产生跨域，但是作为一个前端的开发人员，面对跨域的问题，还是需要从原理上去理解跨域的原因，在不同的情况中，我们该如何去处理。
从一个假死页面引发的思考： 作为前端开发，除了要攻克页面难点，也要有更深的自我目标，性能优化是自我提升中很重要的一环； 在前端开发中，会偶遇到页面假死的现象， 是因为当js有大量计算时，会造成 UI 阻塞，出现界面卡顿、掉帧等情况，严重时会出现页面卡死的情况；
我们有没有想过，是否有一种技术，服务器可以主动将数据推送给客户端进行渲染，而不再是客户端向服务器发出请求等待返回结果呢？接下来，让我们一起了解weboskcet
在日常一些需求中，总会遇到一些需要前端进行手动计算的场景，那么这里需要优先考虑的则是数字精度问题！
为了能够将前端模块解耦，通过相关技术调研，最终选择了无界微前端框架作为物流客服系统解耦支持。为了更好的使用无界微前端框架，我们对其运行机制进行了相关了解，以下是对无界运行机制的一些认识。
前端性能已成为网站和应用成功的关键要素之一。让我们一起深入探索 Qwik.js，发现它如何超越传统，成为前端性能优化的新标杆。
本文将从三个方面来讲解如何便捷配置出页面，第一部分从数据、事件、业务支持三个方面进行分析，第二部分从模板与页面收藏与升级、页面UI结构、画布功能三个方面进行分析，第三部分从监控、页面配置、页面数据导入导出以及其他能力四个方面进行分析。
本文首先会先简单介绍几个色彩的基础概念，了解为何需要新标准，之后会介绍新标准中的方法和语法使用。
把Code Review变成一种开发文化而不仅仅是一种制度把Code Review 作为开发流程的必选项后，不代表Code Review这件事就可以执行的很好，因为Code Review 的执行，很大部分程度上依赖于审查者的认真审查，以及被审查者的积极配合，两者缺一不可！如果仅仅只是当作一个流程制度，那么就可能会流于形式。最终结果就是看起来有Code Review，但没有人认真审查，随便看下就通过
Copyright © 2005-2024 51CTO.COM 版权所有 京ICP证060544号
