Web 聊天室消息加解密方案详解
目录编辑一、Web 聊天室消息加解密需求与技术约束1.1 核心安全需求1.2 技术约束二、主流消息加解密方案详解2.1 方案 1：对称加密（AES-256-GCM）2.1.1 方案概述2.1.2 核心原理2.1.3 实现步骤（分场景）场景 1：单聊加密场景 2：群聊加密2.1.4 代码实现ÿ
前端
ES5常见的数组方法：forEach ，map ，filter ，some ，every ，reduce (除了forEach，其他都有回调，都有return)
关于forEach
forEach()方法需要一个回调函数（这种函数，是由我们创建但是不由我们调用的）作为参数
回调函数中传递三个参数：
第一个参数，就是当前正在遍历的元素
第二个参数，就是当前正在遍历的元素的索引
第三个参数，就是正在遍历的数组
缺点： 不能使用break和continue
let myArr = ['王一', '王二', '王三'];
myArr.forEach((ite
CSS基础-13-垂直导航栏（详细创建过程）
@[toc]
前言
一步一步做出一个完整的导航栏
1. 最简导航栏
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>hello world</title>
<style>
ul {
list-style-type: none;
vue 批量自动引入并注册组件或路由等等
有时候有大量的组件.vue后缀的,或.js,或.ts文件, 需要一个个的手动引入很麻烦,那么你可以尝试这样创建一个index.js
本项目使用vue3.x, vue2.x也可以照样用;
image.png
这里在components里面创建了一个idnex.js 文件
require.context 可以读取文件, 第一个参数是指当前文件夹, 第二个参数是是否递归遍历寻找子节点设为t
前端动画库：让你的网站动起来
前端动画库：让你的网站动起来毒舌时刻前端动画？这不是用CSS就够了吗？"CSS动画简单，我只用CSS"——结果复杂动画难以实现，"JavaScript动画性能差，我不用"——结果交互体验差，"Framer Motion？GSAP？没听
量子科技：从实验室到生活场的科技革命
0.5 纳米的传感器探测到单个细胞的 “体温”，当 300 公里的通信网络守护着信息的绝对安全，当 504 比特的计算机演算着气象预测的未来 —— 曾经停留在物理课本中的 “量子”，正以颠覆者的姿态闯入现实世界。这场发轫于微观世界的科技革命，不仅重塑着我们对计算、通信与测量的认知，更在合肥 “量子大道” 的产业集群中、在全球首
vue3新一代状态管理库 Pinia
Pinia优势
Pinia是一个全新的Vue状态管理库，是Vuex的代替者，尤雨溪强势推荐
1.Vue2 和 Vue3 都能支持
2.抛弃传统的 Mutation ，只有 state, getter 和 action ，简化状态管理库
3.不需要嵌套模块，符合 Vue3 的 Composition api，让代码扁平化
4.TypeScript支持
Pinia 基本使用
初始化项目： npm in
PC原型设计的5点规范
关注Kevin和互联网产品经理们，一起成长
作者 l Kevin
来源 l Kevin改变世界的点滴
分享 l Kevin
很多人做产品经理原型工作时候，其实并没有定什么原型规范，就跟着需求和老板要求，他们想要什么，就画什么功能出来给他们。
如果你去问一个做PC端产品的产品经理，产品设计过程中有没有什么规范和注意事项，他可能半天答不上来。他会想着，“我好想是在认真画的，但好像也确实
两分钟上手 pinia
安装
官网
yarn add pinia
# or with npm
npm install pinia
初始化 Pinia
import { createPinia } from 'pinia'
const pinia = createPinia()
pinia.use(SomePiniaPlugin) // 给 pinia 装插件
const app = createApp(App)
a
Selenium Web UI自动化测试：从入门到实战
引言在当今快速迭代的软件开发周期中，自动化测试已成为保障产品质量、提升测试效率的核心手段之一。而针对Web应用的UI自动化测试，Selenium作为最流行的开源工具之一，凭借其跨浏览器、多语言支持（Python、Java、C#等）和强大的社区生态，成为测试工程师和开发者的首选。本文将详细介绍Selenium的核心功
