vue3.x的setup语法糖
什么是setup语法糖
vue3.0时setup的变量需要return暴露出来，template才能获取。到3.2之后只需要在script标签中添加setup，例如<script setup>，组件中不在需要特殊注册，直接引入，属性和方法便不需返回，在<script setup>中自定义的属性、指令可以直接在template使用。
setup参数
使用 setup 函数时，
前端
开源的intellij ide 的claude code 插件和codex 插件
Code IDEA Plugin
环境:IntelliJ 2025.1
IntelliJ IDEA IU-251.26927.53 (Microsoft OpenJDK 17.0.15)
Claude Code集成插件，允许在IntelliJ IDEA中
浏览器引入Ant Design of Vue
一、先将vue.min.js，antd.min.js、moment.js、antd.min.css等文件下载到本地；
二、在vue代码里面引入antd组件；
三、在具体的html页面应用；
代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>
vue-gird-layout组件封装,cv就可以使用
先来效果图展示
展示.png
拖拽尺寸.png
拖拽后.png
移动.png
组件封装大家这块直接复制使用就OK
<template>
<grid-layout
:layout="layout"
:col-num="colNum"
:row-hei
解决element的Table表格组件的高度自适应问题
解决element的Table表格组件的高度问题( height只能是数字或者字符串 ),实现height: calc(100vh - 200px) 的效果
方式一：
注：也可直接将el-table的height属性绑定为字符串：calc(100vh - 200px) 实现为同样的效果， 200 是顶部和底部导航以及部分自定义布局 ；例：（这里使用了rem，一样的道理）
方式二：通过
基于开源做的图片压缩工具
软件介绍这是一款开源在GitHub上的项目，项目名字是：mageMinify该软件是一款用Python开发的跨平台图片压缩工具，专注于提供简单易用的界面和高效的压缩效果。它支持多种图片格式，可以单独处理文件或批量处理整个目录，并提供格式转换、文件重命名和详细统计等功能，采用优化的压缩算法，特别是对P
第三十二节:Vue路由: Vue-router基本配置与使用
Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌.
1. Vue路由的安装和配置
1.1 安装vue路由
npm install vue-router --save-dev
2.2 配置vue路由
// 1\. 导入路由并使用
import Vue from 'vue' // 导入vuerouter
import
JavaScript 面试系列：如何理解 ES6 中 Generator ？常用使用场景有哪些？
image.png
一、介绍
Generator 函数是 ES6 提供的一种异步编程解决方案，语法行为与传统函数完全不同
回顾下上文提到的解决异步的手段：
回调函数
promise
那么，上文我们提到 promsie 已经是一种比较流行的解决异步方案，那么为什么还出现 Generator？甚至 async/await 呢？
该问题我们留在后面再进行分析，下面先认识下 Generat
Astro Islands
Astro Islands代表了前端Web架构的领先范式转变。Astro 将您的 UI 提取到页面上较小的独立组件中。未使用的JavaScript被轻量级HTML取代，保证更快的加载和交互时间（TTI）。
术语“Astro Island”是指HTML的静态页面上的交互式UI组件。一个页面上可以存在多个孤岛，并且一个孤岛始终单独呈现。将它们视为静态、非交互式 HTML 海洋中的岛屿。
im
react hooks深拷贝后无法保留视图状态
在使用useState做数据操作更新的时候，有一些复杂数据类型，一个对象数组里包含，函数，dom等等复杂数据类型，想要进行数据更新，并且视图更新的情况下，因useState的特性就必须进行深拷贝赋值。
方式
1、JSON.stringify配合JSON.parse 这个有限制，我们的数据类型包含，函数。它会丢失
2、Lodash 里的深拷贝方法
3、递归实现
我这里通过递归直接写的方法，发现拷贝
