04 2024 档案
摘要:git 命令行相关问题汇总记录如下: 在本地创建git仓库并关联远程仓库后,无法正常拉取远程更新 报错信息: fatal: refusing to merge unrelated histories 解决方案: git pull origin master --allow-unrelated-his
阅读全文
摘要:请求配置 host="http://localhost:3000" baseUrl="/api/v1/test" filePath="./data/data.json" 1. 发送get请求 默认发送get请求 url="${host}${baseUrl}" curl $url 显式声明get请求
阅读全文
摘要:安装express-generator pnpm add -g express-generator 查看express-generator 查看版本 express --version 查看帮助 express -h 创建express应用 express -v ejs -c less --git
阅读全文
摘要:fetch 采用模块化设计,api分散在多个对象上(Response对象,Request对象,Header对象), fetch通过数据流(stream对象)处理数据可以分块读取,有利于提高网站性能。 发送GET请求 fetch 函数只传递一个url,默认以get方法发送请求。 promise fet
阅读全文
摘要:通过XMLHttpRequest发送GET请求 // 创建XMLHttpRequest实例对象 const xhr = new XMLHttpRequest(); // 监听通信状态 xhr.onreadystatechange = function(){ // 请求结束,处理服务器返回的数据 if
阅读全文
摘要:路由模式 Hash模式 对SEO不友好,#之后的url, 不会发送到服务器端,所以服务端无需做任何处理就可以使用。 import { createRouter, createWebHashHistory } from 'vue-router' const router = createRouter(
阅读全文
摘要: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
阅读全文