edwardwzw的博客

CDN 的全称是 Content Delivery Network，中文通常翻译为 “内容分发网络”。

三次握手只属于传输层的 TCP 协议，是建立可靠连接的前提，和 SSL/TLS（安全层）无关；SSL/TLS 是在 TCP 连接的基础上，额外增加的 “安全增强层”，它有自己独立的 “握手流程”，但不是三次握手；整个 HTTPS 的通信流程，是 “TCP 三次握手打底 → SSL/TLS 握手加安全 → HTTP 传输数据” 的层层依赖关系。

七牛云上传流程概述后端生成上传凭证：服务器端使用七牛云 SDK 生成上传凭证（uptoken）前端获取凭证：前端通过 API 向后端请求上传凭证前端上传图片：前端使用获取的凭证将图片上传到七牛云处理上传结果：七牛云返回上传结果，前端或后端处理结果

无论执行 npm run dev 还是 npm run build 后运行的代码，只要点击预览后，扫的那个码都是开发版。无论执行 npm run dev 还是 npm run build 后运行的代码，只有且在【版本管理】—> 【开发版本】中选为体验版后扫码，才能称为体验版。A: 如果本次和上次提交的开发者，不是同一个人的话，就不会自动更新体验版，需要开发人员在微信小程序后台手动选为体验版，然后重新生成一个码；如果还是之前的开发者提交的，就不需要在后台操作生成新的码，用户端会自动更新体验版。

全局安装vue脚手架创建 vue3 + ts 脚手架。

2. 后端用 code 换取 OpenID、unionid 和 session_key （后端调用微信官方提供的。7. 根据 OpenID 获取用户信息或 session_key。后端返回 用户登录态Token 、OpenID 给前端。前端调用 wx.login() 获取 code。5. 前端在后续请求中携带 Token。6. 后端验证 Token 有效性，并。从 Token 中解析出 OpenID。根据 OpenID 生成 Token。

uniapp 提供了ivcodecodecodecodewx.login()codecode下面我们来分别看一下👇调用获取加密手机号数据（encryptedData 和 iv），并将 uni.login 生成的 code 发送给后端，以便后端生成 session_key 用来解密。：使用 session_key、encryptedData 和 iv 解密获取真实手机号。

以上列举了一些常见的 Node.js 中间件类型及其对应的库。实际应用中，根据项目需求可能会选用更多特定功能的中间件，如速率限制、API 版本控制、请求验证（如校验 JSON Schema）、数据库连接管理、模板引擎支持等。Node.js 中间件通常是指用于 Web 应用开发框架（如 Express、Koa、Hapi、Fastify 等）中，对 HTTP 请求生命周期进行拦截、处理和传递的一系列可复用函数。

需求：手机键盘弹起后，页面底部的输入框跟随弹起，且页面不被顶上去。

【代码】uniapp中使用u-popup组件导致的弹框下面的页面可滑动现象。

3. 用 session_key 对 步骤1中获取到的encryptedData、iv 进行解密，本案例中解密后可从后端获取用户手机号phoneNum。2. 调用 uni.login() 获取 wx code，然后用wx code 获取session_key，unionid 等信息。1. 从uniapp button 中通过 getphonenumber 获取 encryptedData、iv。4. 获取到手机号后，用 union_id和 phoneNum 进行登录。

HTTP/3还采用了TLS 1.3作为默认的安全层协议，提供了更强的安全性。HTTP/2：HTTP/2是HTTP/1.1的升级版本，引入了一些新的特性来提高性能。此外，HTTP/2还引入了头部压缩，减少了传输的数据量，提高了效率。此外，HTTP/1.1没有对头部压缩和请求优先级的支持，这导致了较低的性能和效率。总结起来，HTTP/2和HTTP/3相较于HTTP/1.1在性能和效率方面有显著的改进。HTTP/1.1、HTTP/2和HTTP/3是HTTP协议的不同版本，它们在性能、效率和安全性方面有一些区别。

第二次握手：服务器接收到客户端的请求后，确认连接请求，并发送一个同样带有特殊标志（SYN）和确认序列号（Ack）的数据包作为回应，同时也设置自己的初始序列号。第三次握手：客户端接收到服务器的回应后，再次确认连接请求，并发送一个带有确认序列号的数据包给服务器。第四次挥手：客户端接收到服务器的关闭请求后，发送一个确认数据包（ACK）作为回应，告诉服务器已收到关闭请求。此时，连接关闭完成。第二次挥手：服务器接收到客户端的关闭请求后，发送一个确认数据包（ACK）作为回应，告诉客户端已收到关闭请求。

浏览器缓存是指浏览器在访问网页时将一些资源（如 HTML、CSS、JavaScript、图像等）保存在本地存储器中，以便在后续的请求中直接使用这些资源，而无需再次从服务器下载。头字段，将上次缓存的资源的最后修改时间或 ETag 值发送给服务器。在后续的请求中，如果浏览器发现已经有缓存的资源，并且缓存仍然有效（根据缓存相关的字段判断），浏览器会直接从缓存中加载资源，而不必再次向服务器发送请求。当浏览器首次请求一个网页时，服务器会返回该网页的资源，并在响应头中设置一些缓存相关的字段，如。

【代码】three.js 轨道控制器。

命令，会自动启动一个本地 localhost:8080的服务器。方式二：在全局环境安装 liver-server 本地服务器。方式一：搭建node.js环境 （npm init -y）安装好后，在项目所在的目录运行。

【代码】three.js 基础入门。

我们都知道大多数情况下 Vue 数据变化后，相应的 html 也随着发生变化。事实上，当数据发生改变后，对应的 html/DOM 并没有立即重新渲染，而是开启一个队列，并将改变的数据缓存在同一事件循环中，当刷新队列时，组件会在事件循环队列清空时的下一个“tick”更新。如果同一个 watcher 被多次触发，或者如果你用一个for循环来动态改变数据100次，那么这些变化只会被推入到队列中一次。这种在缓存时去除重复数据对于避免不必要的计算和 DOM 操作上非常重要，否则将是一个很大的开销。为了

rem布局关键点：1. vw 随不同屏幕大小px值变化 2. rem 单位根据页面根元素大小变化iPhone6下屏幕宽度是375px, iPhone7下屏幕宽度是414px:100vw相当于占整个屏幕宽度的100%，所以iPhone6下100vw相当于375px，如果想要根元素font-size是100px, 就要计算出一个对应的根元素的 vw，计算公式：100vw / 375 = a / 100 => a = 26.6667vw所以，当根元素font-siz.

diff算法 与 虚拟domnextTick

底层数据响应原理vue2 Object.defineProperty()vue3 new Proxy()new Proxy() 把目标对象变成代理对象参数1: user -----> target目标对象参数2: handler --> 处理器对象，用来监视数据，及数据的操作 const user = { name: 'wang', age: 18, wife: { name: 'xiao', age:...

detail.jsutil.js/** * 获取字符的长度，full为true时，一个汉字算两个长度 * @param {String} str * @param {Boolean} full */function getTextLength (str, full) { let len = 0; for (let i = 0; i < str.length; i++) { let c = str.charCodeAt(i); ..

CSRF (Cross Site Request Forgery) 跨站请求伪造攻击案例演示：防御解决方案：1. 尽量使用 POST ；2. 加入验证码；3. 验证 Referer

非对称加密1. 任何经过 A 的公钥进行过加密的信息，只有 A 的私钥才能解密；2. 任何有公钥的人可以确认对方发送的信息是被私钥加密过的。...

var1. 声明提升（赋值不提升）2. 作用域为该语句所在的函数内判断是数组还是对象Object.prototype.toString.call(a)a instanceof xxx (返回值：布尔值)可以判断是否为数组，但是不可以判断是数组还是对象：typeof a (返回值：字符串) ，同样也不能判断是数组还是对象：Array.isArray(a) 可以判断是否为数组：深拷贝1. JSON.parse(JSON.s...

场景：防抖当持续触发事件时，一定时间段内没有再触发事件，事件处理函数才会执行一次，如果设定的时间到来之前，又一次触发了事件，就重新开始延时。场景：input 表单验证（如果用户每输入一次就请求一次接口，就会造成接口请求太频繁）箭头函数写法： function debounce(func, delay) { var timer = 0 return function(e) { // console.log('timer', timer,

初次购买完云服务器，通过 ssh 连接到远程云服务器时，如果在浏览器直接访问，会访问无效，情况如下：所以我们需要给云服务器安装 web 服务器：然后依次运行如下命令：makemake install至此 nginx 已安装完毕。下面我们进入 nginx 然后将它开启：至此，nginx 已开启。现在回到浏览器，访问云服务器地址：...

:getContainer="()=>$refs.paymodal"

1. 函数、变量 作用域(1) Foo() function Foo () { console.log(this.getName()) } var getName = function () { console.log(4) } Foo() function getName () { console.log(5) } Foo()(2) Foo() function Foo () { getName =.

var arr = [ 5,9,1,66,33,42,90,7 ] function bubbleFn (arr) { for (var i = 0; i < arr.length - 1; i++) { for (var j = 0; j < arr.length - 1 - i; j++) { if (arr[j] > arr[j+1]) { var temp = arr[j] arr[j] = a.

webpack.config.js:const path = require('path')const HtmlWebpackPlugin = require('html-webpack-plugin')const MiniCssExtractPlugin = require('mini-css-extract-plugin')const CssMinimizePlugin = require('css-minimizer-webpack-plugin')module.exports = {

html:<div class="btn-box J_btn"> <div class="time-counter"></div> <div class="btn">{$data.button_start}</div> <div class="subscribe-counter"></div></div>js:var differTime = $("#J_time_sta

let price = e.detail.value; price = price.replace(/[^\d.]/g, ""); //清除“数字”和“.”以外的字符 price = price.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的 price = price.replace(".", "$#$").replace(/\./g, "").replace("$#$", "."); price = price.replace(...

setTimeout(function() { new Swiper('.comment-swiper-container', { autoplay: { disableOnInteraction: false, delay: 0 }, autoplayDisableOnInter...