摘要：
1. Transition (创建动画) 原生css过渡 <template> <Transition name="slide-fade"> <p v-if="show">hello</p> </Transition> </template> <script setup> import {ref} 阅读全文
摘要：
vue应用自身安全的机制 HTML插值 利用原生Dom api Node.textContent 对输入变量进行HTML转义。 Attribute 绑定 利用原生DOM api， Element.setAttribute 方法自动转义属性值的设置。 vue应用可能存在的风险点 HTML注入 风险： 阅读全文
摘要：
vue 介绍 vue 是一种提供一套声明式的，组件化的编程模型来构建前端界面的js前端框架。 vue 目前主流采用vue3，提供组合式API和选项式api，vue2 在2023年12月份以后不再进行维护，它以选项式的api进行应用开发。 基本使用 创建应用 import { createApp } 阅读全文
摘要：
Hello World 阅读全文
摘要：
在前端开发中，往往需要上传文件到服务器，为了保证数据安全可靠，前端往往需要计算文件的md5摘要传递到服务器端进行验证。 1. Spark-md5 安装 # npm 安装 npm install --save spark-md5 # yarn 安装 yarn add spark-md5 # pnpm 阅读全文
摘要：
GNU Privacy Guard (GPG) 是一种主要设计用于使用公钥加密技术对数据进行加密和签名的工具。然而，它还包含仅使用用户提供的密码来加密数据的能力，并且支持多种加密算法。 1. 查看gpg支持的算法 gpg --version 2. 生成密钥 # 使用默认选择 gpg --genera 阅读全文
摘要：
md5sum 和 sha1sum 可以用来计算文件的散列值，通常被用作核对下载文件的完整性。 ccrypt 和 bcrypt 则可以用来对文件进行加解密。 1. md5sum md5sum 根据文件内容生产32个字符的十六进制串 计算文件md5摘要 # 计算文件md5摘要 md5sum filena 阅读全文
摘要：
1. 介绍 Pinia 是 Vue 的专属状态管理库，它允许你跨组件或页面共享状态。 2. 安装和注册Pinia 安装pinia yarn add pinia 注册pinia import { createApp } from 'vue' import { createPinia } from 'p 阅读全文
摘要：
安装 nginx 下载压缩包 nginx-1.24.0.zip 利用 7-zip 工具解压 zip 软件包 打开 cmd 命令行并进入 nginx-1.24.0 解压目录 运行 start nginx 启动 nginx 浏览器中查看 localhost 地址检查 nginx 服务是否正常运行 管理 阅读全文
摘要：
相较于传统的 npm 和 Yarn，pnpm 采用了一种全新的依赖管理方式，通过共享依赖来减少磁盘占用，同时提供了快速的安装和更新速度。 1. 安装pnpm npm install -g pnpm 2. 初始化项目 pnpm init pnpm root # 打印有效的存放模块（modules）的目 阅读全文