Cooper's Blog (Page 8)

vue css样式

2024-01-10 Cooper Zhu technology vue3 front-end css

* **scoped： **仅影响当前组件下所有DOM节点、子组件根节点； * 非scoped：影响整个页面下所有DOM节点；（即会影响页面内其他组件下的DOM节点）； * 组件内隔离方案： style声明为module，且在HTML节点上使用:class="[$style.class1, .., $style.classN]"； * 为避免受父组件样式影响，创建组件叶，应使用空样式div包含有效DOM元素； 1 scoped原理场景：需要修改当前组件，或子组件根节点的样式，同时不影响页面内其他组件样式

优雅地封装axios与API管理

2023-12-12 Cooper Zhu technology front-end vue3

see: axios-demo-vue see: axios-demo-java 直接上代码 1 axios封装 * axios封装/api/HttpHelper.ts import axios, { type AxiosRequestConfig, type AxiosResponse, type InternalAxiosRequestConfig, type ResponseType } from "axios"

CSS——Simple Admin Layout

2023-12-07 Cooper Zhu technology front-end css

see: github 1 示例一 1.1 HTML <!doctype html> <html lang="en"> <head> <meta charset="

vue3+element-plus环境搭建Step-by-Step

2023-12-04 Cooper Zhu technology front-end vue3

OIDC示例

2023-11-27 Cooper Zhu technology security oauth2

* OpenID Connect：简称OIDC * OIDC基于OAuth2.0实现。区别：OIDC在返回access_token时，会同时返回id_token * 这里仅介绍基于Authorization Code的OIDC实现 see: github see: OpenID Connect Discovery 1.0 incorporating errata set 1 see: