JWT简介
JWT概念直观地来说，**JWT** 是一段用于标识用户身份的 **字符串**。 JWT（JSON Web Token） 是一种开放标准（RFC 7519），用于在各方之间以JSON对象的形式安全地传输信息。它通常用于在用户身份验证后，在客户端和服务端之间安全地传递信息，以实现无状态的身份验证机制。 JWT格式JWT 字符串由三部分组成，它们之间用英文句点（.）分隔，格式：”Header.Payl
丧心病狂的js面试题
12// 1. 下面代码输出什么？console.log(++[[]][+[]] + [+[]]); 这算不上是一道好的面试题。虽然我认为这样的面试题不值得提倡，但是知识点还是要掌握。 拆解问题把打印的表达式拆分成++[[]][+[]] 、 +、 [+[]]三部分。注意这不是随意地拆分，是根据JavaScript表达式及运算符号优先级进行拆分的。同样地，将拆分后得到地表达式按照同样的方法逐步拆分运
在微信小程序中使用tailwind css v4
确认环境信息应该确保你的nodejs版本大于v22。后面会贴出版本过低导致依赖安装失败的日志 12345678node -vv22.14.0npm -v10.9.2pnpm -v10.5.2 初始化项目选一款趁手的打包工具，这里选择weapp-vite 12pnpm create weapp-vite@latest# 选择默认模板 集成tailwind当然不是像tailwindcss v4官方
Three js 学习笔记 2
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210
Three js 学习笔记 1
如何开始Threejs 是入门Web 3D门槛比较低的一个库。Threejs是对WebGL的一个封装实现，使开发者不必具备图形学的基础就可以进行Web 3D应用的开发。但门槛低不代表没有门槛，Threejs中提供了很多封装好的工具类，开发者必须对这些概念依依学习理解之后，才能入门开发。从Web前端开发者的角度来讲，WebGL 相较于 Threejs 的关系就像是原生JavaScript相较于JQu
Cookie 和 Session
背景：解决浏览器会话问题HTTP协议是无状态协议，因此验证客户端身份就需要借助其他手段。cookie和session就是标志用户身份/解决会话问题的其中一种技术。 当web应用需要标识用户身份时，服务端就会给客户端下发一个凭据(cookie)，在Session中凭据所对应的用户信息，凭据的有效性，过期时间是由服务端来决定的。 Cookie通常是由服务端产生通过HTTP响应头下发至客户端。
如何学习
如何学习以前在学校的时候，也听老师天天叮嘱要保持天天学习的习惯。爷爷也会经常给我讲，毛主席3天不学习追不上刘少奇。在踏入社会之后，我就很少有人能够保持天天学习的状态了，即使有时候会回去刻意学习也是因为工作中遇到了问题，而被动地去寻找解决实际问题需要的知识。渐渐地，我发现那些年在学校里欠下的债还是要还的。 1.摒弃随机森林式的学习方式我回想平常工作中遇到问题，然后去解决问题的过程，不难发现总是去看了
code-server
Visual Studio Code OnlineVisual Studio Code是微软推出的基于[Nodejs + Electron]的免费开源适配多端的代码编辑器。一个字牛B！让人爱不释手的原因有但不只有以下几点 基于Nodejs - 前端开发者友好的 开源 - 可以定制 适配多端 - 客户端/网页版 本文介绍如何将 Visual Studio Code 部署在服务器上，并使
Docker
Docker 命令Docker帮助命令12345678# 查看docker版本> docker version# 显示全系统信息> docker info# 显示 docker 的命令 及 功能说明> docker --help Docker 镜像命令docker images123456789101112131415# 列出本机上的dokcer镜像> docker im
git
HTTP协议HTTP请求模型HTTP请求的参与者是客户端和服务端。对于Web前端开发者来说，浏览器为客户端，服务器是服务端。服务器在运行期间提供服务，总是由客户端发起请求，服务端接收到HTTP请求之后再做HTTP响应处理。 概念 客户端：发出请求的一方 服务端：发出响应的一方 用户输入网址后发生了什么（网络层）当用户在浏览器地址栏输入网址，并回车时，这背后究竟发生了什么。 浏览器获取服务器IP
JavaScript
正则表达式断言所谓断言，就是指明某个字符串前边或者后边，将会出现满足某种规律的字符串。断言术语命名的规律：无论先行还是后发，都是相对于目标字符串而言。例如：目标字符串后边有条件，可以理解为目标字符串在前，就用先行断言，放在目标字符串之后。 Expression 术语 解释 (?=X) 零宽正向先行断言 仅当子表达式 X 在 此位置的右侧匹配时才继续匹配。例如，/w+
box-shadow应用
边框 阴影边框用来制作三角形的应用已经烂大街了,再加上阴影的特性:可以在一个元素上作用多层阴影,感觉此处若细心发掘,必大有可为. 1234567891011121314151617181920212223242526272829303132.dot.active{ box-shadow: 0 0 0 #ff0000, 0 0 0 #0091ff, 0
垂直居中布局
居中的各种实现方案html 123<div class="parent"> <div class="child">DEMO</div></div> 水平居中布局的实现(1) inline-block + text-align123456.parent{ text-align: center
git
Gitgit一个VCS(version control system)工具/版本控制工具/版本管理工具 git在centos7中被默认安装1.x版本。 git升级某些场景下，工作需要git2.x才能继续。下面的代码演示使用yum更新git版本。下面的命令可能会提示权限不足，在命令前面加上sudo 重试即可。 123456789101112# 1 卸载老版本git， yum re
https-cert
ACEM工具演示linux环境下通过dns方式申请证书前提条件 有域名 step 112> curl https://get.acme.sh | sh> acme.sh --issue --dns -d mydomain.com step 2添加 dns txt记录 step3带dns记录生效后，继续操作 123> acme.sh --renew -d mydom
nginx
nginx启动失败可能的原因 相关文件（nginx执行权限/log文件读写）没有权限。chmod即可 安装nginx安装参考文档 systemd service file /lib/systemd/system/nginx.service 12345678910111213141516[Unit]Description=The NGINX HTT
mac使用
使.bashrc立即生效1$ source ~/.bashrc 添加快捷命令 打开~/.bashrc文件 添加命令alias，如alias rm='rm -i' 使.bashrc立即生效 修改hostsudo vim /etc/hosts Mac系统显示隐藏文件Command+Shift+. 可以显示隐藏文件、文件夹，再按一次，恢复隐藏；Command+Shift+G 可以前往
linux常用命令
linux 按照名称查询进程ps -ef|grep node|grep -v grep 复制文件将/opt/a/下的a目录复制到 /opt/b/目录下cp -r /opt/a/ /opt/b/ #将/opt/a/下的a.录复制到 /opt/b/目录 cp -r /home/wb-zxd662335/AcXon
node小技巧
小技巧package.json 添加串联脚本123"script": { "start": "npm run dev & npm run lint"} 整理package.json的script脚本使用scripty插件 获取命令行参数使用yargs-parser插件，获取命令行webpcck --mode
Vue SSR
Vue SSRSSR（Server Side Render）是服务端渲染简写，SSR解决的问题是优化SEO，缓解客户端渲染的压力。Vue ssr的流程是 将同一个组件渲染为服务器端的 HTML 字符串，将它们直接发送到浏览器，最后将这些静态标记”激活”为客户端上完全可交互的应用程序。– Vue.js 服务器端渲染指南 项目结构及目录/文件作用123456789101112131415
webpack入门
webpack 本质上，webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。 – webpack文档介绍 我的理解：将程序代码及各种资源按照设置输出为符合目标环境要求的工具 开始使用webpackcli方式这种方式可以直接在命令行里使用webapck打包，打包参数通过命令参数指定。 新建目录 12> mkdir use-cli> cd use-cl
webpack插件
TypeScript+Webpack环境搭建webpack 插件系列构建成功，触发系统通知webpack-build-notifier插件，使用方法示例 12345678910111213// webpack.config.jsconst WebpackBuildNotifierPlugin = require('webpack-build-notifier');module.