1. 效果预览 这个例子包括,串口的打开和发送,包括字符串的发送和hex 的发送。最终效果如图。 点线面低代码应用下载 GitHub 下载地址 https://github.com/dotLinePlane-com/dotlineplane/releases 通过百度网盘分享的文件:dotLineP ...
Node.js CommonJS CommonJS 是一种模块化规范,主要用于在服务器端(如 Node.js 环境)实现模块化编程。以下是关于 CommonJS 的详细介绍: 1. 背景 在 JavaScript 的早期,代码通常是全局共享的,没有模块化的概念。随着项目复杂度的增加,代码的可维护性和 ...
前端开发中关于Token的那些事儿:深入浅出JWT签名验签 作为前端也要懂JWT,首先了解两个概念JWK JWT JWK JWK(RSA JSON Web Key)是一种用于表示 RSA 公钥或私钥的 JSON 对象,JWK 是 JSON Web Token (JWT) 和 JSON Web Enc ...
前言 Svelte,一个非常“有趣”、用起来“很爽”的前端框架。从 Svelte 诞生之初,就备受开发者的喜爱,根据统计,从 2019 年到 2024 年,连续 6 年一直是开发者最感兴趣的前端框架 No.1: Svelte 以其独特的编译时优化机制著称,具有轻量级、高性能、易上手等特性,非常适合构 ...
写在开头 点赞 + 收藏 学会 一、前言 今天在开发H5的时候,遇到了一个bug,就是在ios环境,在某些情况下执行window.open不生效,所以正好趁此机会研究了一下window.open。 二、window.open介绍 从open方法的调用方式可以看出,open方法 ...
前言 Svelte,一个非常“有趣”、用起来“很爽”的前端框架。从 Svelte 诞生之初,就备受开发者的喜爱,根据统计,从 2019 年到 2024 年,连续 6 年一直是开发者最感兴趣的前端框架 No.1: Svelte 以其独特的编译时优化机制著称,具有轻量级、高性能、易上手等特性,非常适合构 ...
setTimeout与setInterval、requestAnimationFrame、Map与Set、localStorage、JSON、日期、WebSocket、window、canvas等常用库ε=ε=ε=(~ ̄▽ ̄)~ ...
前言 Svelte,一个非常“有趣”、用起来“很爽”的前端框架。从 Svelte 诞生之初,就备受开发者的喜爱,根据统计,从 2019 年到 2024 年,连续 6 年一直是开发者最感兴趣的前端框架 No.1: Svelte 以其独特的编译时优化机制著称,具有轻量级、高性能、易上手等特性,非常适合构 ...
类 与C++中的Class类似。但是不存在私有成员(全都是公开的)。 this指向类的实例。 类名一般使用驼峰命名法。 定义: class 类名 { // 定义一个类 constructor() { // 构造函数(如果不写构造函数,会默认有一个无参构造函数) } } 例如: test.js中的内容 ...
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: " ...
作者:咕魂 日期:2025年1月13日 目录注意事项实现方法 注意事项 不要给svg加style属性,会导致实际布局与图片布局不一致 不要使用overflow:hidden属性,文本超出长度转换为省略号将无法使用 // 替换方案 // js限制字符串长度 formatStr(text) { let ...
有个新需求,当点击【下载】按钮时,直接将当前 html页面下载为 PDF。通过 html2canvas + jsPDF 可实现PDF单页下载,甚至是多页下载,记录分享一下~ 最后有样式源码,可自取 ...
需求 我有一个用vue3项目实现的ai聊天功能。使用js文件的形式来引入其它项目,具体的表现显示是一个机器人icon,点开就是iframe。但是定死iframe的宽高,就显得不够灵活。所以我打算做一下类似windows窗体那样的拖拽调整宽高。具体代码也借助了chat AI,如果完全自己实现还是很耗时 ...
写在开头 点赞 + 收藏 学会 前言 在 JavaScript 的世界里,事件流就像一只永不停歇的蝴蝶,每一个动作、每一个点击、每一个滚动,都会触发一连串的蝴蝶效应。作为一名开发者,掌握事件流的艺术,不仅能让你的网页更加生动、更加交互,也能让用户体验到前所未有的舒适。那么,事 ...