前端开发 - 第19页 - 网站分类

Vite构建项目记录

背景微信推送了一些公众号文章，所 vite 已经跟新到 v6 版本了，于是构建一个 vite 项目看下啥变化过程直接打开 https://vite.dev/ 官网，切换问中文语言，找到此处 https://cn.vite.dev/guide/#scaffolding-your-first-vi ...

WebStorm2024如何安装？附安装包和激活方式

前言大家好，我是小徐啊。WebStorm是我们常用的开发web应用的开发工具，其功能十分强大。今天，小徐就来介绍下如何安装和激活webstorm。文末附获取方式。如何安装和激活WebStorm 首先，我们打开安装包，双击下，点击运行按钮。然后，我们点击下一步按钮。然后，我们选择要安装的目录， ...

Vue3.5常用特性整理

Vue3.5 发布已近半年，抽空整理下常用的新增/改动特性响应式 Props 解构 Vue3.5 中 Props 正式支持解构了，并添加了响应式跟踪设置默认值使用 JavaScript 原生的默认值语法声明 props 默认值以前 const props = withDefaults( de ...

Vue3 —— 安装及配置环境

Vue官网：https://vuejs.org/ 配置环境终端： Linux和Mac上可以用自带的终端。 Windows上推荐用powershell或者cmd。Git Bash有些指令不兼容。安装Node.js：需要在node运行环境下调试，安装LTS版（长期支持、稳定版）。安装地址：htt ...

记录---当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"); } ...