![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 74
前端
局外人LZ
你好,欢迎你踏入我充满冒险的编程世界!我是一个沉迷于代码的程序员,每天都在探索和解决各种稀奇古怪的问题。
Python是个神奇的魔法语言,它可以用来来控制机器人,让它们按照我的意志在现实世界中穿梭。而当我们把目光转向数据,Python又化身为强大的分析神器,帮助我从海量信息中提炼出我所需要的知识。
除此之外,我也是一名前端和正则技术的程序员。无论是网页编写还是复杂的文本处理,我都能应对自如。
我的博客就像一个充满奇趣的编程游乐园,这里有Python、前端和正则技术的详细教程,希望在阅读我的博客时能感受到我的热情和专业,让我们互相学习,互相探讨,一起探索这个神奇的编程世界!
展开
-
react16路由缓存react-activation详解
React 路由缓存是指在使用 React Router 或其他路由管理库时,通过一些技术手段来缓存已经加载的页面组件,以便在用户再次访问这些页面时能够更快地呈现内容,提升用户体验和性能。原创 2024-04-02 00:00:00 · 1792 阅读 · 2 评论 -
vue路由vue-router详解
Vue Router 是 Vue.js 官方的路由管理器,用于构建单页面应用程序(SPA)。它允许你在 Vue 应用中实现客户端端的路由功能,通过管理应用的不同视图之间的导航和状态。以下是 Vue Router 的一些主要特点和功能:1.声明式路由配置:Vue Router 允许你使用声明式的方式定义应用的路由规则,将路径映射到组件。2.嵌套路由:你可以定义嵌套路由,使得不同级别的路由可以对应不同的组件,从而构建复杂的页面结构。原创 2024-04-01 00:00:00 · 853 阅读 · 0 评论 -
vue内置组件、特殊元素、组件api详解
Vue.js 是一个流行的前端 JavaScript 框架,用于构建用户界面和单页面应用程序(SPA)。Vue.js 的设计目标是通过简单、灵活的 API 提供高效的数据驱动视图层渲染。本文主要针对script setup讲解以下是 Vue.js 的一些特点和优势:1.简洁易用:Vue.js 的 API 简单易懂,容易上手,使开发者能够快速构建交互性强、动态的用户界面。原创 2024-03-31 00:00:00 · 989 阅读 · 0 评论 -
一文带你看懂vue基础语法、生命周期、指令、监听器、依赖注入、插件
Vue.js 是一个流行的前端 JavaScript 框架,用于构建用户界面和单页面应用程序(SPA)。Vue.js 的设计目标是通过简单、灵活的 API 提供高效的数据驱动视图层渲染。本文主要针对script setup讲解以下是 Vue.js 的一些特点和优势:1.简洁易用:Vue.js 的 API 简单易懂,容易上手,使开发者能够快速构建交互性强、动态的用户界面。原创 2024-03-30 00:00:00 · 591 阅读 · 0 评论 -
react-router6新特性数据路由器、hook详解
react-router 是一个用于处理 React 应用程序中路由管理的库,它提供了一种简单而强大的方式来实现单页面应用程序(SPA)中的路由控制。通过 react-router,可以轻松地定义应用程序的不同路由,使用户能够在应用程序中浏览不同的页面或视图。数据路由器比普通的路由器支持加载器、操作、提取器等功能。原创 2024-03-26 00:00:00 · 885 阅读 · 0 评论 -
react-router6常规路由器、hook详解
react-router 是一个用于处理 React 应用程序中路由管理的库,它提供了一种简单而强大的方式来实现单页面应用程序(SPA)中的路由控制。通过react-router,可以轻松地定义应用程序的不同路由,使用户能够在应用程序中浏览不同的页面或视图。原创 2024-03-25 00:00:00 · 1314 阅读 · 0 评论 -
react状态管理器@reduxjs/toolkit、react-redux、redux-persist,从配置到持久化存储api详解
React Redux 是一个用于 React 应用程序的状态管理库。它帮助您管理应用程序的状态并使状态在应用程序中的组件之间共享和访问变得更容易。以下是 React Redux 的一些主要概念和工作原理:1.状态管理:React 应用程序中的状态通常存储在组件的本地状态中。但是,当应用程序变得复杂时,需要共享状态并使其在多个组件之间保持同步。React Redux 允许您将应用程序的状态存储在一个全局的状态树中,称为 Store。2.Store:Store 是应用程序中存储状态的单一来源。原创 2024-03-24 00:00:00 · 906 阅读 · 0 评论 -
一篇文章带你走进react的大门,组件、hook、api详解
React 是由 Facebook 开发的一款用于构建用户界面的 JavaScript 库。它主要专注于构建单页面应用程序(SPA)中的用户界面,采用组件化的开发方式,使得开发者能够更轻松地构建交互式、动态的前端界面。本文主要将React@18.2.0版本,由于React 官方文档通常更倾向于推荐函数组件和 Hooks 的使用,这这里主要介绍函数组件以下是 React 的一些主要特点和优势:1.组件化开发:React 鼓励开发者将界面拆分成独立的组件,每个组件负责管理自己的状态和 UI 显示。原创 2024-03-23 00:00:00 · 1009 阅读 · 0 评论 -
react PC端项目构建TS,reactV18+antd+vite+axios+redux+sass+typescript
本文只是大致讲了下react移动端项目搭建,具体的细节还是需要根据自己项目的需要进行调整。路由只封装了navigateTo、navigateBack,可以根据微信小程序路由api的逻辑https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.switchTab.html 封装switchTab、reLaunch、redirectTo,如果有更好的方法可以忽略该路由封装,个人觉得小程序路由做的挺好。路径别名可配可不配,根据自己喜好就行。原创 2024-03-20 00:00:00 · 1183 阅读 · 0 评论 -
react PC端项目构建,reactV18+antd+vite+axios+redux+sass
本文只是大致讲了下react移动端项目搭建,具体的细节还是需要根据自己项目的需要进行调整。路由只封装了navigateTo、navigateBack,可以根据微信小程序路由api的逻辑https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.switchTab.html 封装switchTab、reLaunch、redirectTo,如果有更好的方法可以忽略该路由封装,个人觉得小程序路由做的挺好。路径别名可配可不配,根据自己喜好就行。原创 2024-03-19 00:00:00 · 1249 阅读 · 0 评论 -
react移动端项目构建TS,reactV18+react_vant+vite+axios+redux+sass+typescript
本文只是大致讲了下react移动端项目搭建,具体的细节还是需要根据自己项目的需要进行调整。路由只封装了navigateTo、navigateBack,可以根据微信小程序路由api的逻辑https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.switchTab.html 封装switchTab、reLaunch、redirectTo,如果有更好的方法可以忽略该路由封装,个人觉得小程序路由做的挺好。路径别名可配可不配,根据自己喜好就行。原创 2024-03-20 00:00:00 · 1047 阅读 · 0 评论 -
react移动端项目构建,react+react_vant+vite+axios+redux+sass
本文只是大致讲了下react移动端项目搭建,具体的细节还是需要根据自己项目的需要进行调整。路由只封装了navigateTo、navigateBack,可以根据微信小程序路由api的逻辑https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.switchTab.html 封装switchTab、reLaunch、redirectTo,如果有更好的方法可以忽略该路由封装,个人觉得小程序路由做的挺好。路径别名可配可不配,根据自己喜好就行。原创 2024-03-18 00:00:00 · 1821 阅读 · 0 评论 -
vue3 PC端项目构建TS,vue3+ant+vite+axios+pinia+sass+typescript
本文只是大致讲了下vue3 pc端项目搭建,具体的细节还是需要根据自己项目的需要进行调整。路由只封装了navigateTo、navigateBack,可以根据微信小程序路由api的逻辑https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.switchTab.html 封装switchTab、reLaunch、redirectTo,如果有更好的方法可以忽略该路由封装,个人觉得小程序路由做的挺好。路径别名可配可不配,根据自己喜好就行。原创 2024-03-15 00:00:00 · 1262 阅读 · 0 评论 -
vue3 PC端项目构建,vue3+antd+vite+pinia+axios+sass
本文只是大致讲了下vue3移动端项目搭建,具体的细节还是需要根据自己项目的需要进行调整。路由只封装了navigateTo、navigateBack,可以根据微信小程序路由api的逻辑https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.switchTab.html 封装switchTab、reLaunch、redirectTo,如果有更好的方法可以忽略该路由封装,个人觉得小程序路由做的挺好。路径别名可配可不配,根据自己喜好就行。原创 2024-03-04 00:00:00 · 1301 阅读 · 0 评论 -
vue3移动端项目构建TS,vue3+vant+vite+axios+pinia+sass+typescript
本文只是大致讲了下vue3 pc端项目搭建,具体的细节还是需要根据自己项目的需要进行调整。路由只封装了navigateTo、navigateBack,可以根据微信小程序路由api的逻辑https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.switchTab.html 封装switchTab、reLaunch、redirectTo,如果有更好的方法可以忽略该路由封装,个人觉得小程序路由做的挺好。路径别名可配可不配,根据自己喜好就行。原创 2024-02-29 00:00:00 · 2101 阅读 · 0 评论 -
vue3移动端项目构建,vue3+vant+vite+axios+pinia+sass
本文只是大致讲了下vue3移动端项目搭建,具体的细节还是需要根据自己项目的需要进行调整。路由只封装了navigateTo、navigateBack,可以根据微信小程序路由api的逻辑https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.switchTab.html 封装switchTab、reLaunch、redirectTo,如果有更好的方法可以忽略该路由封装,个人觉得小程序路由做的挺好。路径别名可配可不配,根据自己喜好就行。原创 2024-02-27 00:00:00 · 4201 阅读 · 3 评论 -
npm,node不可缺少的包管理工具
npm(Node Package Manager)是一个用于管理和共享JavaScript代码的包管理工具。它是Node.js平台的默认包管理器,用于安装、更新和卸载JavaScript包。npm允许开发者在项目中引入其他开发者编写的模块和库,以便重用代码、提高开发效率。它提供了一个庞大的包仓库,其中包含了数以百万计的开源软件包,涵盖了各种功能和用途。原创 2024-02-26 00:00:00 · 877 阅读 · 0 评论 -
全网最全git教程,一文带你玩转git
Git是一个分布式版本控制系统,用于跟踪文件和文件夹的变化。它最初由Linus Torvalds在2005年创建,用于管理Linux内核的开发。Git的设计目标是速度、数据完整性和支持分布式、非线性工作流程。与集中式版本控制系统(如SVN)不同,Git将代码仓库完全复制到每个开发者的本地计算机上,每个开发者都具有完整的代码历史记录和版本信息。这种分布式的特性使得开发者可以在没有网络连接的情况下进行工作,并且可以更轻松地处理分支、合并和代码冲突等操作。原创 2024-02-25 00:00:00 · 721 阅读 · 0 评论 -
fiddler流量捕获之winconfig
windows 使用了一种叫做“AppContainer”的隔离技术,使得一些流量无法正常捕获,在 fiddler中点击 WinConfig 按钮可以解除,这个与菜单栏 Tools→Win8 Loopback Exemptions 功能是相同的,流量捕获:指拦截和记录通过计算机网络的网络请求和响应的过程。原创 2024-01-23 00:00:00 · 529 阅读 · 0 评论 -
fiddler根据规则替换本地文件
易盾wm.3.0.0_33d41777.min.js文件为例打开Fiddler,打开浏览器访问:https://dun.163.com/trial/jigsaw,在浏览器中找到wm.3.0.0_33d41777.min.js请求,保存到本地;在Fiddler中找到core-wm.3.0.0_33d41777.min.js请求,点击AutoResponder,把wm.3.0.0_33d41777.min.js请求拖到下面的框中Fiddler选择本地保存的文件替换修改FIddler匹配规则为 RE原创 2024-01-22 00:00:00 · 1122 阅读 · 4 评论 -
fiddler捕获HTTPS
打开软件查看请求会出现:HTTPS decryption is disabled. Click to configure,表示已经禁用https捕获,点击黄色警告可以进行https配置,也可以选择菜单栏tools>options进行配置勾选Decrypt HTTPS traffic → 点开 Actions → 重置证书 Reset All Certificates重置证书 Reset All Certificates之后也可以根据弹框提示点击确认,最后会提示安装证书,可以直接安装;安装如果原创 2024-01-21 00:00:00 · 431 阅读 · 0 评论 -
fiddler筛选请求并修改参数
【代码】fiddler筛选请求并修改参数。原创 2024-01-12 21:37:47 · 2126 阅读 · 0 评论 -
fiddler界面介绍
Fiddler是一款功能强大的网络调试工具,它可以帮助开发人员分析、监视和修改网络流量。它广泛用于开发和调试Web应用程序、移动应用程序和API。抓包和查看流量:Fiddler可以拦截和记录通过计算机网络的HTTP和HTTPS请求和响应。您可以查看请求和响应的详细信息,包括头部、正文、Cookie等。修改和重放请求:Fiddler允许您修改请求和响应,包括修改请求头、请求正文和响应内容。您可以使用这些功能来测试和模拟不同的场景,以便更好地理解和调试应用程序的行为。原创 2024-01-16 00:00:00 · 949 阅读 · 0 评论 -
node之fs库,文件系统
Node.js 的 fs 模块是一个内置模块,用于与文件系统进行交互。它提供了一组功能丰富的方法,用于读取、写入、修改和删除文件和目录。原创 2024-01-02 10:55:10 · 934 阅读 · 0 评论 -
node之vm2库,js沙盒环境
vm2 是一个用于在 Node.js 中创建沙盒环境的模块。它提供了一种安全执行 JavaScript 代码的方式,可以隔离和限制代码的访问权限,防止恶意代码对系统造成损害。创建沙盒环境:vm2 允许你创建一个虚拟机实例(VM),在该实例中运行 JavaScript 代码。这个虚拟机实例是一个隔离的环境,与主 Node.js 进程相互独立,可以在其中执行代码。限制访问权限:vm2 允许你限制代码对系统资源的访问权限。你可以控制代码能否访问全局对象、模块、文件系统和网络等资源,从而提供更高的安全性。原创 2024-01-02 00:00:00 · 2587 阅读 · 0 评论 -
node之express模块,Web 应用程序框架
Express 是一个流行的 Node.js Web 应用程序框架,它简化了构建 Web 应用程序和 API 的过程。它提供了一组简单而灵活的功能,使开发者能够快速构建可靠的 Web 服务器。路由:Express 提供了一种简单的方式来定义和处理不同 URL 路径的请求。通过定义路由,你可以将请求映射到特定的处理程序函数,以执行相应的操作。中间件:Express 的中间件是一个非常强大的概念,它允许你在请求和响应之间执行功能。中间件可以用于处理身份验证、日志记录、错误处理等任务。原创 2024-01-01 00:00:00 · 572 阅读 · 0 评论 -
AST技术的V8引擎与babel库
AST (Abstract Syntax Tree),译为抽象语法树,是编译原理中的一个概念,为源代码的抽象语法结构的树状表示,树上的每个节点都表示源代码中的一种结构,这种数据结构可以类别为一个大的 JSON 对象。通过 AST 技术,我们面对的就不再是各种符号混杂空格而成的文本字符串,而是一个严谨规范的 树形结构,我们可以通过对 AST 树节点的一系列操作,借助机器高效且精准地修改代码。原创 2023-12-28 00:00:00 · 1015 阅读 · 0 评论 -
nodejs之JSEncrypt模块,浏览器端非对称加密RSA算法库
JSEncrypt 是一个用于在浏览器中进行RSA加密和解密的 JavaScript 库。它提供了一种简单的方式来生成 RSA 密钥对、加密数据并使用私钥解密数据。生成密钥对:使用 JSEncrypt,你可以轻松地生成 RSA 密钥对。你可以通过调用 new JSEncrypt() 创建一个 JSEncrypt 实例,然后使用 getKey() 方法生成密钥对。生成的密钥对包括公钥和私钥。加密数据:一旦你有了密钥对,你可以使用公钥对数据进行加密。原创 2023-12-03 00:00:00 · 6634 阅读 · 7 评论 -
nodejs之 crypto-js模块,浏览器端加解密算法库
CryptoJS是一个JavaScript加密算法库,用于实现各种加密算法和哈希函数。它提供了一种简单而强大的方式来执行加密操作,包括对称加密算法、非对称加密算法和哈希函数等。CryptoJS支持的主要功能包括:1.对称加密:CryptoJS提供了常见的对称加密算法,如AES(Advanced Encryption Standard)和DES(Data Encryption Standard)。这些算法使用相同的密钥进行加密和解密操作,适用于保护数据的机密性。原创 2023-11-13 00:00:00 · 7966 阅读 · 0 评论 -
HTTP状态码、响应头、请求头
【代码】HTTP状态码、响应头、请求头。原创 2023-10-08 00:00:00 · 154 阅读 · 0 评论 -
IDE相关设置和插件
https://www.jetbrains.com/zh-cn/webstorm/原创 2023-10-08 00:00:00 · 180 阅读 · 0 评论 -
node安装,nvm管理器
可以在NVM安装根目录下的setting.txt文件中,配置NodeJS下载代理镜像,解决在线安装NodeJS时速度慢的问题。3.nvm deactivate 取消vnm,执行命令后,node版本为系统原本的版本。5.nvm cache clear、nvm cache cleared 清除缓存文件。1.nvm list available 查看可以下载的node版本。2.nvm install xxx 安装指定的node版本。3.nvm list 查看已经安装的node。原创 2023-10-08 00:00:00 · 317 阅读 · 0 评论 -
nodejs之jsdom插件,运行浏览器环境
【代码】nodejs之jsdom插件,运行浏览器环境。原创 2023-10-08 00:00:00 · 1677 阅读 · 0 评论 -
前端meta标签属性的使用详解
meta属性在HTML中占据了很重要的位置。如:针对搜索引擎的SEO,文档的字符编码,设置刷新缓存等。虽然一些网页可能没有使用meta,但是作为正规军,我们还是有必要了解一些meta的属性,并且能够熟练使用它们。原创 2023-10-08 00:00:00 · 371 阅读 · 0 评论 -
fillder手机联调
注意:必须确保安装fiddler的电脑和手机在同一个wifi环境下(同一个wifi是指在同一个网段,不是同一个局域网。原创 2023-10-08 00:00:00 · 124 阅读 · 0 评论 -
pm2:node进程管理工具
【代码】pm2:node进程管理工具。原创 2023-10-08 00:00:00 · 168 阅读 · 0 评论 -
Xpath 定位HTML节点
XPath(XML Path Language)是一种用于在 XML 文档中定位节点的查询语言。它提供了一种简洁而强大的方式来遍历和选择 XML 文档中的元素和属性。原创 2023-08-22 22:00:00 · 84 阅读 · 0 评论 -
sass基础语法大全,你值得拥有
说明:变量支持块级作用域,嵌套规则内定义的变量只能在嵌套规则内使用(局部变量),不在嵌套规则内定义的变量则可在任何地方使用(全局变量)。将局部变量转换为全局变量可以添加!default 给一个未通过!default 声明赋值的变量赋值,此时,如果变量已经被赋值,不会再被重新赋值,但是如果变量还没有被赋值,则会被赋予新的值。通过 #{} 插值语句可以在选择器、属性名或属性值中使用变量。原创 2023-06-16 19:00:00 · 885 阅读 · 0 评论 -
typescript超全入门基础语法详解,及配置文件详解
TypeScript 是微软开发的JavaScript的超集,typescript兼容JavaScript,可以载入JavaScript代码然后运行。原创 2023-04-28 21:45:00 · 296 阅读 · 0 评论 -
前端注释规范
@file 对文件的描述,用于文件的头部 @author yussicahe <yussicahe@gmail.com> 代码的作者,在姓名后面用尖括号加上邮箱会被自动转成mailto:的链接 @copyright 2015 Tencent AlloyTeam 与@file结合使用,说明版权相关的信息 @license 说明许可证相关的信息 @type { 类型 } 标识一个类型,常和@enum搭配 @var { 类型 } 名字 描述 标识一个变量 @property { 类型...原创 2021-05-08 17:54:53 · 369 阅读 · 0 评论