浅谈 AI 搜索前端打字机效果的实现方案演进
作者:vivo 互联网前端团队 - He Yanjun在当代前端开发领域,打字机效果作为一种极具创造力与吸引力的交互元素,被广泛运用于各类网站和应用程序中,为用户带来独特的视觉体验和信息呈现方式,深受广大用户的喜爱。本文将深入介绍在AI搜索输出响应的过程中,打字机效果是怎样逐步演进的。力求以通俗的语言和严谨的思路深入 ...
JSAPIThree 事件系统学习笔记:处理交互的基础
作为刚接触 mapvthree 的新手,今天我专门学习了事件系统。这里汇总最实用的内容,帮助和我一样的初学者快速掌握交互的核心用法。
绑定与移除事件,只需记住 add/remove
mapvthree 复用了 Three.js 的 addEventListener / removeEventListener,所以任何继承自 Object3D 的对象都能直接绑定事件。引擎内部的调度器会帮我 ...
mapvthree 地理投影设计分析——自动转换与统一接口的设计理念
mapvthree 的地理投影系统是二三维一体化架构的重要组成部分,其设计理念既不同于传统地图引擎的单一投影限制,也不同于需要手动处理投影转换的通用 3D 引擎。本文将从设计理念、支持能力、架构设计等角度,深入分析 mapvthree 投影系统的创新设计。
注: mapvthree 是 JSAPI Three(百度地图 JavaScript API Three)在代 ...
如何使用 vxe-table 实现虚拟滚动Dom的查找替换功能,excel查找与替换功能
如何使用 vxe-table 实现虚拟滚动Dom的查找替换功能,excel查找与替换功能
https://vxetable.cn
通过 keyboard-config.isFNR 启用,支持 formatter 内容查找,需要注意如果不希望被随意替换成任意值时应该重写替换方法
查找规则是按照字段实际值进行匹配,如果需要按照自定义的值进行匹配,可以通过 fnr-config.findMethod ...
JSAPIThree 标签使用学习笔记:在地图上添加文字和图标
作为一个刚开始学习 mapvthree 的小白,今天要学习标签功能了!听说这个功能可以在地图上添加文字和图标,用来显示地点名称、数值信息等!想想就实用!
第一次听说标签功能
今天在文档里看到了"标签"这个词,一开始我还以为是 HTML 的标签,结果查了一下才知道,原来这是在地图上显示文字和图标的功能!
文档说标签可以: ...
mapvthree Engine 设计分析——二三维一体化的架构设计
mapvthree Engine 作为二三维一体化渲染引擎的核心,其设计理念既不同于传统地图引擎,也不同于纯粹的 3D 渲染引擎。本文将从架构设计的角度,深入分析 Engine 如何巧妙地融合两种设计范式,创造出独特的二三维一体化架构。
注: mapvthree 是 JSAPI Three(百度地图 JavaScript API Three)在代码中的命名空间。
一、设 ...
JSAPIThree 地图投影学习笔记:理解坐标系统
作为一个刚开始学习 mapvthree 的小白,今天要学习地图投影了!听说这个系统可以控制地图的坐标系统,不同的投影方式有不同的效果!想想就好奇!
第一次听说地图投影
今天在文档里看到了"投影"这个词,一开始我还以为是投影仪那种投影,结果查了一下才知道,原来这是地图学里的概念!
文档说地图投影是:
将地球表面的地 ...
AG Grid与Bryntum达成战略合作:共同打造更强大的数据密集型应用组件生态
近日,全球知名的高性能数据表格与图表解决方案提供商 AG Grid 宣布与专注于高级排程与项目管理 Web 组件的 Bryntum 达成战略合作伙伴关系,并获得来自 Adelis Equity Partners 的长期投资支持。本次合作将进一步强化双方在现代 Web 应用领域的技术布局,持续为全球开发者提供更高性能、更 ...
vxe-table 如何实现跟 excel 一样的筛选框,支持字符串、数值、日期类型筛选
vxe-table 如何实现跟 excel 一样的筛选框,支持字符串、数值、日期类型筛选
查看官网:https://vxetable.cn
gitbub:https://github.com/x-extends/vxe-table
gitee:https://gitee.com/x-extends/vxe-table
字符串类型
通过设置 filterRender.cellType='string' 或空默认设置为字符串类型筛选框
<template>
<div>
...
ImageViewer.js:一个零依赖的现代化图片预览组件
🎯 引言
在当今的 Web 开发中,图片预览功能几乎是每个网站的标配。然而,大多数现有的图片预览库要么过于臃肿,要么依赖特定的前端框架,要么配置复杂。有没有一种方案,能够只需引入一个 JavaScript 文件,就能为网站添加完整的图片预览功能?
今天我要向大家介绍 ImageViewer.js - 一个真正意义上的零依赖、现代化图片 ...
全新AI增强Demo发布:DHTMLX Gantt与Diagram如何通过LLM更智能地构建项目与组织结构
作为近年来增长最快的技术领域之一,人工智能(AI)正改变企业在 Web 前端、项目管理和可视化领域的应用方式。DHTMLX 团队持续深耕 AI 能力,并积极探索如何将最新的 LLM(大语言模型)能力与其 JavaScript UI 组件进行深度融合。
DHTMLX 近日推出了 3 个全新 Demo,展示了 AI 如何显著提升 Gantt 甘特图与& ...
vxe-table 实现复制粘贴时,当粘贴时行数不够支持自动增加对应的行
vxe-table 实现复制粘贴时,当粘贴时行数不够支持自动增加对应的行,当粘贴数据时,如果粘贴的行数超过表格的行数,可以通过 clip-config.isRowIncrement 自动新增临时行
查看官网:https://vxetable.cn
gitbub:https://github.com/x-extends/vxe-table
gitee:https://gitee.com/x-extends/vxe-table
效果
代码
通过 cli ...
vxe-table 如何实现拖拽行数据排序,并对拖拽后进行提示框二次确认是否允许拖拽
vxe-table 如何实现拖拽行数据排序,并对拖拽后进行提示框二次确认是否允许拖拽,通过 row-drag-config.dragStartMethod 可以自定义处理拖拽开始时的拖动
查看官网:https://vxetable.cn
gitbub:https://github.com/x-extends/vxe-table
gitee:https://gitee.com/x-extends/vxe-table
效果
代码
通过 row-config.drag 和 ...
如何创建你的百Google度!!(实现双搜索引擎页面)
创建双搜索引擎页面
百Google度的网站被封了,但!!!这不影响我们创建属于自己的双搜索引擎页面!
提前准备
找到你想添加的俩个搜索引擎对应的URI 和 它预先定义用于存储搜索关键词的参数名。
打开你想要的搜索引擎的网页,在当前搜索引擎里输入“关键词”,点击搜索,然后观察上面的网址,一般“?”前出现的是对应的【 ...
JavaScript 基础笔记碎片-数据类型、变量与字符串操作
注意:本篇学习笔记摘录于原网站: JavaScript教程 - 廖雪峰的官方网站
笔记仅作学习留档使用
本篇目录
比较运算符
BigInt
变量
strict模式
字符串
多行字符串
模板字符串
操作字符串
比较运算符
JavaScript允许对任意数据类型做比较:
false == 0; // true
false === 0; // false
比较方式对比:
==:自动转换数据类型 ...
V8的垃圾回收器
垃圾回收算法
遍历 GC Root(window,DOM,栈等)标记活动对象和非活动对象
回收非活动对象所占据的内存
内存整理
新生代和老生代
在 V8 中,会把堆分成新生代和老生代两个区域
新生代通常只支持 1~8M 的容量,存放生存时间短的对象,由副垃圾回收器负责。
老生代通常容量很大,存放生存时间长的对象,由主垃圾回收器负责 ...
纯HTML + CSS + JS 实现Popup弹窗
在 Web 开发中,弹窗(Popup)是一种极其常见的交互组件,广泛用于:
表单提交确认
删除操作二次确认
登录/注册入口
信息提示或警告
虽然现在有大量 UI 框架(如 Element UI、Ant Design、Bootstrap)提供现成的弹窗组件,但理解其底层实现原理,不仅能让你在无框架环境下快速构建功能,还能加深对 DOM 操作、事件处理和 ...
前后端全栈技术栈深度剖析:从Vue到Node.js的完整学习路径
做了三年前端,发现自己还停留在"调用API"的层面?想突破瓶颈却找不到方向?本文从实际项目出发,梳理了前端进阶的关键技术节点:框架底层原理、全栈开发能力、工程化思维,以及那些面试官真正关心的技术深度。
📚 介绍
前端全栈技术体系深度解析
本技术资料系统梳理了现代Web前端开发的完整技术栈,适合有一定基础的开发 ...
为什么你的JavaScript代码总是出bug?这5个隐藏陷阱太坑了!
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
你是不是经常遇到这样的情况:明明代码看起来没问题,一运行就各种报错?或者测试时好好的,上线后用户反馈bug不断?更气人的是,有时候改了一个小问题,结果引出了三个新问题……
别担心,这绝对不是你的能力问题。经过多年的观察,我发现大多数JavaScript开发者都会掉进同样 ...
Web前端入门第 90 问:JavaScript 也能无中生有的创建音频
网页播放音乐这个常识应该都知道,毕竟百度 MP3 搜索可是风靡一时!
但使用浏览器无中生有的创建音频,在 HTML5 规范落地之前可是一片空白。
AudioContext 的体量与 Canvas 差不了多少,一个针对图形图像,一个用于音频,两者结合起来就把 flash 给拉下了神坛~~
本文源之于一次技术研究,曾经有一个需求要用 H5 搞一个网页 ...