Vue3 的状态管理库（Pinia）
- `Pinia` 是 `Vue` 的专属状态管理库，它允许你跨组件或页面共享状态。- `Pinia` 是 `Vuex4` 的升级版，也就是 `Vuex5`- `Pinia` 极大的简化了 `Vuex` 的使用，是 `Vue3` 的新的状态管理工具- `Pinia` 对 `ts` 的支持更好，性能更
第五课，web攻防-BugkuCTF【post-the-get】
第五课，web攻防-BugkuCTF【post-the-get】
前端系列：ES6-ES12新语法
文章目录ECMAScript系列：简介ECMAScript系列：ES6新特性let 关键字const 关键字变量的解构赋值模板字符串简化对象写法箭头函数参数默认值rest 参数spread扩展运算符Symbol迭代器生成器PromiseSetMapclass类数值扩展对象扩展模块化ECMAScrip
使用Portainer创建Nginx容器并部署本地网站结合内网穿透实现公网访问
Portainer是一个开源的Docker轻量级可视化工具，它提供了一个直观的Web界面，让你轻松管理和监控Docker容器、镜像和网络等。之前在文章《Linux Docker 图形化工具 Portainer远程访问》中我们讲了如何使用Docker部署一个Portainer，并结合cpolar内网穿
前端常用的设计模式
设计模式：是一种抽象的编程思想，并不局限于某一特定的编程语言，而是在许多语言之间是相通的；它是软件设计中常见的问题的通用、可反复使用、多少人知晓的一种解决方案或者模板。一般对与从事过面向对象编程的人来说会更熟悉一些。设计模式的意义：指导我们如何写出可维护、可复用、可扩展及灵活的代码。接下来我们来简单
【Web2D/3D】CSS3的2D/3D转换、过渡、动画（第一篇）
本篇开始介绍Web2D和3D相关基础知识，会从CSS3的2D/3D转换、过渡、动画，讲到Canvas 2D图形绘制，再到SVG，最后到WebGL。
Vue2和Vue3生命周期映射关系及异同
Vue的生命周期包含创建、更新、销毁等过程。看这里了解vue2与vue3的异同与映射关系。
element-ui按需引入
按需引入element-ui组件库注意： 官方文档里的"presets": [["es2015", { "modules": false }]现在要改为["@babel/preset-env", { "modules": false }]，不然会报错
Naive UI——一个 Vue 3 组件库(Naive UI的安装和使用)
注意：naive-ui 仅支持 Vue3。如果你在使用 Vue2，可以去看看别的库。
selenium——Xpath选择器
学xpath的意义在于部分场景用css选择web元素很麻烦，而xpath 却比较方便另外 Xpath 还有其他领域会使用到，比如 爬虫框架 Scrapy， 手机App框架 Appium。
vue实现动态class
vue实现动态class三种方式
为什么WebSocket需要前端心跳检测，有没有原生的检测机制？
WebSocket有没有协议层面的心跳检测机制呢，就不能依赖WebSocket自身的检测能力来进行心跳检测吗？前端可以怎么设计心跳检测。
前端知识笔记（五）———前端密钥怎么存储，才最安全？
配置文件：将密钥存储在前端应用的配置文件中。在构建和部署应用时，可以将密钥配置为独立的配置文件，并在应用启动时读取配置文件中的密钥。采用后端动态获取密钥的方案可以避免将密钥存储在前端应用中，从而减少了密钥泄露的风险。同时，通过合理的认证和授权机制，确保只有经过授权的用户或应用程序可以获取密钥，增加了
10个常考的前端手写题，你全都会吗？（下）
本文总结了10个前端常见的手写功能，你是不是全都掌握了呢，欢迎在评论区交流。🔥如果此文对你有帮助的话，欢迎💗关注、👍、⭐✍️评论支持一下博主~
【安全策略】前端 JS 安全对抗&浏览器调试方法
如今这个时代，数据已经变得越来越重要，网页和APP是主流的数据载体。而如果获取数据的接口没有设置任何的保护措施，那么数据的安全性将面临极大的威胁。不仅可能造成数据的轻易窃取和篡改，还可能导致一些重要功能的接口被恶意调用，引发DDoS、条件竞争等攻击效果。这是我们绝对不能忽视的问题！😱 数据泄露风险
2023 前端Vue面试题大全汇总 (82道)
近期整理了一下高频的前端面试题，分享给大家一起来学习。如有问题，欢迎指正！
彻底理解前端安全面试题（1）—— XSS 攻击，3种XSS攻击详解，建议收藏（含源码）
xss 攻击的三种类型都用代码模拟了，我的仓库地址如下，欢迎查看内容较多，难免疏漏，如有问题，欢迎指正。这是一系列的文章，关于网络安全的内容还有 CSRF、CORS 和中间人攻击的内容没有总结，持续更新中，欢迎关注。
安全开发基础 -- DAST，SAST，IAST简单介绍
通过爬虫发现整个 Web 应用结构，爬虫会发现被测Web程序有多少个目录，多少个页面，页面中有哪些参数；根据爬虫的分析结果，对发现的页面和参数发送修改的 HTTP Request 进行攻击尝试（扫描规则库）；通过对于 Response 的分析验证是否存在安全漏洞。
免费下载xlsx.full.min.js包，并放入前端代码里，在html+vue中引用
在解压后的文件夹中，你会找到 xlsx.full.min.js 文件。将这个文件复制到你的前端项目中，通常是放在项目的一个合适目录中，比如你的项目根目录或一个名为 "lib" 或 "vendor" 的目录中。在 GitHub 页面中，找到 "Code" 按钮，然后点击它，在下拉菜单中选择 "Down
Vue3 + TS + Element-Plus —— 项目系统中封装表格+搜索表单 十分钟写五个UI不在是问题
VUE3+TS+Element-Plus项目实战，封装日常表格、表单，设计思路
