前端开发 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 的世界里，事件流就像一只永不停歇的蝴蝶，每一个动作、每一个点击、每一个滚动，都会触发一连串的蝴蝶效应。作为一名开发者，掌握事件流的艺术，不仅能让你的网页更加生动、更加交互，也能让用户体验到前所未有的舒适。那么，事 ...

JavaScript 实现支持过期时间的数据缓存功能

博主头像 JavaScript 实现支持过期时间的数据缓存功能 要在 JavaScript 中实现数据缓存功能并支持设置过期时间，可以使用 localStorage、sessionStorage 或内存对象（如 Map 或普通对象）来存储数据，并为每个缓存项设置一个过期时间。以下是一个简单的实现示例： Jav ...

HTML Select Drop Down List Data Source From Web API

博主头像 前端，html还是mvc页面，我们想实现一个下拉选单，写<select>指定id或者name，稍后在js代码能获取到它。 #7~#9行，没有参数条件可传，保留为空。#19 Web API地址。#21为异步方法，看下， #37，是为了不让代码写在一块，Insus.NET已经重构成另一个function ...

<1···91011>