day20|学习前端

{{}}。相当于innerText

v-bind:attr绑定属性值。

hooks是一个一个可以调用的函数。composition API

返回对象+解构 const{ sum,add,bigSum}=useSum()

一般组件放到components。路由组件放到pages,views文件夹

to路由:1、字符串写法。2、对象写法(name跳转,path跳转)

集中式状态(数据)管理pinia,redux,vuex

把共享的数据交给集中式管理,

pinia落地的东西,就是store

v-bind单项绑定。v-model双向绑定

 

function不缓存,computed计算属性缓存,只有依赖变才重新计算。

computed计算属性函数,根据已有响应式数据计算出新值,具有缓存的功能。

watch

入口文件main.ts

App.vue根组件

一般组件导入和使用的方法

插值语法

vue3可以写vue2语法,在vue3里,选项式和组合式是共存的。旧语法可以读出setup东西,但是setup不能读出旧语法

setup配合使用

vue3可以写多个根标签

Read more

Spring Boot 3.x开发中CSP(内容安全策略)配置导致前端资源加载失败问题详解及解决方案

目录 * Spring Boot 3.x开发中CSP(内容安全策略)配置导致前端资源加载失败问题详解及解决方案 * 引言 * 1. 问题表现:CSP拦截的典型症状 * 2. 原因分析:CSP指令与Spring Boot配置 * 2.1 CSP指令概览 * 2.2 Spring Boot 3.x 中配置CSP的方式 * 2.3 常见的配置失误 * 3. 解决方案:从诊断到修复的完整步骤 * 3.1 步骤一:查看浏览器控制台错误 * 3.2 步骤二:整理资源来源清单 * 3.3 步骤三:调整CSP策略 * 3.3.1 允许外部域名 * 3.3.2

By Ne0inhk

OpenClaw Webhook 详解:完整指南

Webhook 是将 OpenClaw 从“聊天助手”快速转变为“响应式系统”的最佳方式。无需等待您主动发送消息,GitHub 可以在 PR 提交时通知 OpenClaw,Stripe 可以在支付失败时通知 OpenClaw,n8n 也可以按计划通知 OpenClaw。OpenClaw 会接收这些传入事件,并将其转换为代理运行或轻量级唤醒操作,然后将结果路由回您实际使用的任何渠道。 本文重点介绍 OpenClaw 网关上的 HTTP Webhook。OpenClaw 中还有另一种东西,在一些文档和配置中也被称为“钩子”。这些是网关内部的事件钩子,当本地生命周期事件触发时运行。它们也很有用,但 Stripe 或 GitHub 与服务器通信的方式并非通过它们。 如果您的 OpenClaw 实例是刚刚部署在 VPS 上,并且您仍然使用 SSH 进行基本操作,那么首先要确保网关稳定,

By Ne0inhk

Web 创建设计

下面为你整理一份系统全面、通俗易懂、适合初学者与进阶者的 《Web 创建与设计指南》(Web Creation & Design Guide)。 它覆盖从网站构思、设计、前端、后端、交互、发布到维护的完整流程。 如果你愿意,我还可以将它扩展成 PDF、PPT、Markdown 或课程体系。 🌐 Web 创建与设计指南 (Web Creation & Design Guide) 1. 什么是 Web 创建与设计? Web 创建(Web Development)= 网站功能的开发(HTML/CSS/JS + 后端 + 数据库) Web 设计(Web Design)= 网站视觉与体验设计(UI/UX)

By Ne0inhk
前端与 Spring Boot 后端无感 Token 刷新 - 从原理到全栈实践

前端与 Spring Boot 后端无感 Token 刷新 - 从原理到全栈实践

🌷 古之立大事者,不惟有超世之才,亦必有坚忍不拔之志 🎐 个人CSND主页——Micro麦可乐的博客 🐥《Docker实操教程》专栏以最新的Centos版本为基础进行Docker实操教程,入门到实战 🌺《RabbitMQ》专栏19年编写主要介绍使用JAVA开发RabbitMQ的系列教程,从基础知识到项目实战 🌸《设计模式》专栏以实际的生活场景为案例进行讲解,让大家对设计模式有一个更清晰的理解 🌛《开源项目》本专栏主要介绍目前热门的开源项目,带大家快速了解并轻松上手使用 🍎 《前端技术》专栏以实战为主介绍日常开发中前端应用的一些功能以及技巧,均附有完整的代码示例 ✨《开发技巧》本专栏包含了各种系统的设计原理以及注意事项,并分享一些日常开发的功能小技巧 💕《Jenkins实战》专栏主要介绍Jenkins+Docker的实战教程,让你快速掌握项目CI/CD,是2024年最新的实战教程 🌞《Spring Boot》专栏主要介绍我们日常工作项目中经常应用到的功能以及技巧,代码样例完整 👍《Spring Security》专栏中我们将逐步深入Spring Security的各个

By Ne0inhk