刷新
JavaScript —— 类、事件

博主头像 类 与C++中的Class类似。但是不存在私有成员(全都是公开的)。 this指向类的实例。 类名一般使用驼峰命名法。 定义: class 类名 { // 定义一个类 constructor() { // 构造函数(如果不写构造函数,会默认有一个无参构造函数) } } 例如: test.js中的内容 ...

VUE最新状态管理工具

Pinia.js是Vue3.x项目中推荐的用于状态管理的工具。它支持完整的 TypeScript,轻量且体积小,同时去除 mutations 和 actions。此外,它还支持同步和异步,没有模块嵌套,提供更好的开发体验。 ...

Web Worker 入门

博主头像 Worker 是一个使用构造函数创建的对象(例如 Worker()),它运行一个具名 JavaScript 文件——该文件包含将在 worker 线程中运行的代码。数据通过消息系统在 worker 和主线程之间发送——双方都使用 postMessage() 方法发送消息,并通过 onmessage ...

JavaScript —— 对象、数组、函数

博主头像 对象 英文名称:Object。 类似于C++中的map,python中的字典,由key:value对构成。 value可以是变量、数组、对象、函数等。 函数定义中的this用来引用该函数的“拥有者”。 例如: test.js中的内容为: let person = { // 定义一个对象person ...

JavaScript —— 练习1

博主头像 以下将textarea作为输入框,run按钮添加了监听事件,pre作为输出框。 test.html中的内容为: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content=" ...

原生JS实现一个日期选择器(DatePicker)组件

博主头像 这是通过原生HTML/CSS/JavaScript完成一个日期选择器(datepicker)组件,一个纯手搓的组件的开发。主要包括datepicker静态结构的编写、日历数据的计划获取、组件的渲染以及组件事件的处理。 根据调用时的时间格式参数,可以控制短日期格式或长日期格式。 实现效果(短日期格式) ...

JavaScript —— 输入与输出

博主头像 输入与输出 输入: 从HTML与用户的交互中输入信息,例如通过input、textarea等标签获取用户的键盘输入,通过click、hover等事件获取用户的鼠标输入。 例如: <body> 输入: <textarea class="input" name="" id="" cols="30" ro ...

JavaScript —— 变量与运算符

博主头像 变量与常量 let:用来定义变量,可以只声明不定义; 例如: <script type="module"> let a; // 只声明不定义 let x = 2, name = "kitty"; // 定义若干个变量 let d = { // 定义一个对象,类似于python中的字典 name: " ...

vxe-table 实现行高拖拽功能

vxe-table 实现行高拖拽功能,需要注意更新到最新版本才支持该功能 官网:https://vxetable.cn 通过 row-config.resizable 和 row-resize 启用行高拖拽功能; 当需要多列允许触发行高拖拽时,通过 row-resize 指定任意列 <templat ...

记录---浏览器多窗口通信有效实践总结

博主头像 ‍ 写在开头 点赞 + 收藏 学会 如何跨越不同窗口通信 在现代 Web 开发中,多个窗口或标签页之间的通信成为了越来越常见的需求,尤其是在应用需要同步数据、共享状态或进行实时更新的场景中。不同窗口间的通信方式有很多种,选择合适的方式可以大大提高开发效率和用户体验。本文将详细介绍 ...

再谈Redux

博主头像 2025年再聊前端状态管理似乎是一件不必要的事,毕竟相关文章已堆积得如山如海。但在这些文章或视频内容中,我并没有找到自己喜欢的方案,准确的说是使用方式。所以这篇文章不做技术分析,主要聊聊个人对状态管理的理解,并分享独特的redux使用的方式。 状态管理 先分享一个有趣的现象。或许是小厂的缘故,经常会 ...

记录---vue3如何封装一个基础甘特图?保姆级教程

博主头像 ‍ 写在开头 点赞 + 收藏 学会 vue3封装一个基础甘特图 只支持简单展示功能 代码通俗易懂 效果图: 主要计算 计算出整体的日期范围 根据每项开始时间和结束时间计算出每一项所占的长度 // 基础甘特图封装 import { ref } from 'vue' import d ...

html2canvas使用注意要点

博主头像 作者:咕魂 日期:2025年1月13日 目录注意事项实现方法 注意事项 不要给svg加style属性,会导致实际布局与图片布局不一致 不要使用overflow:hidden属性,文本超出长度转换为省略号将无法使用 // 替换方案 // js限制字符串长度 formatStr(text) { let ...

基于 Performace 分析事件循环

博主头像 我们是袋鼠云数栈 UED 团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。 本文作者:千寻 什么是事件循环? 我们为什么需要事件循环?对于 JavaScript 是一门单线程语言我们是肯定的,JavaScript 单线程的特性保证了渲染和 Ja ...

<1···345···50>