摘要: 图片优化 png压缩工具: jpg压缩工具: gif压缩工具: 响应式图片: 逐步加载图片: 图片服务器自动优化: 阅读全文
posted @ 2025-07-31 11:29 一个甜橙子 阅读(6) 评论(0) 推荐(0)
摘要: HTML压缩 主要是减少http请求数量以及减少资源的大小 nodejs提供了 html-minifier 工具 后端模版引擎渲染压缩 css压缩 无效代码删除和语义合并 js压缩 删除注释、变量名替换、代码语义缩减与优化、代码压缩保护(因为前端代码透明) html-minifier、uglifyj 阅读全文
posted @ 2025-07-31 10:48 一个甜橙子 阅读(7) 评论(0) 推荐(0)
摘要: Children Prop是指组件开闭标签之间的内容,比如 <Button bgColor="#7950f2" textColor="#fff" onClick={handlePrevious}> <span>👈</span> Previous // ← 这就是 children 的内容 </Bu 阅读全文
posted @ 2025-07-06 20:36 一个甜橙子 阅读(5) 评论(0) 推荐(0)
摘要: Array.from({length: 20}, (_, i) => i + 1) 这一表达式在 JavaScript 中的作用是:创建一个长度为 20 的数组,并将数组中的每个元素初始化为 1 到 20 的数字。 解析这个表达式 Array.from() 方法: Array.from() 可以用来 阅读全文
posted @ 2024-12-30 11:27 一个甜橙子 阅读(53) 评论(0) 推荐(0)
摘要: JSX只能拥有一个root元素,即只能有一个父元素。 React不会渲染true或false到界面上,但会渲染0,1。 isOpen && <p>Hello!</p> 上述短路表达式意为:只有当isOpen为真时,才会执行第二部分内容,返回第二部分内容。如果isOpen为假且它的值为0,表达式会返回 阅读全文
posted @ 2024-12-28 16:48 一个甜橙子 阅读(14) 评论(0) 推荐(0)
摘要: useState是React的一个函数,返回一个数组。 useEffect(function(), []),别忘记第二个参数是空数组。 1. A first look at REACT 以前网页由服务端渲染-> SPA Web Applications 数据的同步更新很重要! React是什么? J 阅读全文
posted @ 2024-12-27 11:48 一个甜橙子 阅读(18) 评论(0) 推荐(0)
摘要: MVC模式之 Controller 与 View 如何通信? 用到发布-订阅者模式 订阅者(Subscriber):想要响应事件的代码 发布者(Publisher):知道何时触发事件的代码 View中监听事件发生,真正的事件处理要在Controller里面。现在的问题是:事件处理函数controlR 阅读全文
posted @ 2024-12-07 20:32 一个甜橙子 阅读(20) 评论(0) 推荐(0)
摘要: 私钥保存在服务端,不知道私钥就无法解密。 GPT老师如是说: JWT 的组成 JWT(JSON Web Token)由三部分组成,分别是: Header(头部): 头部通常包含两部分信息: typ(类型):通常是 "JWT"。 alg(算法):指定用于签名的算法,如 HS256(HMAC SHA-2 阅读全文
posted @ 2024-11-20 20:00 一个甜橙子 阅读(24) 评论(0) 推荐(0)
摘要: 跨域:前端发起登录请求时会出现跨域。这时前端在发起实际的POST登录请求之前,会先向服务端发送OPTIONS请求,判别一下服务端是否允许跨域来访问这个接口,也就是说跨域请求的访问由浏览器来控制,服务端下发了一些response header之后比如允许跨域Access-COntrol-Allow-H 阅读全文
posted @ 2024-11-19 16:42 一个甜橙子 阅读(86) 评论(0) 推荐(0)
摘要: 绿色框框是前端,黄色框框是后端。 一开始不存在token,若路由存在白名单中,比如login页面,此时会将app.vue中的替换成 login 组件。 因为我们在路由中定义了login组件。👆 login/index 动态路由原理 去看文档当中的相应内容。 路由重定向原理 面包屑导航 如果只是简单 阅读全文
posted @ 2024-11-19 14:52 一个甜橙子 阅读(18) 评论(0) 推荐(0)