排序
JS如何实现远程控制:一步步教你掌握技术
远程控制是指通过网络等远距离通讯手段控制另一设备的操作行为。在现实生活中,随着物联网技术的不断发展,远程控制技术越来越重要,如智能家居、智能车载、智能医疗等应用场景都需要用到远程控...
从输入 URL 到页面显示,这中间发生了什么?
我正在参加「掘金·启航计划」 前言 说说从输入 URL 到页面显示的过程,这是一个在面试中经常会被问到的问题,此问题能比较全面地考察应聘者知识的掌握程度。其中涉及到了网络、操作系统、Web ...
实战,一个高扩展、可视化低代码前端,详实、完整
RxEditor是一款开源企业级可视化低代码前端,目标是可以编辑所有 HTML 基础的组件。比如支持 React、VUE、小程序等,目前仅实现了 React 版。 RxEditor运行快照: 项目地址:github.com/rxdrag/...
从一个网页的加载周期谈性能优化之-网络
持续更新!!!各位小伙伴大家好,我们今天跟大家介绍一下性能分析,说到性能优化经常在面试中被面试官问到,很多小伙伴们回答是压缩文件、动静分离、雪碧图、懒加载、数据缓存、按需加载……,...
EMP v2.7 全面解决 EMPShare共享的热更问题
在开发 Module Federation 的项目 很多人都遇到的问题就是远程组件实现热更新、遇到的状态无法热更的问题,特别是React的共享组件,这个问题已经持续了将近2~3年(从Module Federation诞生日起...
原生 popover 终于来了!|掘金一周 6.07
本文字数 3208+ ,阅读时间大约需要 8 分钟。 【掘金一周】本期亮点: 原生 popover 终于来了! 解锁 PDF 文件:使用 JavaScript 和 Canvas 渲染 PDF 内容 Midjourney 中文使用指南 ? Jetpack C...
three.js——镜头跟踪
本篇文章主要缝合了官网的几个案例,并无高深或复杂的逻辑和代码; 镜头跟踪在游戏或者展馆等场景下非常常见,可以是第一人称,也可以是第三人称,本次带来的是第三人称的镜头跟踪方法 模型与动...
实现CSS3文字渐变光影流动动画效果
文字渐变:使用CSS3的渐变属性来实现文字颜色的渐变效果。可以使用线性渐变或径向渐变两种方式。 光影效果:通过组合使用CSS3的阴影、边框、内阴影等属性来实现文字光影效果。 流动动画:使用CS...
前端可视化大屏自适应工具,开箱即用
github 地址:github.com/astak16/ada… npm 地址:www.npmjs.com/package/ada… 大屏适配解决方案 做可视化大屏时,在适配屏幕上,有四种常用的解决方案: 根据屏幕尺寸随意缩放 适用场景:留...
?JavaScript 中有趣的 9 个常用编码套路
嗨,大家好!这里是道长王jj~ ??♂️ 我今天仔细研究了一下掘金上的热门文章数据和内容。我发现你们真是热衷于学习,喜欢那些能够节省时间的代码小窍门,喜欢罗列技巧的1、2、3、4的这类简洁...
如何做一个自适应网页?
背景 现在手机、电脑、ipad成为了每个家庭必备内容,但是通常设计给到我们的都是一个固定大小的UI,如果用户是一个屏幕小或者大的设备,一般就会出现滚动条或者大片空白内容,为了更好的利用一...
构造函数以及继承
构造函数的继承 让一个构造函数继承另一个构造函数,是非常常见的需求。 这可以分成两步实现。第一步是在子类的构造函数中,调用父类的构造函数。 function Sub(value) { Super.call(this); thi...
prototype 对象的详细介绍
原型对象概述 构造函数的缺点 JavaScript 通过构造函数生成新对象,因此构造函数可以视为对象的模板。实例对象的属性和方法,可以定义在构造函数内部。 function Cat (name, color) { this.name...
三、整合 element-plus + tailwindcss
前言 由于我不擅长写前端的样式,经过多方考虑选择了使用人群较多的 element-plus 组件库,tailwindcss 是一个 css 框架,集成了很多封装好的 css 样式,我们只需要在标签上定义约定好的类名,...
前端滚动分页
背景 笔者最近的工作是实现移动端页面,期间开发了不少带有滚动分页的页面。滚动分页,即页面滚动到底部时才能加载更多数据,以免一次加载太多数据造成性能问题。 笔者项目有多处页面需要做滚动...
使用 Playwright 搭建前端自动化测试工程 (上)
端到端测试(End to end)是现代应用中的一种常见的测试方式,它模仿用户在客户端的 UI 界面执行操作。与单元测试(Unit Test)不同,前者主要通过测试函数的输入、输出、抛出错误等数据,确保其能...
变“鼠”为“鸭”——为SVG Path制作FIFO路径变换动画,效果丝滑
一个月前我曾撰文《使用batik在kotlin中将TTF字体转换为SVG图像》,介绍了如何将汉字转为SVG Path路径进行展示和变换,以此为基础不妨畅想一下,用动画将一个汉字变为另一个汉字,听上去是不是...
JavaScript中斜杠的神秘世界
在 JavaScript 编程中,处理斜杠是一项非常重要的任务。斜杠可以在代码中拥有多种含义,例如用于表示正则表达式、URL 路径、转义字符和分隔符等。因此,了解如何正确处理斜杠是编写高质量 JavaS...
this 的基本介绍
涵义 this关键字是一个非常重要的语法点。毫不夸张地说,不理解它的含义,大部分开发任务都无法完成。 前一章已经提到,this可以用在构造函数之中,表示实例对象。除此之外,this还可以用在别的...
【纯前端】如何实现excel的导入导出?
我正在参加「掘金·启航计划」 背景 提到excel的导入导出,相信不少童鞋第一反应就是导入利用上传组件获取到文件然后处理成相应的格式再调一下后端接口,导出就更简单了,调一下后端大...