前言

Vue3.5在2024-09-03正式上线，目前在Vue官网显最新版本已经是Vue3.5，其中主要包含了几个小改动，我留意到日常最常用的改动就是props了，肯定是用Vue3的人必用的，所以针对性说一下props的两个小改动使我们日常使用更加灵活。

一、带响应式Props解构赋值

参考element ui官网的多选属性：
https://element-plus.gitee.io/#/zh-CN/component/checkbox

本文将介绍一些Z-Blog常用功能的修改方法。

Z-BLOG全站静态化方案

使用Z-Blog ASP 2.3版本，可以很方便的实现全站静态化，包括目录和标签tag都静态化输出，这里就给出一个详细的实现方法。

首先服务器必须是Windows Server 2008以上版本，安装IIS 7.5，启用URL重写模块。

之后安装Z-Blog 2.3，下载安装YT.Build插件。

YT.Build系统配置里选择“开启”。

前端世界里摸爬滚打多年的老鸟，我太懂大家的痛了！满心欢喜用上 Vue3，本以为能一路开挂，结果页面卡得像 PPT，用户抱怨声不断，领导眉头越皱越紧，自己改起代码来也是一头雾水。别着急！今天就掏出压箱底的 5 个冷门性能优化技巧，实操性拉满，让你的 Vue3 项目速度直接暴涨 300%！

一、被忽视的性能 “重灾区”

在 Vue3 项目开发中，不少人都会碰到这样的情况：明明代码逻辑看着没问题，页面操作起来却迟钝得要命。像是列表数据量一大，滚动就开始卡顿；频繁的状态更新，导致组件无意义地反复渲染；还有复杂的响应式数据嵌套，让整个应用变得臃肿不堪。这些问题就像隐藏在代码里的 “定时炸弹”，随时影响用户体验，也给项目稳定性埋下隐患。

写 React 项目时，最让人头疼的莫过于组件传值了！父组件、子组件、兄弟组件之间传来传去，数据一会儿失踪，一会儿错乱，简直像在玩 “数据捉迷藏”。调试半天发现，居然是一个小小的 props 传错了！别慌，今天就分享 4 个超实用的妙招，让你的数据传递稳如老狗！先问大家几个问题：兄弟组件间传值总搞不定怎么办？深层嵌套组件传值层层包裹太麻烦怎么破？跟着文章一起找答案，从此和传值混乱说拜拜！

数据 “迷路”，代码 “打架”

1、我们知道__autoload可以实现类的自动载入，如何把一个类splDemo的方法__autoload注册成为一个__autoload(关键词：spl)

#前言

最近在写一个扩展右键菜单的插件，既然是插件，想着一步到位，把相关的style样式设置都丢进js文件中，直接加载一个js文件便可以使用该插件，所以今天就研究了下js批量的插入样式的方法，即addSheet，顺便总结下Javascript中修改样式的4类方法

#正文

1、通过js动态的创建style对象

直接贴代码更为方便，这是addCssRule方法，可以一条一条规则的添加到样式表中

如果使用若依框架项目做为脚手架，那么我们肯定需要在页面显示中，符合自己公司或者项目的标识才行，需要更换的地方很多，我们依次来解决它

state用来存放应用的初始状态数据，是store的核心功能。

创建state

推荐使用箭头函数创建state，方便后续处理。

import { defineStore } from "pinia";

/**
 * User状态模块
 * @param $id users
 * @param options
 */
export const useUsersStore = defineStore('users', {
  state: () => {
    return {
      count: 0,
      hasLogin: false,
      list: []
    }
  }
})

前端的小伙伴们，是不是经常遇到这种糟心事：辛辛苦苦开发的 React 项目，一上线就因为页面加载慢、组件卡顿被产品经理和用户疯狂吐槽？明明代码逻辑都没问题，可性能就是上不去，真的太心累了！别着急，今天就给大家分享 3 个超实用的 React 组件优化秘籍，都是经过实战检验，亲测有效的方法，帮你轻松解决性能难题，让你的代码 “飞” 起来！

一、React.memo：精准狙击不必要的渲染