前端

HTML————更实用于后端宝宝们学习的前端

博主主攻后端,但是毕竟要做网站,我们来学习一点前端的知识,一共有三节,学完就能做一点小小的页面啦;1.1 HTML基础什么是HTML呢,他是超文本标记语言,还记得HTTP是啥不,HTTP是超文本传输协议,别忘了哈,超文本就是字面意思,它的能力完全

vue3,使用watch监听props中的数据

情况一:监听 props 中基本数据类型 父组件中对传入数据的处理 const handleClick = () => { testStr.value += 'P' } 子组件中监听传入的数据 watch( () => props.testStr, (newVal, oldVal) => { console.log('监听基本类型数据testS

Vite中使用Ant Design Vue3.x框架

官网: 文档选择vue3版本,也是官网当前推荐的 安装 ant-design-vue npm i --save ant-design-vue main.js引入,全局使用 import { createApp } from 'vue' import App from './App.v

ts学习(2)

显示类型 如下:把变量的类型值直接写出来。 //如下 function greet(person:string){....} 如下:不写出类型值,ts会进行根据赋值,进行类型推断。 let msg ='niuniu'; msg='guagua'; msg=100;//报错 降级编译 在配置文件tsconfig.json中修改target,来更改ts编译目标的代码版本。targ

Android Flow 与Live Data对比

[转]官方推荐 Flow 取代 LiveData,有必要吗? 更加详细的文章:不做跟风党,LiveData,StateFlow,SharedFlow 的使用场景对比 前言 打开Android架构组件页面,我们可以发现一些最新发布的jetpack组件,如Room,DataStore, Paging3,DataBinding 等都支持了Flow Google开发者账号最近也发布了几篇使用Flow的文章

vue 项目打包分析和优化

打包分析工具(webpack-bundle-analyzer) 分析 Bundle 由什么模块组成 分析什么模块占据了比较大的体积 分析是否有什么错误的模块被打包了 未优化前的代码2.85M image.png 安装及配置 npm install -D webpack-bundle-analyzer 配置环境变量 .env.analyze NODE_ENV = pro

React学习之——条件渲染(个人笔记)

React 中没有像Vue中v-if这种指令。React 中的条件渲染和 JavaScript 中的一样,使用 JavaScript 运算符 if 或者条件运算符去创建元素来表现当前的状态,然后让 React 根据它们来更新 UI。 if运算符 function UserGreeting(props) { return <h1>Welcome back!</h1>

如何用一行 CSS 实现 10 种现代布局

现代 CSS 布局使开发人员只需按几下键就可以编写十分有意义且强大的样式规则。上面的讨论和接下来的帖文研究了 10 种强大的 CSS 布局,它们实现了一些非凡的工作。 01. 超级居中:place-items: center ![2.gif](

Web 开发安全与最佳实践:MVC、会话管理与常见攻击防御

MVC模式MVC(Model-View-Controller)是一种广泛使用的软件设计模式,用于简化应用程序的开发过程。它通过分离数据访问、用户界面和业务逻辑,使得应用程序的结构更加清晰。MVC的组成部分1. Model(模型) 定义:代表应用程序的数据和业务逻辑。 职责: