Vue3 —— 安装及配置环境
Vue官网：https://vuejs.org/ 配置环境 终端： Linux和Mac上可以用自带的终端。 Windows上推荐用powershell或者cmd。Git Bash有些指令不兼容。 安装Node.js： 安装地址：https://nodejs.org/en/ 安装@vue/cli： 执 ...
记录---当window.open被ios安全机制拦截，我掏出3种方案，终于跳转成功！
写在开头 点赞 + 收藏 学会 一、前言 今天在开发H5的时候，遇到了一个bug，就是在ios环境，在某些情况下执行window.open不生效，所以正好趁此机会研究了一下window.open。 二、window.open介绍 从open方法的调用方式可以看出，open方法 ...
Svelte 最新中文文档翻译（4）—— 符文（Runes）下
前言 Svelte，一个非常“有趣”、用起来“很爽”的前端框架。从 Svelte 诞生之初，就备受开发者的喜爱，根据统计，从 2019 年到 2024 年，连续 6 年一直是开发者最感兴趣的前端框架 No.1： Svelte 以其独特的编译时优化机制著称，具有轻量级、高性能、易上手等特性，非常适合构 ...
Svelte 最新中文文档翻译（3）—— 符文（Runes）上
前言 Svelte，一个非常“有趣”、用起来“很爽”的前端框架。从 Svelte 诞生之初，就备受开发者的喜爱，根据统计，从 2019 年到 2024 年，连续 6 年一直是开发者最感兴趣的前端框架 No.1： Svelte 以其独特的编译时优化机制著称，具有轻量级、高性能、易上手等特性，非常适合构 ...
vxe-table 实现双击自适应行高，行高拖拽调整高度
vxe-table 实现双击自适应行高，行高拖拽调整高度 官网：https://vxetable.cn 通过 row-config.resizable 和 row-resize 启用行高拖拽功能以及 resizable-config.isDblclickAutoHeight 启用双击自适应行高 <t ...
JavaScript的其他常用库
setTimeout与setInterval、requestAnimationFrame、Map与Set、localStorage、JSON、日期、WebSocket、window、canvas等常用库ε=ε=ε=(~￣▽￣)~ ...
JavaScript的常用库 —— jQuery
jQuery 用来更加方便地去控制前端的HTML标签和CSS属性。 使用方式： 1. 直接在<head>元素中添加： <script src="https://cdn.acwing.com/static/jquery/js/jquery-3.3.1.min.js"></script> 2. 按jQu ...
Svelte 最新中文文档翻译（2）—— .svelte、.svelte.js 和 .svelte.ts 文件
前言 Svelte，一个非常“有趣”、用起来“很爽”的前端框架。从 Svelte 诞生之初，就备受开发者的喜爱，根据统计，从 2019 年到 2024 年，连续 6 年一直是开发者最感兴趣的前端框架 No.1： Svelte 以其独特的编译时优化机制著称，具有轻量级、高性能、易上手等特性，非常适合构 ...
全网React开发者下载量最高的 ECharts封装组件
"echarts-for-react"是echarts的React封装，可以方便地在React中调用echarts接口，将echarts的配置参数通过React组件传递配置，代码简洁，功能适用。 ...
使用 vxe-table 将行数据标记为删除状态
vxe-table 如何将行标记为删除状态，不是直接删除 官网：https://vxetable.cn vxe-table 支持直接将数据标记待删除状态，通过调用 setPendingRow 方法标记为待删除状态 <template> <div> <vxe-button status="error" ...
JavaScript —— 类、事件
类 与C++中的Class类似。但是不存在私有成员（全都是公开的）。 this指向类的实例。 类名一般使用驼峰命名法。 定义： class 类名 { // 定义一个类 constructor() { // 构造函数（如果不写构造函数，会默认有一个无参构造函数） } } 例如： test.js中的内容 ...
vxe-table 新版本支持分组列的拖拽调整宽度了
最新新版本 vxe-table 分组列也支持列宽调整宽度了 官网：https://vxetable.cn https://github.com/x-extends/vxe-table 通过参数 column-config.resizable 启用列宽拖拽功能 <template> <div> <vx ...
VUE最新状态管理工具
Pinia.js是Vue3.x项目中推荐的用于状态管理的工具。它支持完整的 TypeScript，轻量且体积小，同时去除 mutations 和 actions。此外，它还支持同步和异步，没有模块嵌套，提供更好的开发体验。 ...
如果通过 vxe-table 实现 Excel，可以和 Excel、WPS 复制粘贴
如果通过 vxe-table 实现 Excel，可以和 Excel、WPS 复制粘贴 官网：https://vxetable.cn <template> <div> <vxe-grid ref="gridRef" v-bind="gridOptions" @cell-area-selection-e ...
Web Worker 入门
Worker 是一个使用构造函数创建的对象（例如 Worker()），它运行一个具名 JavaScript 文件——该文件包含将在 worker 线程中运行的代码。数据通过消息系统在 worker 和主线程之间发送——双方都使用 postMessage() 方法发送消息，并通过 onmessage ...
JavaScript —— 对象、数组、函数
对象 英文名称：Object。 类似于C++中的map，python中的字典，由key:value对构成。 value可以是变量、数组、对象、函数等。 函数定义中的this用来引用该函数的“拥有者”。 例如： test.js中的内容为： let person = { // 定义一个对象person ...
JavaScript —— 判断语句与循环语句
判断语句 JavaScript中的if-else语句与C++、Python、Java中类似。 直接输出到控制台： test.html中的内容为： <script type="module"> let score = 90; if (score >= 85) { console.log("A"); } ...
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 ...
