前端
vue组件的五种传值方法(父子\兄弟\跨组件)
一、props/$emit父子组件传值：
父传子 (自定义属性 props)
父组件向子组件传参，通过自定义属性的方式进行传参，在子组件中使用prop定义自定义的属性，然后在父组件中通过v-bind指令把需要传递的数据绑定在子组件上，那在子组件中props里面的自定义属性可以直接使用。
//父组件代码 渲染子组件
<Son :name="name" />
// 子组件代码，接
vue项目打包优化--提高首屏加载速度
1、移除 preload 与 prefetch
vue 脚手架默认开启了 preload 与 prefetch，当我们项目很大时，这个就成了首屏加载的最大元凶了。先简单了解一下 preload 与 prefetch。
1、preload 与 prefetch 都是一种资源预加载机制；
2、preload 是预先加载资源，但并不执行，只有需要时才执行它；
3、prefetch 是意图预获取一些资源，
Vue组件传值异步问题--子组件拿到数据较慢
问题出现
之前写静态页面的时候，直接父向子传值，是指节能渲染出父组件给子组件的值，但是加上请求后，就会出现请求过慢。就是在组件创建和渲染完毕时，子组件的值才拿到，子组件并没有实时更新模版（灾难始终慢我一步）
产生原因
子组件中的 created 、mounted 只执行一次，在富组件初始化时，已经给子组件传了一个空值，导致异步请求数据发生变化时，子组件的值不再变化
在父组件中，获取数据时会有几秒钟
css实现椭圆绕圈动画
1.实现效果
raoqiu.gif
2.实现原理
2.1 box-shadow
box-shadow属性可以设置一个或多个下拉阴影的框。
boxShadow 属性把一个或多个下拉阴影添加到框上。该属性是一个用逗号分隔阴影的列表，每个阴影由 2-4 个长度值、一个可选的颜色值和一个可选的 inset 关键字来规定。省略长度的值是 0。
语法：
box-shadow: h-shado
Inertia.js 是什么，如何工作的
Inertia.js
Inertia是为开发团队和独立开发者设计的，这些人员通常使用Laravel，Ruby on Rails或Django等框架构建服务器端渲染的应用程序。他们一般通过创建控制器，从数据库中获取数据，然后数据传递给模板，然后呈现视图。
image.png
使用 Inertia，您可以像使用所选的服务器端 Web 框架一样构建应用程序。您可以使用框架的现有功能进行路由、
开源视觉模型部署教程：GLM-4.6V-Flash-WEB一键启动实践
开源视觉模型部署教程：GLM-4.6V-Flash-WEB一键启动实践想快速体验一个能看懂图片、还能跟你聊天的AI助手吗？智谱最新开源的GLM-4.6V-Flash-WEB模型，就是一个功能强大且部署简单的选择。它不仅能通过网页界面直接对话，还提供了API接口，方便开发者集成到自己的应用里。今天，我就带你从零开始&
2024 前端Vue面试题大全汇总 (82道)_vue面试题2024
once: 只会触发次。42、定义指令（v-check、v-focus）的法有哪些？它有哪些钩函数？还有哪些钩函数参数？
全局定义指令：在 vue 对象的 directive 法有两个参数，个是指令名称，另外个是函数。组件内定义指令：directives
钩函数࿱
黑词分析前端组件设计：双面板交互与黑词进度监控
前言在内容安全、情报分析等领域，黑词（敏感词汇）分析是核心工作之一。本文深入解析一个企业级的黑词分析组件前端实现，该系统采用双面板交互设计、黑词进度监控和多维度分析，为安全分析人员提供高效、直观的操作界面。一、组件概览1.1 设计理念并行分析：同时展示黑词列表与可疑对话组进度反馈：进度条直观展示分析状
前端的未来：从静态页面到智能交互的新时代
一、前端的进化之路过去，前端开发只是简单的 HTML + CSS + JavaScript，用来“展示内容”。
如今，它已经成为 用户体验的核心引擎，几乎承载了整个产品的灵魂。从最初的静态网页到如今的智能交互式应用，前端技术经历了三次重大演变：
静态时代：HTML 静态网页
