跨端轻量JavaScript引擎的实现与探索

3 月 12 日
阅读 15 分钟
105
JavaScript是ECMAScript的实现,由ECMA 39(欧洲计算机制造商协会39号技术委员会)负责制定ECMAScript标准。

彻底改变你的代码:JavaScript linter—Oxlint

1 月 11 日
阅读 3 分钟
430
作为开发人员,总是在寻找能够简化工作流程并提高工作效率的工具。Oxlint 是一个用 Rust 编写的 JavaScript linter,现在提供了可以替代ESLint的新方案,其性能比ESLint提升了 50-100 倍。

JavaScript 常见错误与异常处理

1 月 9 日
阅读 3 分钟
488
了解常见的JavaScript错误可以帮助你更好地调试和故障排除代码。当你遇到错误时,能够快速识别错误类型并找到解决方法,可以节省大量的时间和精力。

ZCube:在我的优惠券中的落地实践 | 京东云技术团队

1 月 2 日
阅读 13 分钟
863
我的优惠券作为营销玩法的一种运营工具,在营销活跃场中起到很至关重要的作用。如何更加高效的赋能业务,助理业务发展,灵活扩展业务,是我们一直追求和思考的方向

用JS实现简单的屏幕录像机 | 京东云技术团队

2023-12-21
阅读 2 分钟
437
本文将介绍如何用JS实现简单的屏幕录像机。一、录制准备创建一个按钮 {代码...} 书写JavaScript {代码...} 看起来内容很多,但实际上,只是向按钮添加一个事件侦听器来开始和停止记录并相应地更改文本。二、开始录制在写功能函数之前,声明 3 个全局变量(在函数之外)。 {代码...} 现在,开始屏幕录制 {代码...} 在用户...
封面图

解析$nextTick魔力,为啥大家都爱它?

2023-12-20
阅读 5 分钟
519
由于vue的试图渲染是异步的,生命周期的created()钩子函数进行的DOM操作一定要放在Vue.nextTick()的回调函数中,原因是在created()钩子函数执行的时候DOM其实并未进行渲染,而此时进行DOM操作是徒劳的,所以一定要将DOM操作的js代码放到Vue.nextTick()的回调函数中。除了在created()钩子函数中使用之外咱们还会遇到很多...
封面图

【最佳实践】京东小程序-LBS业务场景的性能提升 | 京东云技术团队

2023-12-20
阅读 12 分钟
903
京东LBS门详目前已经支持了仓网、药急送、天选、小时达POP多种业务,并且具备了多端的能力,一套代码可以在京东app、健康app、微信小程序中运行,一定程度上研发效率的提升能够更加快速的支持业务迭代。
封面图

一行代码修复100vh bug | 京东云技术团队

2023-12-19
阅读 3 分钟
618
1vh是视口高度的1% ,正是我们所需要的。但当我们在移动设备上测试时,就会出现问题。移动浏览器的视口可以动态改变,但值保持不变。因此在移动浏览器中vh变成静态值并且不反映视口的实际高度。
封面图

如何利用烛龙和谷歌插件优化CLS(累积布局偏移) | 京东云技术团队

2023-12-18
阅读 3 分钟
368
CLS 衡量的是页面的整个生命周期内发生的每次意外布局偏移的最大突发性_布局偏移分数_。布局变化的发生是因为浏览器倾向于异步加载页面元素。更重要的是,您的页面上可能存在一些初始尺寸未知的媒体元素。这种组合意味着浏览器在加载完成之前无法确定单个元素将占用多少空间。因此,这种不确定性带来的剧烈布局转变就会...
封面图

给 Web 前端工程师看的用 Rust 开发 wasm 组件实战 | 京东云技术团队

2023-12-04
阅读 6 分钟
563
wasm 全称 WebAssembly,是通过虚拟机的方式,可以在服务端、客户端如浏览器等环境执行的二进制程序。他有速度快、效率高、可移植的特点。
封面图

前端技术探秘-Nodejs的CommonJS规范实现原理 | 京东物流技术团队

2023-11-24
阅读 8 分钟
411
Node.js是一个基于ChromeV8引擎的JavaScript运行环境,使用了一个事件驱动、非阻塞式I/O模型,让JavaScript 运行在服务端的开发平台,它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言。Node中增添了很多内置的模块,提供各种各样的功能,同时也提供许多第三方模块。
封面图

Promise规范与原理解析 | 京东物流技术团队

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

Vue3设计思想及响应式源码剖析 | 京东物流技术团队

2023-11-23
阅读 14 分钟
430
一、Vue3结构分析1、Vue2与Vue3的对比对TypeScript支持不友好(所有属性都放在了this对象上,难以推倒组件的数据类型)大量的API挂载在Vue对象的原型上,难以实现TreeShaking。架构层面对跨平台dom渲染开发支持不友好,vue3允许自定义渲染器,扩展能力强。CompositionAPI。受ReactHook启发对虚拟DOM进行了重写、对模板的...
封面图

飞码LowCode前端技术系列:如何便捷快速验证实现投产及飞码探索 | 京东云技术团队

2023-11-15
阅读 2 分钟
417
本篇文章从数据中心,事件中心如何协议工作、不依赖环境对vue2.x、vue3.x都可以支持、投产页面问题定位三个方面进行分析。一、数据中心,事件中心设计飞码是数据驱动+事件驱动的产品,考虑到飞码运行环境,飞码自己封装了store。数据中心:在同一个页面中可能存在多个飞码标签,飞码通过实例化实现store。在接入飞码的时...
封面图

深入跨域 - 从初识到入门 | 京东物流技术团队

2023-11-15
阅读 6 分钟
408
跨域这两个字就像一块狗皮膏药一样黏在每一个前端开发者身上,无论你在工作上或者面试中无可避免会遇到这个问题。如果在网上搜索跨域问题,会出现许许多多方案,这些方案有好有坏,但是对于阐述跨域的原理和在什么情况下需要用什么方案,缺少系统性的说明。大家在工作中可能因为大佬们已经配置好了,不会产生跨域,但是...
封面图

【万字长文】前端性能优化实践 | 京东云技术团队

2023-11-14
阅读 15 分钟
657
从一个假死页面引发的思考: 作为前端开发,除了要攻克页面难点,也要有更深的自我目标,性能优化是自我提升中很重要的一环; 在前端开发中,会偶遇到页面假死的现象, 是因为当js有大量计算时,会造成 UI 阻塞,出现界面卡顿、掉帧等情况,严重时会出现页面卡死的情况;
封面图

前端计算数字精度丢失问题解决方法记录 | 京东云技术团队

2023-11-08
阅读 2 分钟
431
在日常一些需求中,总会遇到一些需要前端进行手动计算的场景,那么这里需要优先考虑的则是数字精度问题!具体请看下面截图如图所示,在JavaScript进行浮点型数据计算当中,会出现计算结果“不正确”的现象。我们知道浮点型数据类型主要有:单精度float、双精度double。浮点型简单来说就是表示带有小数的数据,而恰恰小数点...
封面图

微前端无界机制浅析 | 京东物流技术团队

2023-11-06
阅读 23 分钟
369
随着项目的发展,前端SPA应用的规模不断加大、业务代码耦合、编译慢,导致日常的维护难度日益增加。同时前端技术的发展迅猛,导致功能扩展吃力,重构成本高,稳定性低。
封面图

前端CodeReivew实践 | 京东云技术团队

2023-10-24
阅读 4 分钟
358
把Code Review 作为开发流程的必选项后,不代表Code Review这件事就可以执行的很好,因为Code Review 的执行,很大部分程度上依赖于审查者的认真审查,以及被审查者的积极配合,两者缺一不可!
封面图

飞码LowCode前端技术系列(一):数据结构设计 | 京东云技术团队

2023-10-23
阅读 3 分钟
240
飞码是京东科技研发的低代码产品,可使营销运营域下web页面快速搭建。飞码是单web页面搭建工具,从创建页面到监测再到投产的一站式解决方案。会通过七篇文章介绍飞码,分别是:(1)背景与数据结构设计,(2)如何便捷配置出页面-1,(3)如何便捷配置出页面-2,(4)如何便捷配置出页面-3,(5)如何便捷配置出页面-4,...
封面图

【京东开源项目】微前端框架MicroApp 1.0正式发布

2023-10-16
阅读 4 分钟
1k
MicroApp是由京东前端团队推出的一款微前端框架,它从组件化的思维,基于类WebComponent进行微前端的渲染,旨在降低上手难度、提升工作效率。MicroApp无关技术栈,也不和业务绑定,可以用于任何前端框架。
封面图

我在前端写Java SpringBoot项目 | 京东云技术团队

2023-10-10
阅读 11 分钟
588
玩归玩,闹归闹,别拿 C端 开玩笑! 这里不推荐大家把Node服务作为C端服务,毕竟它是单线程多任务 机制。 这一特性是 Javascript 语言设计之初,就决定了它的使命 - Java >>>【Script】,这里就不多解释了,大家去看看 JavaScript 的历史就知道啦~这也就决定了,它不能像后端语言那样 多线程多任务,用户访问...
封面图

代码层面探索前端性能 | 京东云技术团队

2023-09-26
阅读 12 分钟
818
前言最近在做性能优化,具体优化手段,网上铺天盖地,这里就不重复了。性能优化可分为以下几个维度:代码层面、构建层面、网络层面。 本文主要是从代码层面探索前端性能,主要分为以下 4 个小节。使用 CSS 替代 JS深度剖析 JS前端算法计算机底层使用 CSS 替代 JS这里主要从动画和 CSS 组件两个方面介绍。CSS 动画CSS2 出...

React请求机制优化思路 | 京东云技术团队

2023-08-18
阅读 2 分钟
917
说起数据加载的机制,有一个绕不开的话题就是前端性能,很多电商门户的首页其实都会做一些垂直的定制优化,比如让请求在页面最早加载,或者在前一个页面就进行预加载等等。随着react18的发布,请求机制这一块也是被不断谈起,并且在后续其实也给出了明确的方向。
封面图

实践指南-前端性能提升 270% | 京东云技术团队

2023-08-10
阅读 5 分钟
707
本文就是从这样的一个背景出发,着手优化网站的前端性能,并总结出一套开发习惯,让我们在日常开发时,也保持高性能,而不是又一次回过头来优化性能。
封面图

你不知道的ES2023 | 京东云技术团队

2023-07-31
阅读 4 分钟
402
6 月 27 日 ECMA 大会批准了 ECMAScript 2023 (es14)规范,意味着新的一些语法将正式成为标准。下面来看看 ECMAScript 2023 有哪些值得我们关注的新特性。
封面图

初探webAssembly | 京东物流技术团队

2023-07-27
阅读 5 分钟
352
W3C WebAssembly Community Group开发的一项网络标准,对于浏览器而言,WebAssembly 提供了一条途径,让各种语言编写的代码以接近原生的速度在 Web 中运行。在这种情况下,以前无法以此方式运行的客户端软件等都将可以运行在 Web 中。
封面图

antv-x6使用及总结 | 京东物流技术团队

2023-07-25
阅读 4 分钟
694
AntV是一个数据可视化([链接] )的工具([链接] ),可以方便的创建图表或者其他图形,让我们的页面开发比较轻松的让数据可视化。进入网站后,我们可以看到七个模块:
封面图

抽象语法树AST必知必会 | 京东物流技术团队

2023-07-21
阅读 8 分钟
768
打开前端项目中的 package.json,会发现众多工具已经占据了我们开发日常的各个角落,例如 JavaScript 转译、CSS 预处理、代码压缩、ESLint、Prettier 等。这些工具模块大都不会交付到生产环境中,但它们的存在于我们的开发而言是不可或缺的。
封面图

缕析条分Scroll属性 | 京东云技术团队

2023-07-18
阅读 5 分钟
350
最近有项目需要使用js原生开发滑动组件,频繁要用到dom元素的各种属性,其中以各种类型的height和top属性居多,名字相近,含义也很容易搞混。因此特地总结归纳了一下常用的知识点,在文末我们来挑战实现一个简易的移动端Scroll组件。
封面图