小满zs的博客_JavaScript,jQuery,Html/CSS,HTML5,其他Web开发(8)

navigator.sendBeacon

使用 navigator.sendBeacon 实现高效的数据上报在 web 开发中，我们经常需要

前端

数据

ajax

服务器

原创 2023-06-11 07:10:09 457 阅读

前端的网络状态

前端如何获取在线和离线状态 online 和 offline 事件 online 和 offline 事件是浏览器自带的两个事件，可以通过添加事件监听器来检测当前网络连接状态。当浏览器的网络连接发生变

前端

网络连接

API

网络连接状态

原创 2023-06-10 01:06:02 135 阅读

重学Ajax

概述 Ajax（Asynchronous JavaScript And XML）即异步 JavaScript 和 XML，是一组用

前端

服务器

数据

HTTP

原创 2023-06-03 07:56:15 95 阅读

重学fetch

概述 Fetch是一种网络通信协议，用于在客户端和服务器之间传输数据。该协议使用HTTP请

前端

API

json

JSON

原创 2023-06-03 07:56:00 130 阅读

重学SSE

概述 SSE（Server-Sent Events）是一种用于实现服务器主动向客户端推送数据的技术，也

前端

JavaScript

数据

服务器

客户端

原创 2023-06-03 07:55:49 384 阅读

TCP实现HTTP服务

在之前的篇章中我们已经讲过七层参考模型了，今天我们从传输层实现应用层http服务使用nodejs原生net模块就可以打通TCP传输层并且提供一个端口号进行监听创建一个TCP服务 net.creat

后端

Node.js

html

套接字

传输层

原创精选 2023-05-29 09:29:52 246 阅读

TCP 三次握手和四次挥手

在上一节讲过TCP是面向连接的什么是面向连接，面向连接就是数据通讯的时候需要进行三次握手，断开通信的时候进行四次挥手名词描述 1.seq（sequence number），序列号随机生成的 2.a

前端

网络协议

服务端

客户端

序列号

原创 2023-05-13 10:50:50 110 阅读

OSI七层网络参考模型

七层模型的诞生深夜中，在一家美国酒吧坐着几个正在谈论迪斯尼电影里的7个小矮人，他们把小矮人的名字写在餐巾纸上，有人开玩笑说7对于网络分层是个好数字，这几个人就是制定OSI标准小组的成员，后来OSI真

网络协议

网络层

网络地址

数据链路层

原创 2023-05-06 10:19:03 103 阅读

esbuild + swc 能有多快？

是基于rollup,启动项目是很快的。

前端

JavaScript

自定义插件

缓存

原创 2023-05-01 12:58:02 320 阅读

Css绘制抖音logo

略微有一些瑕疵 ?，纯Css绘画。一共是由三部分组成的 div 就是中间那一根长的，after 是下面有缺口的圆，before上面那一撇，两边的颜色用的是阴影。主要用到的一些属性 drop-sha

前端

掘金·日新计划

CSS

原创 2023-03-30 16:07:03 177 阅读

DDOS攻击

最近网上爆火的一款游戏 Goose Goose Duck (鹅鸭杀) 游戏官方在近日发布了一则公告，宣布由于服务器屡次遭受，该游戏服务器将暂时关服三天进行维护遭到了DDOS，背后原因，我

安全

IP

服务器

App

原创 2023-03-22 14:05:10 79 阅读

99年前端年终总结

本文是「回顾2022，展望2023，我正在参与2022年终总结征文大赛活动」的文章。在脑中回顾了这一年，我瘫坐在椅子上，感觉一事无成，失败总是贯穿人生始终，这就是人生吧。我是一个比较能折腾的人，为

年终总结

Mac

新技术

录制视频

原创 2023-02-22 14:57:38 243 阅读

手搓一个node切换源小工具！

嗨嗨嗨，又到了写轮子环节了，为什么要写这个东西呢？应为npm自带的源下载东西灰常慢目

前端

JavaScript

Node.js

json

源地址

原创 2023-02-05 09:39:41 219 阅读

手搓一个node测试接口小工具！

嗨嗨嗨，又到了写轮子环节了，为什么要写这个东西呢？这次带来的还是

前端

掘金·日新计划

DNodeJS

json

缓存

原创 2023-02-05 09:39:34 82 阅读

vitest第二章（入门）

Vitest 是一个由 Vite 提供支持的极速单元测试框架 tips vite>=3 node>=14 安装 1.使用npm init -y 生成 package json 2.安装依赖挑选一种即

前端

单元测试

掘金·日新计划

数组

测试方法

原创 2023-02-05 09:39:23 388 阅读

vitest第一章（初始vitest）

从三个角度分析vitest 他能做什么？为什么要使用他？使用它的优势是什绍说这是一个单元测试框

前端

单元测试

掘金·日新计划

官网

单元测试工具

原创 2023-02-05 09:39:19 1973 阅读

小满Linux（第一章认识Linux）

LinuxLinux，全称GNU/Linux，是一种免费使用和自由传播的类UNIX操作系统，其内核由林纳斯·本纳第克特·托

javascript

前端

linux

服务器

多用户

原创 2023-01-29 11:06:05 112 阅读

DDOS攻击

全称为分布式拒绝服务攻击 Distributed denial of service attack在这场攻击中一般有三个角色，用户服务商(App,网的用户都会买完东西离开，而DDOS。

服务器

网络

运维

IP

App

原创 2023-01-29 11:05:39 51 阅读

做了一个仿qq的APP

由本人一人独自开发聊天仿qq工具用的工具Visual Studio Code前端脚手架cli （vue vuex vue-router）ui (MuseUI) 实现各个屏幕兼容(less rem算法和 flex 布局) 上下滚动 (better-scroll) 懒加载 ( VueLazyload) 调取接口 (axios) 轮播 (VueAwesomeSwiper) 图表 (e...

用户名

天气接口

ios

原创 2023-01-29 11:05:08 156 阅读

微前端

什么是微前端微前端，听这名字感觉很超前，其实已经有很多公司都已经用上了该技术，例如我的项目组也用上了，跟后端的微服务很类似，用作解耦。现在的网站开发日渐复杂，通常会有很多独立的模块组成，分成不同的业

前端

App

html

Access

原创 2023-01-27 20:18:16 598 阅读

本地存储(localStorage)如何设置过期时间？

思考在我们使用cookie的时候是可以设置有效期的，但是localStorage本身是没有该机制的，只能人为的手动删除，否则会一直存放在浏览器当中，可不可以跟cookie一样设置一个有效期。如果一直

前端

typescript

Storage

html

原创 2023-01-27 20:16:02 1244 阅读

Vue3.2 新增 v-memo

这个指令是Vue3.2新增的内置指令，大致的作用就是小幅度手动提升一部分性能官网文档 cn.vuejs.org/api/built-i…用法在组件和元素都可以使用，主要是可以缓存期望的类型是个数组any[]，该指令需要传入一个固定长度的依赖值数组进行比较。如果数组里的每个值都与最后一次的渲染相同，那么他的更新将会被跳过，甚至虚拟 DOM 的 vnode

前端

数组

缓存

大数据量

原创 2023-01-27 20:15:34 232 阅读

Nodejs 对接支付宝沙箱

一. 开启沙箱可以访问开发者中心https://openhome.alipay.com/platform/appDaily.htm?tab=info进行认证后, 即可进入沙箱配置页二. 配置密钥1，下载地址https://docs.open.alipay.com/291/1059712.生成公钥私钥...

nodejs

阿里巴巴

vue

Data

支付宝

原创 2023-01-26 18:57:27 689 阅读

2021前端年终总结｜纵使前方不易，独善其身，继续前行。。。

资问题10月份左右换到了北京亦庄的京东总部做pa...

前端

仿微信

后台管理

SEO

原创 2023-01-26 10:33:31 146 阅读

前端重新部署如何通知用户刷新网页？

1.目标场景有时候上完线，用户还停留在老的页面，用户不知道网页重新部署了，跳转页面的时候有时候js连接hash变了导致报错跳不过去，并且用户体验不到新功能。2.思考解决方案如何去解决这个问题思考中...如果后端可以配合我们的话我们可以使用webSocket 跟后端进行实时通讯，前端部署完之后,后端给个通知，前端检测到Message进行提示，还可以在优化一下使用Evnen

前端

html

json

发布订阅

原创 2023-01-26 10:32:35 180 阅读

前端常用英语系列

大家好，我是小满zs，今年23，没错就是哔哩哔哩那个。录制视频经常被大家吐槽英语不标准，这边汇总一下常用词汇，查缺补漏，可以联系我。大部分素材来自于MDN HTML （只统计常用标签）

前端

JavaScript

元素节点

子节点

HTML

原创 2023-01-25 19:25:22 105 阅读

Vue3 proxy 解决跨域

1.首先我们先了解一下什么是跨域主要是出于浏览器的同源策略限制，它是浏览器最核心也最基本的安全功能。当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域。例如 xxxx.com -> xxxx.com 存在跨域协议不同例如 127.x.x.x:8001 -> 127.x.x.x:8002 存在跨域端口不同例如 www.xxxx.c

前端

跨域

Server

json

原创 2023-01-25 19:25:01 1250 阅读

Vue $set 源码解析(保证你也能看懂)

首先我们看文档有这个例子下面是vue $set部分源码我们先看第一块我们先看第一段代码 isUndef和isPrimitive方法，从名字就可以看出，isUndef是判断target是不是等于u

前端

Vue.js

数组

Math

Vue

原创 2023-01-25 19:24:40 437 阅读

Vue3 setup 如何添加name

Vue3中name有什么用呢？1.在递归组件的时候需要定义name2.配合keep-alive include exclude 可以缓存组件3.在Vue有报错或者调试的时候可以看到组件的nameVue3 定义 name1.自动生成<script setup> 只要在script开启setup语法糖模式单文件组件会自动根据文件名生成对应的 n

前端

Vue

json

自动生成

原创 2023-01-25 19:24:29 859 阅读

2022前端年底面试总结

又到年底了，很多小伙伴又开始跳槽了，本次汇总都是面试真题，来自各位小伙伴有大厂也有小厂，还有外包可以说很全面了。某外包公司 3-5年前端开发1.计算机CPU功能和基本结构属实开幕雷击这种底层知识对于前端来说可能问的比较少CPU 它是你的电脑中最硬核的组件，这种说法一点不为过。CPU 是能够让你的计算机叫计算机的核心组件

前端

虚拟内存

浅拷贝

上传

原创 2023-01-25 19:24:02 84 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

小满zs