前端开发 - 网站分类

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，一个非常“有趣”、用起来“很爽”的前端框架。从 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 ...