<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[ll_renlong的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/ll_renlong</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; ll_renlong]]></copyright><item><title><![CDATA[JWT 基础]]></title><link>https://blog.youkuaiyun.com/ll_renlong/article/details/151154150</link><guid>https://blog.youkuaiyun.com/ll_renlong/article/details/151154150</guid><author>ll_renlong</author><pubDate>Wed, 03 Sep 2025 17:42:49 +0800</pubDate><description><![CDATA[针对前后端分离的项目，大多是通过 token 进行身份认证来进行交互，今天将介绍一种简单的创建 token 的方式 -- JWT。JSON Web Token（JWT）是一个非常轻巧的规范。这个规范允许我们使用 JWT 在用户和服务器之间传递安全可靠的信息。]]></description><category></category></item><item><title><![CDATA[JSON Web Token]]></title><link>https://blog.youkuaiyun.com/ll_renlong/article/details/151154123</link><guid>https://blog.youkuaiyun.com/ll_renlong/article/details/151154123</guid><author>ll_renlong</author><pubDate>Wed, 03 Sep 2025 17:41:48 +0800</pubDate><description><![CDATA[JSON Web Token（缩写 JWT）是目前最流行的跨域认证解决方案，本文介绍它的原理和用法。]]></description><category></category></item><item><title><![CDATA[error:0308010C:digital envelope routines::unsupported]]></title><link>https://blog.youkuaiyun.com/ll_renlong/article/details/145543509</link><guid>https://blog.youkuaiyun.com/ll_renlong/article/details/145543509</guid><author>ll_renlong</author><pubDate>Mon, 10 Feb 2025 10:03:59 +0800</pubDate><description><![CDATA[node.js 18 不兼容oppsll，node.js v17以上版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制。打开终端，直接输入（问题解决）]]></description><category></category></item><item><title><![CDATA[Nginx配置与部署]]></title><link>https://blog.youkuaiyun.com/ll_renlong/article/details/144538573</link><guid>https://blog.youkuaiyun.com/ll_renlong/article/details/144538573</guid><author>ll_renlong</author><pubDate>Tue, 17 Dec 2024 16:22:40 +0800</pubDate><description><![CDATA[仅用于个人学习使用。]]></description><category></category></item><item><title><![CDATA[vscode debug vue项目]]></title><link>https://blog.youkuaiyun.com/ll_renlong/article/details/144538407</link><guid>https://blog.youkuaiyun.com/ll_renlong/article/details/144538407</guid><author>ll_renlong</author><pubDate>Tue, 17 Dec 2024 16:18:25 +0800</pubDate><description><![CDATA[用于个人学习使用

1. 开启sourcemap

vue.config.js文件中，添加如下配置:


configureWebpack: {
 devtool: process.env.NODE_ENV !=="production"?"source-map":'',
}



原理：暴露未编译前的目录结构，使程序能够精确定位代码断点位置（大概这个意思）


2.启动项目 记录下访问端口






3.新建debug配置














{
// 使用 Intel]]></description><category></category></item><item><title><![CDATA[vscode 代码提示慢 解决方式]]></title><link>https://blog.youkuaiyun.com/ll_renlong/article/details/141931892</link><guid>https://blog.youkuaiyun.com/ll_renlong/article/details/141931892</guid><author>ll_renlong</author><pubDate>Thu, 05 Sep 2024 15:19:54 +0800</pubDate><description><![CDATA[其中：Hover:Delay 是移动过去标签后的提示延迟，根据自己的需要自行调整。将 Quick Suggestions Delay 都设为0。保存后，在试试现在的提示速度，基本是秒弹提示的。]]></description><category></category></item><item><title><![CDATA[前端生成二维码]]></title><link>https://blog.youkuaiyun.com/ll_renlong/article/details/141397160</link><guid>https://blog.youkuaiyun.com/ll_renlong/article/details/141397160</guid><author>ll_renlong</author><pubDate>Wed, 21 Aug 2024 16:34:37 +0800</pubDate><description><![CDATA[node-qrcode是一个用于生成二维码的Node.js库，它支持多种数据格式，并且可以将生成的二维码导出为各种图像格式，如PNG、JPEG、SVG和Data URI，react-qr-code 是一个基于 React 的库，用于在 React 和 React Native 组件中生成二维码。qrcode.react 是一个基于React的库，专门用于在React应用程序中生成二维码。：该库能够检测当前的终端环境，并根据终端的类型和特性调整 QR 码的显示方式。]]></description><category></category></item><item><title><![CDATA[VS Code 常用快捷键大全]]></title><link>https://blog.youkuaiyun.com/ll_renlong/article/details/141396400</link><guid>https://blog.youkuaiyun.com/ll_renlong/article/details/141396400</guid><author>ll_renlong</author><pubDate>Wed, 21 Aug 2024 16:11:08 +0800</pubDate><description><![CDATA[直接跳转到当前代码中引用的函数、方法、变量等的定义处。]]></description><category></category></item><item><title><![CDATA[2024 最新最全 VS Code 插件推荐！]]></title><link>https://blog.youkuaiyun.com/ll_renlong/article/details/141396043</link><guid>https://blog.youkuaiyun.com/ll_renlong/article/details/141396043</guid><author>ll_renlong</author><pubDate>Wed, 21 Aug 2024 16:07:31 +0800</pubDate><description><![CDATA[此文档只作为个人学习记录Visual Studio Code 是由微软开发的一款开源的代码编辑器，它有了一个丰富的插件市场，提供了很多实用的插件。本文就来分享 2024 年开发必备的 VS Code 插件！]]></description><category></category></item><item><title><![CDATA[ECMAScript 2024 正式发布，新特性一览！]]></title><link>https://blog.youkuaiyun.com/ll_renlong/article/details/141395732</link><guid>https://blog.youkuaiyun.com/ll_renlong/article/details/141395732</guid><author>ll_renlong</author><pubDate>Wed, 21 Aug 2024 15:52:24 +0800</pubDate><description><![CDATA[2024 年 6 月 26 日，第 127 届 ECMA 大会正式批准了 ECMAScript 2024 语言规范，这意味着它现在正式成为最新 ECMAScript 标准。下面就来看看 ECMAScript 2024 都有哪些新特性吧！resize正则表达式v标志。]]></description><category></category></item><item><title><![CDATA[5 分钟搞定！无需服务器、域名，快速部署前端项目！]]></title><link>https://blog.youkuaiyun.com/ll_renlong/article/details/141395626</link><guid>https://blog.youkuaiyun.com/ll_renlong/article/details/141395626</guid><author>ll_renlong</author><pubDate>Wed, 21 Aug 2024 15:49:36 +0800</pubDate><description><![CDATA[你是否曾经为配置服务器和繁琐的域名备案流程而头疼不已？是否渴望找到一种简单、高效的途径，让你的前端项目即刻上线？本文将为你揭秘 3 种无需服务器和域名并且完全免费的前端项目快速部署方式 ——和，让你的项目在 5 分钟内快速上线，与世界共享你的精彩！]]></description><category></category></item><item><title><![CDATA[2024 Vue 生态工具最能打的组合！]]></title><link>https://blog.youkuaiyun.com/ll_renlong/article/details/141395216</link><guid>https://blog.youkuaiyun.com/ll_renlong/article/details/141395216</guid><author>ll_renlong</author><pubDate>Wed, 21 Aug 2024 15:39:12 +0800</pubDate><description><![CDATA[经过 10 年的演进，Vue 已经构建了一个极为丰富且强大的生态系统，本文就来盘点 2024 年 Vue 开发最能打的技术组合！]]></description><category></category></item><item><title><![CDATA[vue 响应性语法糖]]></title><link>https://blog.youkuaiyun.com/ll_renlong/article/details/141125294</link><guid>https://blog.youkuaiyun.com/ll_renlong/article/details/141125294</guid><author>ll_renlong</author><pubDate>Mon, 12 Aug 2024 10:49:05 +0800</pubDate><description><![CDATA[组合式 API 特有响应性语法糖是组合式 API 特有的功能，且必须通过构建步骤使用。已移除的实验性功能响应性语法糖曾经是一个实验性功能，且已在 3.4 版本中被移除，请阅读。如果仍然打算使用它，你现在可以使用插件。]]></description><category></category></item><item><title><![CDATA[通过vue-cli创建uni-app项目后tsconfig.json文件报错]]></title><link>https://blog.youkuaiyun.com/ll_renlong/article/details/141017922</link><guid>https://blog.youkuaiyun.com/ll_renlong/article/details/141017922</guid><author>ll_renlong</author><pubDate>Thu, 08 Aug 2024 09:33:18 +0800</pubDate><description><![CDATA[这是一个很明显的ts报错，我们就不要考虑其他东西了，就直接找ts的问题。]]></description><category></category></item><item><title><![CDATA[Flex 布局：语法篇]]></title><link>https://blog.youkuaiyun.com/ll_renlong/article/details/140886526</link><guid>https://blog.youkuaiyun.com/ll_renlong/article/details/140886526</guid><author>ll_renlong</author><pubDate>Sat, 03 Aug 2024 10:27:56 +0800</pubDate><description><![CDATA[采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目"。Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。属性定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩小。属性为2，其他项目都为1，则前者占据的剩余空间将比其他项多一倍。属性都为1，当空间不足时，都将等比例缩小。属性为0，其他项目都为1，则空间不足时，前者不缩小。]]></description><category></category></item><item><title><![CDATA[表单字段验证常用正则表达式]]></title><link>https://blog.youkuaiyun.com/ll_renlong/article/details/140689058</link><guid>https://blog.youkuaiyun.com/ll_renlong/article/details/140689058</guid><author>ll_renlong</author><pubDate>Thu, 25 Jul 2024 14:24:16 +0800</pubDate><description><![CDATA[【代码】表单字段验证常用正则表达式。]]></description><category></category></item><item><title><![CDATA[hash和history两种模式的区别]]></title><link>https://blog.youkuaiyun.com/ll_renlong/article/details/140518803</link><guid>https://blog.youkuaiyun.com/ll_renlong/article/details/140518803</guid><author>ll_renlong</author><pubDate>Thu, 18 Jul 2024 11:38:14 +0800</pubDate><description><![CDATA[history 模式改变 url 的方式会导致浏览器向服务器发送请求，这不是我们想看到的，我们需要在服务器端做处理：如果匹配不到任何静态资源，则应该始终返回同一个 html 页面）因此可以说，hash 模式和 history 模式都属于浏览器自身的特性，Vue-Router 只是利用了这两个特性（通过调用浏览器提供的接口）来实现前端路由。如果不想要很丑的 hash，我们可以用路由的 history 模式，这种模式充分利用 history.pushState API 来完成。URL 跳转而无须重新加载页面。]]></description><category></category></item><item><title><![CDATA[vue3 + typescript 全局属性设置类型报错]]></title><link>https://blog.youkuaiyun.com/ll_renlong/article/details/140143171</link><guid>https://blog.youkuaiyun.com/ll_renlong/article/details/140143171</guid><author>ll_renlong</author><pubDate>Wed, 03 Jul 2024 09:30:43 +0800</pubDate><description><![CDATA[data: {};} & ... 4 more ... & ComponentC...”上不存在属性“xxxxx”。在src文件下创建shims-vue.d.ts 文件。]]></description><category></category></item><item><title><![CDATA[找不到模块 “path“ 或其相对应的类型声明]]></title><link>https://blog.youkuaiyun.com/ll_renlong/article/details/140143022</link><guid>https://blog.youkuaiyun.com/ll_renlong/article/details/140143022</guid><author>ll_renlong</author><pubDate>Wed, 03 Jul 2024 09:28:52 +0800</pubDate><description><![CDATA[import path from ‘path’ 报红色波浪线，提示信息找不到模块 “path“ 或其相对应的类型声明。参考：https://blog.youkuaiyun.com/SSophia/article/details/135439769。在开发项目的时候文件与文件关系可能很复杂，因此我们需要给src文件夹配置一个别名。解决办法：npm install @types/node --save-dev。TypeScript 编译配置。]]></description><category></category></item></channel></rss>