129浏览

0评论

vue elementUi+sortable.js实现嵌套表格拖拽问题

目录vue elementUi+sortable.js嵌套表格拖拽html部分data部分methods部分总结vue elementUi+sortable.js嵌套表格拖拽首先说下项目需求，一个多层嵌套的表格，行可以进行拖拽排...

• 2024-06-10

119浏览

0评论

Vue CLI4.0 webpack配置属性之productionSourceMap用法

目录productionSourceMap用途用法扩展什么是 source map?请看例子总结productionSourceMapType: booleanDefault: true用途设置生产环境的 source map 开启与关闭。用法modu...

• 2024-06-10

112浏览

0评论

React中mobx和redux的区别及说明

目录1. 简介1.1 MobX1.2 Redux2. 区别比较2.1 数据流模型2.2 学习曲线和复杂性2.3 生态系统2.4 性能3. 示例代码3.1 MobX示例3.2 Redux示例4. React Hooks总结React是一种流...

• 2024-06-10

328浏览

0评论

JS 监听用户页面访问&页面关闭并进行数据上报操作

前言最近在做安全方面的项目，有个需求是在用户访问页面和关闭页面的时候，发送对应的数据。刚拿到需求的时候，觉得没啥东西，init 的时候发送一次，页面 unload 的时候发送一次就行...

• 2024-05-26

299浏览

0评论

Vue 3 组件基础与模板语法详解

Vue 3 简介1. Vue 3 的新特性Vue 3引入了许多新的特性，以提高框架的性能和可维护性。下面是一些主要的新特性： Composition API：这是Vue 3中最大的变化之一，它提供了一种更灵活...

• 2024-05-26

187浏览

0评论

使用Vue3在浏览器端进行zip文件压缩

在前端开发中，我们时常需要处理文件上传和下载的功能。有时，用户可能希望将多个文件打包成一个zip文件以便于下载。今天，我将分享一个使用Vue3和JSZip库在浏览器端实现zip文件...

• 2024-04-30

323浏览

0评论

vue3 快速入门系列 —— 状态管理 pinia

Piniavue3 状态管理这里选择 pinia。虽然 vuex4 已支持 Vue 3 的 Composition API，但是 vue3 官网推荐新的应用使用 pinia —— vue3 pinia集中式状态管理redux、m...

• 2024-04-27

213浏览

0评论

JavaScript 如何实现一个响应式系统

第一阶段目标数据变化重新运行依赖数据的过程第一阶段问题如何知道数据发生了变化如何知道哪些过程依赖了哪些数据第一阶段问题的解决方案我们可用参考现有的响应式系统（vue）v...

• 2024-04-25

227浏览

0评论

Web3开发者技术选型：前端视角(next.js)

引言在现代Web开发的世界中，Web3技术的兴起为前端开发者开辟了新的可能性。Web3技术主要指的是建立在区块链基础上的分布式网络，使用户能够通过智能合约和去中心化应用（DApps）直...

• 2024-04-23

181浏览

0评论

vue-manage-system 版本更新，让开发更加简单

vue-manage-system 近期进行了一次版本升级，主要是支持了更多功能、升级依赖版本和优化样式，并且上线了官方文档网站，大部分功能都有文档或者使用示例，更加适合新手上手开发，只需...

• 2024-04-23

203浏览

0评论

vue3 快速入门系列 —— 其他API

他API前面我们已经学习了 vue3 的一些基础知识，本篇将继续讲解一些常用的其他api，以及较完整的分析vue2 和 vue3 的改变。浅层响应式数据shallowRefshallow 中文：“浅层的...

• 2024-04-23

302浏览

0评论

Vue 3 进阶用法：异步组件

一、代码分割一个大型前端应用，如果所有代码都放在单一文件，体积会特别大，下载时间长，白屏时间久，用户体验差。代码分割是一种有效的优化方式。提前把代码切分为多个小块，只下载当...

• 2024-04-19

345浏览

0评论

vue3 快速入门系列 —— 组件通信

vue3 快速入门系列 - 组件通信组件通信在开发中非常重要，通信就是你给我一点东西，我给你一点东西。本篇将分析 vue3 中组件间的通信方式。Tip：下文提到的绝大多数通信方式在 vu...

• 2024-04-17

359浏览

0评论

setTimeout(fn, 0) // it works - JavaScript 事件循环 动画演示

在前端代码中很经常看到使用 setTimeout(fn, 0)，如下面代码所示，乍一看很多余，但是移除了可能会出现一些奇奇怪怪的问题。要解释这个就需要理解 事件循环（Event Loop），下面会通过...

• 2024-04-17

309浏览

0评论

JavaScript 迈入 AI 新纪元

随着人工智能技术的不断进步，JavaScript 也迎来了自己的 AI 时代。JS-Torch 是一个全新的深度学习库，专为 JavaScript 设计，其语法习惯与广受欢迎的 PyTorch 框架高度相似。这...

• 2024-04-11

308浏览

0评论

试官：只知道v-model是:modelValue和@onUpdate语法糖，那你可以走了

前言我们每天都在用v-model，并且大家都知道在vue3中v-model是:modelValue和@update:modelValue的语法糖。那你知道v-model指令是如何变成组件上的modelValue属性和@update:mo...

• 2024-03-26

230浏览

0评论

如何使用 JavaScript 导入和导出 Excel

前言在现代的Web应用开发中，与Excel文件的导入和导出成为了一项常见而重要的任务。无论是数据交换、报告生成还是数据分析，与Excel文件的交互都扮演着至关重要的角色。本文小...

• 2024-03-26

267浏览

0评论

vue3中使用simple-keyboard实现虚拟键盘（带中文切换数字键盘）

效果图官网simple-keyboard官网：https://hodgef.com/simple-keyboard/ 打不开的话请用魔法不足中文语言包支持度不够。不过自己可以找语言包替换依赖安装npm install simple-...

• 2024-03-26

143浏览

0评论

说JS作用域，就不得不说说自执行函数

一个兜兜转转，从“北深”回到三线城市的小码农，热爱生活，热爱技术，在这里和大家分享一个技术人员的点点滴滴。欢迎大家关注我的微信公众号：果冻想前言不得不吐槽，学个JS...

• 2024-03-17

217浏览

0评论

Vue3中的Ref与Reactive：深入理解响应式编程

前言Vue 3是一个功能强大的前端框架，它引入了一些令人兴奋的新特性，其中最引人注目的是ref和reactive。这两个API是Vue 3中响应式编程的核心，本文将深入探讨它们的用法和差异。...

• 2024-03-08

238浏览

0评论

玩转Vue3之Composables

前言Composables 称之为可组合项，熟悉 react 的同学喜欢称之为 hooks ，由于可组合项的存在，Vue3 中的组件之间共享状态比以往任何时候都更容易。这种新范例引入了一种更有组织...

• 2024-03-08

2122浏览

0评论

初识JavaScript逆向——以网易云音乐和招标网站为例

前言：需要掌握一定的JavaScript基础，能看懂基础的JavaScript代码。我们平常在浏览网站的时候会看到许多加密的参数，如果需要知道它的原始数据，就需要知道整个加密过程，所以本篇文...

• 2024-03-01

221浏览

0评论

答应我，在vue中不要滥用watch好吗？

前言上周五晚上8点，开开心心的等着产品验收完毕后就可以顺利上线。结果产品突然找到我说要加需求，并且维护这一块业务的同事已经下班走了，所以只有我来做。虽然内心一万头草泥...

• 2024-02-29

252浏览

0评论

Vue 3 的 setup语法糖到底是什么东西？

前言我们每天写vue3项目的时候都会使用setup语法糖，但是你有没有思考过下面几个问题。setup语法糖经过编译后是什么样子的？为什么在setup顶层定义的变量可以在template中可以...

• 2024-02-26

233浏览

0评论

使用jQuery实现复选框选中状态的实时更新

在Web开发中，常常会遇到需要对复选框选中状态进行实时更新的情况。通过使用jQuery，我们可以很方便地实现实时更新复选框选中状态的功能。下面将介绍如何使用jQuery来完成这个...

• 2024-02-23

237浏览

0评论

简明指南：使用 jQuery 改变表格行属性值的方法

标题：简明指南：使用 jQuery 改变表格行属性值的方法在网页开发过程中，经常会遇到需要动态改变表格行属性值的情况。jQuery作为一个流行的JavaScript库，可以很方便地实现这一功能...

• 2024-02-23

284浏览

0评论

jQuery技巧：掌握在div中添加标签的方法

标题：jQuery技巧：掌握在div中添加标签的方法在网页开发中，经常会遇到需要动态添加标签到页面中的情况。使用jQuery可以方便地操作DOM元素，实现快速的标签添加功能。本文将介绍如...

• 2024-02-23

303浏览

0评论

jQuery中get和post方法的区别解析

jQuery中get和post方法的区别解析在使用jQuery来进行Ajax请求时，我们经常会用到get和post方法来获取或提交数据。虽然它们都是用来发送Ajax请求的方法，但在实际应用中有着一些...

• 2024-02-23

259浏览

0评论

jQuery中如何实现select元素的改变事件绑定

jQuery是一个流行的JavaScript库，可以用来简化DOM操作、事件处理、动画效果等。在web开发中，经常会遇到需要对select元素进行改变事件绑定的情况。本文将介绍如何使用jQuery实...

• 2024-02-23

211浏览

0评论

let、var和const的区别与特点：它们分别代表什么含义？

在JavaScript中，let、var和const是用于声明变量的关键字。它们各自具有不同的区别和特点。 let：
let关键字是ES6引入的，它允许我们声明一个块级作用域的变量。块级作用域是指变...

• 2024-02-23

332浏览

0评论

JavaScript 的新数组分组方法

对数组中的项目进行分组，你可能已经做过很多次了。每次都会手动编写一个分组函数，或者使用 lodash 的 groupBy 函数。好消息是，JavaScript 现在有了分组方法，所以你再也不必这样...

• 2024-02-22

256浏览

0评论

零基础入门Vue之画龙点睛——再探监测数据

追忆上一节：零基础入门Vue之影分身之术——列表渲染&渲染原理浅析虽然我深知，大佬告诉我”先学应用层在了解底层，以应用层去理解底层“，但Vue的数据如何检...

• 2024-02-07

311浏览

0评论

从零搭建Vue3 + Typescript + Pinia + Vite + Tailwind CSS + Element Plus开发脚手架

项目代码以上传至码云，项目地址：https://gitee.com/breezefaith/vue-ts-scaffold 目录 前言 脚手架技术栈简介 vue3 TypeScript Pinia Tailwind CSS Element Plus vite...

• 2024-02-02

330浏览

0评论

uni-app+vue3会遇到哪些问题

已经用 uni-app+vue3+ts 开发了一段时间，记录一下日常遇见的问题和解决办法uni-app 中的单端代码uni-app 是支持多端，如果你想让你的代码，只在部分平台使用，那么就需要用的它的...

• 2024-02-02

208浏览

0评论

VUE3子表格嵌套分页查询互相干扰的问题解决

VUE3在表格中嵌套子表格
子表格的分页查询互相干扰的问题解决简单嵌套如果不需要做子表格的分页查询，那么可以直接在主表格中嵌套子表格，有两种方式；一种是主表格加载的同时加...

• 2024-01-30

505浏览

0评论

NextJs 与 Tailwind 入门开发笔记

前言距离上次更新已经过去好久了，之前我在 StarBlog 博客2023年底更新一览的文章里说要使用 Next.js 来重构博客前端，最近也确实用 next.js 做了两个小项目，一个是单点认证项目...

• 2024-01-28

264浏览

0评论

JS的垃圾回收机制

垃圾回收是计算机编程中的一个术语，用来描述查找和删除那些不再被其他对象引用的对象的处理过程。换句话说，垃圾回收是删除任何其他对象未使用的对象的过程。如果没有垃圾回收...

• 2024-01-28

307浏览

0评论

Gin 框架之jwt 介绍与基本使用

目录 一.JWT 介绍 二.JWT认证与session认证的区别 2.1 基于session认证流程图 2.2 基于jwt认证流程图 三. JWT 的构成 3.1 header : 头部 3.2 payload : 负载 3....

• 2024-01-28

193浏览

0评论

详细介绍 TypeScript 函数的各种特性、用法和最佳实践

TypeScript 是一种在 JavaScript 基础上构建的编程语言，它为 JavaScript 提供了静态类型检查和更强大的面向对象编程能力。函数作为编程语言中的基本构建块，在 TypeScript 中...

• 2024-01-24

162浏览

0评论

根据select的data-*属性更改图片img的src链接JQ实例

直接上实例代码：<img id="brandIcon" src="" /> <script language="JavaScript" type="text/javascript" > function setBeerIcon() { var classimg = $("#beer").fi...

• 2024-01-24

305浏览

0评论

lottie 动画在 vue 中的使用

前言最近我所负责的项目中，我采用了动画效果，并开始使用 gif 来实现。然而，在实践过程中，我发现 gif 格式的动画在 git 中出现了明显的锯齿感，这让我非常困扰。为了追求更完美的...

• 2024-01-24

310浏览

0评论

vue3+ts打开echarts的正确方式

准备工作1. 注册为百度地图开发者官网地址，然后在 应用管理 -> 我的应用 里，创建应用，创建好后复制 AK
2. 在根目录的 index.html 里引入百度地图<head> <meta charset="UTF-8...

• 2024-01-24

228浏览

0评论

React 类组件转换为函数式

函数式的 React 组件更加现代，并支持有用的 hooks，现在流行把旧式的类组件转换为函数式组件。这篇文章总结了转换的一些通用的步骤和陷阱。通用替换定义从class (\w+) extends...

• 2024-01-24

222浏览

0评论

vue 2实战系列 —— 复习Vue

复习Vue近期需要接手 vue 2的项目，许久未写，语法有些陌生。本篇将较全面复习 vue 2。Tip: 项目是基于 ant-design-vue-proant-design-vue-pro由于 cms 是基于这个项目开发的，所...

• 2024-01-24

220浏览

0评论

node node-sass sass-loader版本兼容问题

相关概念sassSass是一种预处理器脚本语言，可以解释或编译成层叠样式表（CSS）。Sass包含两种语法：较旧的语法使用缩进将代码块和换行符分隔为单独的规则；较新的语法SCSS使用像CSS这...

• 2024-01-24

255浏览

0评论

Next.js 开发指南 初始篇 | Next.js CLI

前言欢迎学习 Next.js！在学习具体的知识点之前，我们先来创建一个 Next.js 项目。创建了可运行的项目，才能在学习的时候边调试边理解，从而达到事半功倍的效果。幸运的是，Next.js...

• 2024-01-24

216浏览

0评论

扩展 jQurey.i18n.properties 的能力来向 vue-i18n 靠齐

jQuery.i18n.properties 是 jQuery 老项目的国际化框架，其实国际化方案本质上都大同小异，都是需要用翻译函数包裹词条，然后根据词条文件来进行翻译就是使用上与其他框架不太一...

• 2024-01-24

235浏览

0评论

vue模板的首次渲染，和重新渲染，有哪些区别？

搞明白这个，能帮助我们理解开发中出现的很多问题。一、我们先来回顾一下vue模板的渲染过程：（1）执行render函数，生成虚拟DOM。render函数是根据render、templete、el这三个选项得...

• 2024-01-24

231浏览

0评论

直接在*.vue文件（SFC）中使用JSX/TSX渲染函数，真香!

前言在日常开发中vue的模版语法在大多数情况都能够满足我们的需求，但是在一些复杂的业务场景中使用模版语法就有些麻烦了。这个时候灵活的JSX/TSX渲染函数就能派上用场了，大多...

• 2024-01-24

173浏览

0评论

Diff算法原理

专栏分享：vue2源码专栏，vue3源码专栏，vue router源码专栏，玩具项目专栏，硬核推荐
欢迎各位ITer关注点赞收藏Vue2 Diff算法可以参考此篇文章【Vue2.x源码系列08】Diff算法原理前后...

• 2024-01-24