前端
文章平均质量分 91
京东云技术团队
京东云技术团队官方账号,传递技术最佳实践&技术创新。
展开
-
如何利用烛龙和谷歌插件优化CLS(累积布局偏移) | 京东云技术团队
CLS 衡量的是页面的整个生命周期内发生的每次意外布局偏移的最大突发性_布局偏移分数_。布局变化的发生是因为浏览器倾向于异步加载页面元素。更重要的是,您的页面上可能存在一些初始尺寸未知的媒体元素。这种组合意味着浏览器在加载完成之前无法确定单个元素将占用多少空间。因此,这种不确定性带来的剧烈布局转变就会导致一个高的CLS分数,也就说明用户体验将会很糟糕。原创 2023-12-18 11:35:21 · 407 阅读 · 0 评论 -
使用 Taro 开发鸿蒙原生应用 —— 当 Taro 遇到纯血鸿蒙 | 京东云技术团队
是不是有种突然结束,戛然而止的感觉?哈哈哈,本文是 「Taro 适配鸿蒙 ArkTS」系列文章的第一篇,算是先导预告片,在后续我们会陆续释出其他文章,例如详解 Taro 适配鸿蒙 ArkTS 原理、Taro 开发 ArkTS 应用最佳实践、Taro 性能优化利器-半编译技术介绍等等,向社区介绍 Taro 的最新成果。原创 2023-12-13 11:10:09 · 1288 阅读 · 0 评论 -
localhost工具:本地代码的远程之路 | 京东云技术团队
在日常的开发过程中,本地代码远程调试一直是最理想的开发状态。本文通过介绍京东集团内开发的一个轻量简单的小工具”localhost”,从多角度的方案思考,到原理介绍,到最终的方案落地,在开发阶段发现问题,解决问题。原创 2023-12-07 13:48:29 · 627 阅读 · 0 评论 -
给 Web 前端工程师看的用 Rust 开发 wasm 组件实战 | 京东云技术团队
本文先介绍了 wasm-pack 官方的教程,还有其他组件测试、发布等的流程先不在这里介绍了。以下用一个实际开发中的模块来说一下开发 wasm 组件过程中遇到的问题和解决方法。原创 2023-12-04 11:56:39 · 616 阅读 · 0 评论 -
前端常用设计模式初探 | 京东云技术团队
设计模式一直是程序员谈论的“高端”话题之一,总有一种敬而远之的心态。在了解后才知道在将函数作为一等对象的语言中,有许多需要利用对象多态性的设计模式,比如单例模式、 策略模式等,这些模式的结构与传统面向对象语言的结构大相径庭,实际上已经融入到了语言之中,我们可能经常使用它们,只是不知道它们的名字而已。原创 2023-11-29 11:45:00 · 442 阅读 · 0 评论 -
TS版LangChain实战:基于文档的增强检索(RAG) | 京东云技术团队
围绕以上设计原则,LangChain解决了现在开发人工智能应用的一些切实痛点。另外作为一个胶水层框架,极大地提高了开发效率,它的作用可以类比于jquery在前端开发中的角色,使得开发者可以更专注于创新和优化产品功能。原创 2023-11-28 11:45:45 · 1213 阅读 · 0 评论 -
前端技术探秘-Nodejs的CommonJS规范实现原理 | 京东物流技术团队
Node.js是一个基于ChromeV8引擎的JavaScript运行环境,使用了一个事件驱动、非阻塞式I/O模型,让JavaScript 运行在服务端的开发平台,它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言。Node中增添了很多内置的模块,提供各种各样的功能,同时也提供许多第三方模块。原创 2023-11-24 10:41:25 · 383 阅读 · 0 评论 -
Vue3设计思想及响应式源码剖析 | 京东物流技术团队
快速,节省磁盘空间的包管理器,主要采用符号链接的方式管理模块快速高效利用磁盘空间pnpm 内部使用基于内容寻址不会重复安装同一个包。用 npm/yarn 的时候,如果 100 个项目都依赖 lodash,那么 lodash 很可能就被安装了 100 次,磁盘中就有 100 个地方写入了这部分代码。但在使用 pnpm 只会安装一次,磁盘中只有一个地方写入,后面再次使用都会直接使用hardlink(硬链接)即使一个包的不同版本,pnpm 也会极大程度地复用之前版本的代码。原创 2023-11-23 10:29:34 · 203 阅读 · 0 评论 -
为React Ant-Design Table增加字段设置 | 京东云技术团队
最近做的几个项目经常遇到这样的需求,要在表格上增加一个自定义表格字段设置的功能。就是用户可以自己控制那些列需要展示。,将这些差别都集成了进去,方便今后使用和维护。同时也方便需要这个功能的人来使用。下面介绍下安装和使用。原创 2023-11-16 10:41:53 · 930 阅读 · 2 评论 -
深入跨域 - 从初识到入门 | 京东物流技术团队
跨域这两个字就像一块狗皮膏药一样黏在每一个前端开发者身上,无论你在工作上或者面试中无可避免会遇到这个问题。如果在网上搜索跨域问题,会出现许许多多方案,这些方案有好有坏,但是对于阐述跨域的原理和在什么情况下需要用什么方案,缺少系统性的说明。大家在工作中可能因为大佬们已经配置好了,不会产生跨域,但是作为一个前端的开发人员,面对跨域的问题,还是需要从原理上去理解跨域的原因,在不同的情况中,我们该如何去处理。原创 2023-11-15 11:15:14 · 242 阅读 · 0 评论 -
【万字长文】前端性能优化实践 | 京东云技术团队
从一个假死页面引发的思考: 作为前端开发,除了要攻克页面难点,也要有更深的自我目标,性能优化是自我提升中很重要的一环; 在前端开发中,会偶遇到页面假死的现象, 是因为当js有大量计算时,会造成 UI 阻塞,出现界面卡顿、掉帧等情况,严重时会出现页面卡死的情况;原创 2023-11-14 11:20:57 · 485 阅读 · 0 评论 -
极致性能优化:前端SSR渲染利器Qwik.js | 京东云技术团队
前端性能已成为网站和应用成功的关键要素之一。让我们一起深入探索 Qwik.js,发现它如何超越传统,成为前端性能优化的新标杆。原创 2023-11-06 11:18:15 · 1670 阅读 · 0 评论 -
大模型问答助手前端实现打字机效果 | 京东云技术团队
ChatGPT,作为 OpenAI 的代表性产品之一,不仅为用户提供了强大的自然语言处理能力,而且关注用户的整体交互体验。在使用 ChatGPT 进行交互时,用户可能已经注意到了一个细节:当它产生回复时,回复会像人类逐字输入的方式逐渐出现,而不是一次性显示完整答案。原创 2023-10-30 11:22:01 · 1038 阅读 · 0 评论 -
CSS色域、色彩空间、CSS Color 4新标准 | 京东云技术团队
本文首先会先简单介绍几个色彩的基础概念,了解为何需要新标准,之后会介绍新标准中的方法和语法使用。原创 2023-10-27 11:20:39 · 793 阅读 · 0 评论 -
前端CodeReivew实践 | 京东云技术团队
把Code Review变成一种开发文化而不仅仅是一种制度把Code Review 作为开发流程的必选项后,不代表Code Review这件事就可以执行的很好,因为Code Review 的执行,很大部分程度上依赖于审查者的认真审查,以及被审查者的积极配合,两者缺一不可!如果仅仅只是当作一个流程制度,那么就可能会流于形式。最终结果就是看起来有Code Review,但没有人认真审查,随便看下就通过了,或者发现问题也不愿意修改。原创 2023-10-24 14:48:16 · 295 阅读 · 0 评论 -
【京东开源项目】微前端框架MicroApp 1.0正式发布
MicroApp 1.0已经发布,我们将积极回应开发者的问题和反馈,并持续改进,以帮助更多开发者提高效率和改善开发体验。欢迎大家使用MicroApp并参与共建,也希望在GitHub上给我们点个Star来支持我们~作者:京东零售 马国华来源:京东云开发者社区 转载请注明来源。原创 2023-10-16 14:18:30 · 2032 阅读 · 0 评论 -
基于Effect的组件设计 | 京东云技术团队
从输入输出的角度理解Effect编程中的起源于函数式编程中纯函数的概念是指在相同的输入下,总是产生相同的输出,并且没有任何副作用(side effect)的函数。是指函数执行过程中对函数外部环境进行的可观察的改变,比如修改全局变量、打印输出、写入文件等。前端的典型副作用场景是 浏览器环境中在window上注册变量副作用引入了不确定性,使得程序的行为难以预测和调试。为了处理那些需要进行副作用的操作,函数式编程引入了的抽象概念。它可以表示诸如读取文件、写入数据库、等对外部环境产生可观察改变的操作。原创 2023-10-11 11:21:03 · 685 阅读 · 0 评论 -
代码层面探索前端性能 | 京东云技术团队
文章从代码层面讲解了前端的性能,有深度维度的:JS 基础知识深度剖析框架源码也有广度维度的:CSS 动画、组件算法计算机底层希望能让大家拓宽前端性能的视野,如果对文章感兴趣,欢迎留言讨论~~~作者:京东零售 杨进军来源:京东云开发者社区 转载请注明来源。原创 2023-09-26 11:15:01 · 213 阅读 · 0 评论 -
撮合前端平台在低代码平台的落地实践 | 京东云技术团队
基于传统认知,前端产品直接触达消费者,往往具有高度的定制化、需求变更频繁等特点,要求具有很好的动态性, 能够满足不同客户的需求。那么能否建设类似的前端中台产品,我们姑且称之为“前端领域产品”,实现接入团队端到端能力复用呢?我们在撮合业务线中进行了一系列思考和探索。原创 2023-08-29 11:49:46 · 449 阅读 · 0 评论 -
百亿补贴通用H5导航栏方案 | 京东云技术团队
在移动端页面中,由于屏幕空间有限,导航条扮演着非常重要的角色,提供了快速导航到不同页面或功能的方式。用户也通常会在导航条中寻找他们感兴趣的内容,因此导航条的曝光率较高。在这样的背景下,提供一个动态灵活的导航条,为产品赋能,变得尤其重要。原创 2023-08-28 12:03:31 · 281 阅读 · 0 评论 -
React请求机制优化思路 | 京东云技术团队
说起数据加载的机制,有一个绕不开的话题就是前端性能,很多电商门户的首页其实都会做一些垂直的定制优化,比如让请求在页面最早加载,或者在前一个页面就进行预加载等等。原创 2023-08-18 11:25:51 · 758 阅读 · 0 评论 -
京东门详一码多端探索与实践 | 京东云技术团队
本文主要讲述京东门详业务在支撑过程中遇到的困境,面对问题我们在效率提升、质量保障等方向的探索和实践,在此将实践过程中问题解决的思路和方案与大家一起分享,也希望能给大家带来一些新的启发原创 2023-08-17 14:22:53 · 932 阅读 · 0 评论 -
实践指南-前端性能提升 270% | 京东云技术团队
本文详细介绍了一个前端项目优化的详细过程,从优化前的问题分析,到具体的优化措施,最终实现了前端性能提升了近 3 倍。同时也将性能指标落到监控平台,实现可视化的监控前端性能指标。原创 2023-08-10 11:51:56 · 900 阅读 · 0 评论 -
初探webAssembly | 京东物流技术团队
本文从为什么需要WebAssembly、WebAssembly的工作原理、哪些语言可用来创建WebAssembly模块、WebAssembly可以用在哪里 以及 怎么使用 几方面简要介绍了webAssembly。如果之前没有了解过webAssembly,可以做一些简要的了解。原创 2023-07-27 11:40:41 · 425 阅读 · 0 评论 -
618技术揭秘 - 大促弹窗搭投实践 | 京东云技术团队
618 大促来了,对于业务团队来说,最重要的事情莫过于各种大促营销。如会场、直播带货、频道内营销等等。而弹窗作为一个极其重要的强触达营销工具,通常用来渲染大促氛围、引流主会场、以及通过频道活动来提升频道复访等。因此,如果能将运营的策略及想法快速转化为弹窗的内容并触达给用户,这对于提升运营效率及玩法灵活性的是极其有意义的。原创 2023-07-26 14:14:34 · 1129 阅读 · 0 评论 -
缕析条分Scroll属性 | 京东云技术团队
最近有项目需要使用js原生开发滑动组件,频繁要用到dom元素的各种属性,其中以各种类型的height和top属性居多,名字相近,含义也很容易搞混。因此特地总结归纳了一下常用的知识点,在文末我们来挑战实现一个简易的移动端Scroll组件。原创 2023-07-18 11:30:27 · 421 阅读 · 0 评论 -
一文帮你搞定H5、小程序、Taro长列表曝光埋点 | 京东云技术团队
对于各种类型的埋点来说,曝光埋点往往最为复杂、需要用到的技术也最全面、如果实现方式不合理可能造成的影响也最大,因此本文将重点介绍曝光埋点尤其是长列表(或滚动视图)内元素曝光埋点的实现思路及避坑技巧原创 2023-07-14 11:43:00 · 431 阅读 · 0 评论 -
618技术揭秘:探究竞速榜页面核心前端技术 | 京东云技术团队
本文将探究京东竞速榜H5页面的核心前端技术,包括动画、样式配置化、皮肤切换、海报技术、调试技巧等方面,希望能够为广大前端开发者提供一些有用的参考和思路。原创 2023-06-27 11:10:30 · 1412 阅读 · 0 评论 -
前端文件上传的几种交互造轮子 | 京东云技术团队
前端文件上传本来是一个常规交互操作,没什么特殊性可言,但是最近在做文件上传,需要实现截图粘贴上传,去找了下有没有什么好用的组件,网上提供的方法有,但是没找完整的组件来支持cv上传,经过了解发现可以用剪贴板功能让自己的cv实现文件上传,于是自己就整合了目前几种文件上传的交互方式,码了一个支持cv的vue3文件上传组件(造个轮子)。原创 2023-06-26 15:10:18 · 905 阅读 · 0 评论 -
如何基于G6进行双树流转绘制? | 京东云技术团队
CRM系统随着各业务条线对线索精细化分配的诉求逐渐增加,各个条线的流向规则会越来越复杂,各个条线甚至整个CRM的线索流转规则急需一种树形的可视化的图来表达。原创 2023-06-01 10:59:41 · 987 阅读 · 1 评论 -
最佳实践:基于vite3的monorepo前端工程搭建 | 京东云技术团队
▪根目录创建pnpm-workspace.yaml,mesh-client文件夹下每个应用都是一个package,之间可以相互添加本地依赖:pnpm install。注意:不同框架下,所需要的preset或plugin不同,建议将公共部分提取并配置在根目录中,package中的eslint配置设置extends。▪选择理由:除了组件复用之外,还可以复用一些共同的逻辑状态,比如请求接口loading与结果的逻辑。▪选择理由:前后端统一了数据结构后,即可分离开发,降低前端开发依赖,缩短开发周期。原创 2023-05-29 11:27:25 · 499 阅读 · 0 评论 -
Nodejs 应用编译构建提速建议 | 京东云技术团队
前端构建的提速是一项比较复杂且细节的工程, 目前产品上在持续跟踪构建慢的应用, 努力优化编译速度, 但前端本身拥有一个比较自由的技术环境, 没有统一的构建工具与流程, 另外语言本身的执行效率、单线程的构建也不好让编译机发挥其最大能力, 所以目前全局的通用优化手段还是会比较局限, 还是依赖项目自身的优化. 希望大家一起努力共建美好的明天.原创 2023-05-26 10:37:28 · 666 阅读 · 0 评论 -
前端微服务无界实践 | 京东云技术团队
随着项目的发展,前端SPA应用的规模不断加大、业务代码耦合、编译慢,导致日常的维护难度日益增加。同时前端技术的发展迅猛,导致功能扩展吃力,重构成本高,稳定性低。因此前端微服务应运而生。原创 2023-05-25 11:42:29 · 1187 阅读 · 1 评论 -
Velocity不用愁!Velocity系统的前端工程化之路 | 京东云技术团队
Velocity是一个基于Java的Web页面模版引擎。十多年前,Velocity将Java代码从Web页面中分离出来,使得开发者能够并行网页开发和Java开发。随着十年前后端分离的浪潮涌动,回首再面对这些基于Velocity的旧系统,无论是后端还是前端人员维护,都会存在诸多问题:原创 2023-05-24 10:24:29 · 1047 阅读 · 0 评论 -
Deferred Components-实现Flutter运行时动态下发Dart代码 | 京东云技术团队
Deferred Components,官方实现的Flutter代码动态下发的方案。本文主要介绍官方方案的实现细节,探索在国内环境下使用Deferred Components,并且实现了最小验证demo。读罢本文,你就可以实现Dart文件级别代码的动态下发。原创 2023-05-23 11:19:05 · 1226 阅读 · 0 评论 -
【保姆级教程】如何用Rust编写一个ChatGPT桌面应用 | 京东云技术团队
为什么我们需要一个桌面应用?原因实在太多,我们需要便捷地导出记录,需要在回答长度超长的时候自动加上“继续”,需要收藏一些很酷很实用的prompt...原创 2023-05-15 14:04:36 · 809 阅读 · 0 评论 -
前端开发之函数式编程实践 | 京东云技术团队
函数式编程是一种编程范式,它将程序抽象为函数和数据结构,通过函数调用来实现程序的功能,并且函数可以作为参数传递给其他函数。在 JavaScript 中,函数式编程可以实现面向对象编程的一些功能,比如抽象、封装、继承和多态等。原创 2023-05-15 14:02:36 · 599 阅读 · 0 评论 -
Webpack5构建性能优化:构建耗时从150s到60s再到10s | 京东云技术团队
近期对Webpack5构建性能进行了优化,构建耗时从150s到60s再到10s,下面详细讲解下优化过程。原创 2023-05-11 10:53:53 · 717 阅读 · 0 评论 -
你想要的【微前端】都在这里了! | 京东云技术团队
某次遇到一个从0到1的大型项目,该项目涉及两个端,除了鉴权和部分业务逻辑不同外,页面UI和其余逻辑几乎一致,遇到这种项目,该如何架构?既能保证项目顺利开发完成,又能保证后期的迭代、维护、可扩展?原创 2023-05-04 10:47:10 · 513 阅读 · 1 评论 -
前端自动化测试之葵花宝典
Web 前端自动化测试是一种可以提高测试效率、减少测试成本和提高测试质量的方法,适用于各种类型的 Web 应用程序。本文谈谈前端自动化测试从入门到精通再到专家级的方案与思维!原创 2023-04-11 11:04:00 · 571 阅读 · 0 评论