React 19.1 版本于 2025年 3 月 28日正式发布，本次发布包含 44次分支提交，主要特性包括 Owner Stack、Suspense优化 和 RSC 预渲染。

核心特性与亮点

清晨的微风轻轻拂过，泡上一杯喜欢的饮品，翻开这篇文章，就像开启一场惬意的知识之旅。今天咱们要一起探讨的 HTML 空元素问题，看似简单，实则暗藏不少 “小玄机”，别担心，跟着我慢慢梳理，保证让你轻松掌握，面试时底气十足～

面试题：什么是 HTML 空元素？<img>和<input>在使用上有哪些关键区别？

当面试官抛出这个问题，是不是感觉好像有点熟悉，却又一时说不明白？别着急，咱们把这些元素想象成生活中的不同 “小工具”，理解起来就轻松多啦！

PHP8的Alpha版本，过几天就要发布了，其中包含了不少的新特性，当然我自己认为最重要的还是JIT，这个我从2013年开始参与，中间挫折无数，失败无数后，终于要发布的东东。

不过，今天呢，我不打算谈JIT，等PHP8发布了以后，我再单独写个类似《深入理解PHP8之JIT》系列来说吧。

嘿嘿，今天呢，我想谈谈Attributes，为啥呢， 是昨天我看到很多群在转发一个文章，叫做《理解PHP8中的Attributes》，说实在的，这篇文章应该是直接从英文翻译过来的，写的晦涩难懂，很多同学看完以后表示，看的一头雾水，不知道在说啥。

Vue 中的 v-cloak 和 v-pre 指令是两个特殊的内置指令，它们在特定场景下非常有用:

一、v-cloak 指令

v-cloak 指令用于隐藏尚未编译完成的 Vue 模板，直到 Vue 实例准备就绪为止。它主要解决的是在页面加载过程中出现的“模板闪烁“问题，即用户可能会短暂地看到原始的双大括号标签 ( 如

导读

经过这段日子的学习，大家对小程序的了解多了多少呢？

我们这段时间学了很多组件的用法，以及这些组件的属性和属性的合法值，图片、文字、块，还了解了不少的样式代码和小程序的基本知识。

我们今天来讲一个可滚动的视图区域组件。

可滚动的视图区域组件是什么？

简单来说，就是当窗口面积不大的时候，可以通过滚动看到更多的内容。

现在的网站效果多样而功能复杂，技术栈也多种多样，react\vue\jquery等层出不穷，对于编程爱好者初学者入门极不友好。我这里有一个简单的个人网站模板，包括主页、项目和联系方式、关于我四个部分。你可以根据自己的需求进行调整。

模板效果展示：

目标：前后端联动实现全端记账小程序，让你进阶高级程序员。

后端技术栈：spring boot2.7+MySQL8.0+ redis5.0

前端技术栈：vue3+uniapp+vite+unibest

1，首页

作者：Eno_Yao

转发链接：
https://segmentfault.com/a/1190000022623676

电脑完蛋了，好不容易抢回来的文档

列表页传参Staff.vue：

<template>
    <div class="staff">
        <main class="container">
            <aside class="sidebar">
                <nav>
                    <ul>
                        <li v-for="staff in staffList" :key="staff.id">
                            <!-- <router-link :to="`/staff/info?id=${staff.id}&name=${staff.name}&age=${staff.age}`" active-class="activeLink">{{ staff.name }}</router-link> -->
                            <router-link :to="{
                                path: '/staff/info',
                                query: {
                                    id: staff.id,
                                    name: staff.name,
                                    age: staff.age
                                }
                            }" active-class="activeLink">
                                {{ staff.name }}
                            </router-link>
                        </li>
                    </ul>
                </nav>
            </aside>
            <section class="content">
                <router-view />
            </section>
        </main>
    </div>
</template>
<script lang='ts' setup name='Staff'>
import { reactive } from 'vue';
// 数据准备
const staffList = reactive([
    { id: "1", name: "张三", age: 22 },
    { id: "2", name: "李四", age: 23 },
    { id: "3", name: "王五", age: 24 }
])
</script>
<style scoped>
.staff {
    background-color: darkslategrey;
}

.container {
    display: flex;
    margin-top: 10px;
}

.sidebar {
    width: 50px;
    color: white;
    box-sizing: border-box;
}

.sidebar nav ul {
    list-style-type: square;
    padding: 0;
}

.sidebar nav ul li {
    margin: 15px 0;
    color: gold;
}

.content {
    flex: 1;
    width: 600px;
    box-sizing: border-box;
    overflow-y: auto;
    background-color: #ecf0f1;
}

.activeLink {
    color: white;
}
</style>