jieweiwujie的博客

WebSocket是HTML5下一种新的协议（websocket协议本质上是一个基于tcp的协议）它实现了浏览器与服务器全双工通信，能更好的节省服务器资源和带宽并达到实时通讯的目的Websocket是一个持久化的协议websocket约定了一个通信的规范，通过一个握手的机制，客户端和服务器之间能建立一个类似tcp的连接，从而方便它们之间的通信在websocket出现之前，web交互一般是基于http协议的短连接或者长连接。

【代码】滚动条插件:pnpm install better-scroll(react版本)

【代码】el-table插槽的几种写法。

【代码】计时器intervalId和进度条el-progress。

【代码】el-popover的循环写法，visible和属性virtual-ref。

【代码】element-plus的el-table表头自定义搜索，可以是input，select等等，调用后端接口。

【代码】element-plus的el-table的表头搜索，调用后端接口。

【代码】html2canvas:内容转截图。

【代码】画流程图-各个模块连线，使用div拼接，不使用canvas（竖版）

【代码】画流程图-各个模块连线，使用div拼接，不使用canvas（横版）

弹框中有分页，关闭弹框分页回到默认状态

【代码】el-table排序一个字段；多个字段同时排序，清除逻辑大全，拿来即用。

2 el-checkbox多选动态选择列3 抽屉+多选框+动态展示列

【代码】el-table如何合并行，列；以及列序号变化处理。

【代码】css 那些属性可以继承，那些不可以。

【代码】css 让元素水平垂直居中4种方法。

【代码】CSS--隐藏元素四种方法。

【代码】CSS--选择器优先级。

【代码】CSS--盒模型。

【代码】CSS--重绘重排有什么区别。

【代码】CSS--px和rem区别转换。

【代码】随机数生成：nanoid随机生成唯一的id 来标识。

【代码】vue3 css邮箱登录和密码登录切换。

【代码】使用css变量，动态修改elmentUI元素样式；css样式。

滑入显示动效

文本转换 text-transform属性，字，字母大写转小写，小写转大写

【代码】多个div页签横向展示，滑动点击那个，那个展示在屏幕中间(主要移动端)

【代码】element自定义icon；

【代码】CSS实现透明度效果的两种方法—— opacity 和 rgba()

【代码】Canvas2D 画矩形rect方法绘制填充矩形rect(x,y,w,h)（四）

CSS的动画特效（animation）使用方法详细教程

【代码】Canvas2D绘制多边形(七)

js正则替换html标签内容,JavaScript正则替换HTML标签功能的示例代码分享

CSS的动画特效（animation）使用方法详细教程

【代码】Canvas2D 画矩形 描边矩形（二）

over鼠标放上去字体变大 transform: scale

【代码】鼠标放上去div上下跳动动画效果transition hover。

【代码】多个div平铺时候，单个div下面的下划线写法。

【代码】Canvas2D点击清理按钮，清空所画内容 clearRect(x,y,w,h)(六)

transform应用旋转，偏移，缩放，扭曲变形