2024年11月14日
从零到一构建并打包 React + TypeScript + Less组件库教程（三、turborepo 集成）
摘要： 本系列目录如下： 项目初始化搭建+代码规范集成 组件库多产物编译及文档编写 turborepo 集成 React Icon 组件库搭建（待定） turborepo 就是专门做构建用的，对于 monorepo 项目来说更适合，构建缓存等可以大大优化开发体验。如果只是基本使用，甚至可以把它当作一个大号的 阅读全文
posted @ 2024-11-14 15:32 风希落 阅读(4) 评论(0) 推荐(0) 编辑
从零到一构建并打包 React + TypeScript + Less组件库教程（二、组件库编译多产物及文档编写）
摘要： 本系列目录如下： 项目初始化搭建+代码规范集成 组件库多产物编译及文档编写 turborepo 集成 React Icon 组件库搭建（待定） 上篇文章我们将组件库的基本结构和规范进行了整理，本篇的核心基本全在 components 文件夹下 本章节由于内容较多，分成了两次 commit 打包 es 阅读全文
posted @ 2024-11-14 11:45 风希落 阅读(14) 评论(0) 推荐(0) 编辑
从零到一构建并打包 React + TypeScript + Less组件库教程（一、项目初始化搭建+代码规范集成）
摘要： 本系列涉及的内容如下： 组件库基础搭建，react + ts + less 项目规范，包括但不限于 prettier、eslint、stylelint、husky、lint-staged、commitlint pnpm monorepo + turborepo 集成 gulp + webpack 构 阅读全文
posted @ 2024-11-14 11:38 风希落 阅读(5) 评论(0) 推荐(0) 编辑
2024年9月7日
小程序授权登录前后端对接及用户信息完善
摘要： 对接后台登录流程 微信官方早都已经禁止开发者直接通过 api 获取用户信息数据了，大家拿个用户的 openid 注册好，剩下的让用户填写就行了。 先上官方的经典登录流程图： 步骤拆分解析： 前端通过 调用官方 API wx.login，将回调中的 code 临时登陆凭证传递给（请求）后台 后台去请求 阅读全文
posted @ 2024-09-07 22:14 风希落 阅读(84) 评论(0) 推荐(0) 编辑
2024年8月13日
ts 项目如何从 ESlint8 升级至 ESlint9 并集成 Prettier 的最新写法
摘要： eslint 8 到 9 属于破坏性更新（Break Change），因此导致 eslint 8 配置方式无法直接使用（可以使用兼容包，但这不是本文的主题）。 其实大家最关心的就是从 eslint 8 到 9 之后的写法，而与 eslint 息息相关的多种配置插件也需要大量的变更，因此本文核心就是： 阅读全文
posted @ 2024-08-13 23:35 风希落 阅读(1005) 评论(0) 推荐(0) 编辑
2024年7月1日
前端vue/react通用工程化脚手架eslint prettier stylelint husky项目规范搭建（新手入门详细教程）
摘要： 前言 对于文章涉及的内容，可直接看总结，对工程化没了解的小白，若从头看到尾，也可以搭建出来。 本文章内的项目内容基于 vite + react + ts 搭建，但通篇并未涉及 react 的东西，所以可以通用。适合新手入门的工程化项目规范，最小化的完成代码规范和 git 提交规范，开发工具使用 vs 阅读全文
posted @ 2024-07-01 10:59 风希落 阅读(106) 评论(0) 推荐(0) 编辑
2024年6月22日
纯html如何识别.vue文件并搭建vue项目
摘要： 前言 奇怪的知识又增加了 (⊙_⊙)。 使用原生 html 写 vue 项目。注意：是项目，而不是页面，此方式是不推荐的，毕竟有脚手架，但在一些及其特殊场景下，可能会需要类似的方式，因此作为一个记录。 这种方式唯一的优点就是写完可以直接扔服务器上了－_－ 对 html 写 vue 的认知 很多人对 阅读全文
posted @ 2024-06-22 17:22 风希落 阅读(229) 评论(0) 推荐(0) 编辑
2024年5月28日
memo、useMemo、useCallback以及useRef的使用场景进行性能优化
摘要： react 无法做到像 vue 一样自动收集依赖更新（期待 react19 的 React Compiler），需要开发人员手动的进行性能优化，此时 memo、useCallback、useMemo、useRef 就是性能优化中的重要 API 本文虽然介绍可应用场景，但是正常开发中，尤其是 useC 阅读全文
posted @ 2024-05-28 17:58 风希落 阅读(192) 评论(0) 推荐(0) 编辑
2024年5月24日
微前端qiankun从环境搭建到项目部署
摘要： 微前端用通俗易懂的话来说就是：一个主应用（基座）中可以搭建多个子应用（微应用），这些子应用可以是不同版本，不同前端框架，而且跟主应用的语言无关，主应用仅仅是一个基座。 正常一个项目想要展示另一个项目，通常会用 iframe 进行嵌入，但是相比 iframe，qiankun 等微前端的接入表现形式会更 阅读全文
posted @ 2024-05-24 09:27 风希落 阅读(1712) 评论(0) 推荐(1) 编辑
2024年5月14日
Minio分片上传、断点续传、分片下载、秒传、暂停（断点）下载（Java版-附源码地址）
摘要： 前言 本文采用前后端分离模式，后端给前端每个分片的上传临时凭证，前端请求临时url，通过后端间接的去上传分片。前端分别提供了 vue3 （TypeScript）和 react（TypeScript） 版本的示例，代码逻辑保持 99% 一致，差异仅仅是为了适配两个框架不同组件库API的差异。 前端Re 阅读全文
posted @ 2024-05-14 12:08 风希落 阅读(4149) 评论(0) 推荐(0) 编辑
下一页