前言 Svelte,一个非常“有趣”、用起来“很爽”的前端框架。从 Svelte 诞生之初,就备受开发者的喜爱,根据统计,从 2019 年到 2024 年,连续 6 年一直是开发者最感兴趣的前端框架 No.1: Svelte 以其独特的编译时优化机制著称,具有轻量级、高性能、易上手等特性,非常适合构 ...
"echarts-for-react"是echarts的React封装,可以方便地在React中调用echarts接口,将echarts的配置参数通过React组件传递配置,代码简洁,功能适用。 ...
vxe-table 如何将行标记为删除状态,不是直接删除 官网:https://vxetable.cn vxe-table 支持直接将数据标记待删除状态,通过调用 setPendingRow 方法标记为待删除状态 <template> <div> <vxe-button status="error" ...
类 与C++中的Class类似。但是不存在私有成员(全都是公开的)。 this指向类的实例。 类名一般使用驼峰命名法。 定义: class 类名 { // 定义一个类 constructor() { // 构造函数(如果不写构造函数,会默认有一个无参构造函数) } } 例如: test.js中的内容 ...
最新新版本 vxe-table 分组列也支持列宽调整宽度了 官网:https://vxetable.cn https://github.com/x-extends/vxe-table 通过参数 column-config.resizable 启用列宽拖拽功能 <template> <div> <vx ...
Pinia.js是Vue3.x项目中推荐的用于状态管理的工具。它支持完整的 TypeScript,轻量且体积小,同时去除 mutations 和 actions。此外,它还支持同步和异步,没有模块嵌套,提供更好的开发体验。 ...
如果通过 vxe-table 实现 Excel,可以和 Excel、WPS 复制粘贴 官网:https://vxetable.cn <template> <div> <vxe-grid ref="gridRef" v-bind="gridOptions" @cell-area-selection-e ...
Worker 是一个使用构造函数创建的对象(例如 Worker()),它运行一个具名 JavaScript 文件——该文件包含将在 worker 线程中运行的代码。数据通过消息系统在 worker 和主线程之间发送——双方都使用 postMessage() 方法发送消息,并通过 onmessage ...
对象 英文名称:Object。 类似于C++中的map,python中的字典,由key:value对构成。 value可以是变量、数组、对象、函数等。 函数定义中的this用来引用该函数的“拥有者”。 例如: test.js中的内容为: let person = { // 定义一个对象person ...
判断语句 JavaScript中的if-else语句与C++、Python、Java中类似。 直接输出到控制台: test.html中的内容为: <script type="module"> let score = 90; if (score >= 85) { console.log("A"); } ...
以下将textarea作为输入框,run按钮添加了监听事件,pre作为输出框。 test.html中的内容为: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content=" ...
这是通过原生HTML/CSS/JavaScript完成一个日期选择器(datepicker)组件,一个纯手搓的组件的开发。主要包括datepicker静态结构的编写、日历数据的计划获取、组件的渲染以及组件事件的处理。 根据调用时的时间格式参数,可以控制短日期格式或长日期格式。 实现效果(短日期格式) ...
输入与输出 输入: 从HTML与用户的交互中输入信息,例如通过input、textarea等标签获取用户的键盘输入,通过click、hover等事件获取用户的鼠标输入。 例如: <body> 输入: <textarea class="input" name="" id="" cols="30" ro ...
变量与常量 let:用来定义变量,可以只声明不定义; 例如: <script type="module"> let a; // 只声明不定义 let x = 2, name = "kitty"; // 定义若干个变量 let d = { // 定义一个对象,类似于python中的字典 name: " ...
vxe-table 实现行高拖拽功能,需要注意更新到最新版本才支持该功能 官网:https://vxetable.cn 通过 row-config.resizable 和 row-resize 启用行高拖拽功能; 当需要多列允许触发行高拖拽时,通过 row-resize 指定任意列 <templat ...
写在开头 点赞 + 收藏 学会 如何跨越不同窗口通信 在现代 Web 开发中,多个窗口或标签页之间的通信成为了越来越常见的需求,尤其是在应用需要同步数据、共享状态或进行实时更新的场景中。不同窗口间的通信方式有很多种,选择合适的方式可以大大提高开发效率和用户体验。本文将详细介绍 ...
2025年再聊前端状态管理似乎是一件不必要的事,毕竟相关文章已堆积得如山如海。但在这些文章或视频内容中,我并没有找到自己喜欢的方案,准确的说是使用方式。所以这篇文章不做技术分析,主要聊聊个人对状态管理的理解,并分享独特的redux使用的方式。 状态管理 先分享一个有趣的现象。或许是小厂的缘故,经常会 ...
写在开头 点赞 + 收藏 学会 vue3封装一个基础甘特图 只支持简单展示功能 代码通俗易懂 效果图: 主要计算 计算出整体的日期范围 根据每项开始时间和结束时间计算出每一项所占的长度 // 基础甘特图封装 import { ref } from 'vue' import d ...
作者:咕魂 日期:2025年1月13日 目录注意事项实现方法 注意事项 不要给svg加style属性,会导致实际布局与图片布局不一致 不要使用overflow:hidden属性,文本超出长度转换为省略号将无法使用 // 替换方案 // js限制字符串长度 formatStr(text) { let ...
我们是袋鼠云数栈 UED 团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。 本文作者:千寻 什么是事件循环? 我们为什么需要事件循环?对于 JavaScript 是一门单线程语言我们是肯定的,JavaScript 单线程的特性保证了渲染和 Ja ...