刷新
node(上)

博主头像 Node.js CommonJS CommonJS 是一种模块化规范,主要用于在服务器端(如 Node.js 环境)实现模块化编程。以下是关于 CommonJS 的详细介绍: 1. 背景 在 JavaScript 的早期,代码通常是全局共享的,没有模块化的概念。随着项目复杂度的增加,代码的可维护性和 ...

Svelte 最新中文文档翻译(5)—— 基础标记

博主头像 前言 Svelte,一个非常“有趣”、用起来“很爽”的前端框架。从 Svelte 诞生之初,就备受开发者的喜爱,根据统计,从 2019 年到 2024 年,连续 6 年一直是开发者最感兴趣的前端框架 No.1: Svelte 以其独特的编译时优化机制著称,具有轻量级、高性能、易上手等特性,非常适合构 ...

Svelte 最新中文文档翻译(3)—— 符文(Runes)上

博主头像 前言 Svelte,一个非常“有趣”、用起来“很爽”的前端框架。从 Svelte 诞生之初,就备受开发者的喜爱,根据统计,从 2019 年到 2024 年,连续 6 年一直是开发者最感兴趣的前端框架 No.1: Svelte 以其独特的编译时优化机制著称,具有轻量级、高性能、易上手等特性,非常适合构 ...

JavaScript —— 类、事件

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

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: " ...

html2canvas使用注意要点

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

前端实现 HTML 网页转 PDF 并导出

博主头像 有个新需求,当点击【下载】按钮时,直接将当前 html页面下载为 PDF。通过 html2canvas + jsPDF 可实现PDF单页下载,甚至是多页下载,记录分享一下~ 最后有样式源码,可自取 ...

js实现拖动调节宽高的iframe

博主头像 需求 我有一个用vue3项目实现的ai聊天功能。使用js文件的形式来引入其它项目,具体的表现显示是一个机器人icon,点开就是iframe。但是定死iframe的宽高,就显得不够灵活。所以我打算做一下类似windows窗体那样的拖拽调整宽高。具体代码也借助了chat AI,如果完全自己实现还是很耗时 ...

记录---JS 的蝴蝶效应 —— 事件流

博主头像 ‍ 写在开头 点赞 + 收藏 学会 前言 在 JavaScript 的世界里,事件流就像一只永不停歇的蝴蝶,每一个动作、每一个点击、每一个滚动,都会触发一连串的蝴蝶效应。作为一名开发者,掌握事件流的艺术,不仅能让你的网页更加生动、更加交互,也能让用户体验到前所未有的舒适。那么,事 ...

123···13>