网络安全全栈培训笔记（WEB攻防-51-WEB攻防-通用漏洞&验证码识别&复用&调用&找回密码重定向&状态值）
1、找回密码逻辑机制-回显&验证码&指向2、验证码验证安全机制-爆破&复用&识别3、找回密码客户端回显&Response状态值&修改重定向4、验证码技术验证码爆破，验证码复用，验证码识别等详细点：找回密码流程安全：1、用回显状态判断-res前端判断不安全2、用用户名重定向-修改标示绕过验证3、验证码
web学习笔记（九）
JS是web开发领域功能强大的编程语言（脚本语言），javaScript不需要配置环境，浏览器直接可以运行。
SpringSecurity Web 权限方案
介绍spring security基本功能，包括自定义登录i页面，自定义403页面，相关注解和方法的使用。
npm install 时，卡在sill idealTree buildDeps没有反应
这个的主要原因是默认的镜像源在国外，国内无法访问或者访问极慢导致的，可以先切换到国内的淘宝镜像源，然后再执行npm install <包名称> 命令就可以了。现在再执行npm install <包名称> 就可以正常安装了。
el-form 动态表单增减项 （vue+element ui）
el-form-item（表单项）循环，绑定的数组写在form当中。1、点击”+“，弹出弹窗，新增一项，点击”-“，删除当前项。1、点击新增，弹出新增弹窗，添加表单项。2、点击”-“，删除当前表单项。
Vue H5 前端自定义车牌号输入键盘(支持新能源)
这个项目是基于 vue2+vant 写的录入车牌的键盘, 有需要的伙伴可以参考一下;
npmmirror 中国镜像站,npm设置最新淘宝镜像
原淘宝 npm 域名即将停止解析正如在《淘宝 NPM 镜像站喊你切换新域名啦》中预告的那样：http://npm.taobao.org和http://registry.npm.taobao.org将在 2022.06.30 号正式下线和停止 DNS 解析。
js-cookie的使用以及存储token安全的注意要点
2、使用CSRF Token：在每个请求中添加一个随机生成的CSRF Token，然后在服务器端验证这个Token。2、启用Content Security Policy，简称CSP内容安全策略集配置，限制浏览器只加载和执行来自特定源的脚本，从而防止XSS攻击;3、使用Referer Header：
DataV中的轮播表 -- 自定义样式
DataV中的轮播表---自定义样式
web网页端使用webSocket实现语音通话功能(SpringBoot+VUE)
借助webSocket全双工通信的方式来实现web客户端之间的语音通话，解决网上能找到的一个代码使用之后只能听到“嘀嘀嘀”杂音的问题
UI自动化Selenium iframe切换多层嵌套
先进入IframeBig，再进入Iframe2，操作A，退出Iframe2，进入Iframe3，操作元素B，退出Iframe2，操作元素C。标签，作用是文档中的文档，或者浮动的框架(FRAME)。Selenium自动化对iframe的操作无非就是：进入iframe和退出iframe；要操作每一个元素
react+vue 前端国密算法sm2、sm3 、sm4的js ts实现
SM3 算法：是一种对称加密算法，用于消息摘要和数字签名等场景。它的密钥长度为 256 位，安全性较高。SM2 算法：是一种公钥加密算法，它的密钥长度为 256 位，安全性较高。将字符串转为16进制方法，我这里是自己封装了一个，还有很多方法可以实现转16进制，大家可以自己百度学习。data是签名加密
HTML实现烟花，鼠标点击爆炸，免费提供源码，复制就可运行
Html实现烟花制作，不需要额外js，复制拷贝文章代码就可以本地运行。
前端必备14款业界受欢迎的富文本编辑器
富文本编辑器真的非常多，以上只是本人接触过的一些，相信还有很多很好的富文本存在，其实也没必要全都试一遍，只有最适合自己的，才是最好的。
前端密钥怎么存储，以及临时存储一些数据，如何存储才最安全？
前端密钥存储安全的方案：1、使用浏览器提供的本地存储：现代浏览器提供了本地存储机制，例如 Web Storage（localStorage 和sessionStorage）或IndexedDB。可以将密钥存储在这些本地存储中，并使用浏览器提供的安全性机制（例如同源策略）来限制对存储数据的访问。2、使
前端安全相关
以上主要是解决：除了数据泄露外，一些重要功能的接口如果没有做好保护措施也会被恶意调用造成DDoS、条件竞争等攻击效果一些营销活动类的Web页面，领红包、领券、投票、抽奖等活动方式很常见。此类活动对于普通用户来说应该是“拼手气”，而对于非正常用户来说，可以通过直接刷活动API接口的这种“作弊”方式来提
Web测试自动化工具Selenium的使用
如果你用PyCharm进行调试，可能碰到已经将chromedriver配置到环境变量中，但还是启动浏览器失败的情况，这可能是因为当前项目的虚拟环境中没有chromedriver（此时环境变量中的chromedriver并未起作用）。如果chrome是最新版本，使用最新版本的chromedriver无
前端工作方式要换了？HTMX简介：无需JavaScript的动态HTML
HTMX允许你使用扩展的HTML语法代替 JavaScript 来实现交互性。HTMX 在标记中直接为你提供HTTP 交互，并支持许多其他交互需求，无需求助于 JavaScript。这是一个有趣的想法，可能最终会影响到web前端的工作方式。让我们看看如何使用HTMX以及它的吸引力。什么是HTMX？H
2024首更---Web Service 教程
Web Services 是应用程序组件Web Services 使用开放协议进行通信Web Services 是独立的（self-contained）并可自我描述Web Services 可通过使用UDDI来发现Web Services 可被其他应用程序使用XML 是 Web Services 的
css优化--vue2和vue3中虚拟滚动，懒加载实现
假设实际开发中服务端一次响应10万条列表数据，此时设备屏幕只允许容纳10条，那么用户理论上只可以看见10条数据。此时如果前端将10万条数据全部渲染成DOM元素，可能造成程序卡顿，占用较大资源，非常影响用户体验，那么虚拟滚动技术就完美的解决了这一问题。5、使用css3的transform属性将滚动到上
