随笔分类 - web前端
摘要：去 npm 创建账号，如果提示需要 2FA 认证，可以去完善，选择第一个（第二个是扫码的，有点麻烦，还要下载 App 进行扫码） 新建一个项目，写点内容，或者可以使用 rslib 来快速创建一个模板 补充 package.json { "name": "my-package", // 包名，名字不能
阅读全文
摘要：最近在 windows 服务器上用 pm2 部署 Nextjs 项目时遇到了一些错误，遂水一下文章。 以下均为 standalone 模式下构建所遇到的问题，export 下未知 windows 上用 pnpm 包管理工具 build 报错 [operation not permitted, sym
阅读全文
摘要：本文的 responsive observe 是基于 antd responsiveObserver 的方法解读，在实现 responsive observe 前，我们必须先了解一下 js 的发布订阅模式。 了解发布订阅模式 发布订阅模式，好理解的话可以以各视频平台的例子： 你和朋友特关了 A 账号
阅读全文
摘要：网上没找到类似的解决方案，遂水一下。Sharepoint 虽然有提供 web 开发的文档，但必须使用 microsoft 官方的脚手架，且页面的定制化能力极低（自带 Sharepoint 的部分导航内容），这与我们期望的大相径庭。 我们的期望：仅使用 Sharepoint 作为静态资源的存放处（跟服
阅读全文
摘要：背景是已有的 AI 服务，在使用 Next 对接对话接口时出现的一些问题，做一个简易复现及问题解决方法 如果是使用第三方包工具包去对接 OpenAI 等厂商接口的，此文章大概率不适用。 文章中的问题大概率只在 Next 中存在，如果是常规的 SPA 项目，此文章大概率不适用 文中的解决方法并不一定是
阅读全文
摘要：最近使用 Nextjs 写了个博客网站，顺带接触了一下 Docker，Docker 确实很香，但也不能说简单，非要评价的化就是上限高下限低。目前网站已正常运行，所以文章内的绝大部分应该是不存在大问题的。 本文篇幅应该略长，主要内容如下： 所有容器使用 docker-compose 配置，拒绝过长命令
阅读全文
摘要：vue 的响应式数据 + jsx 开发体验简直不要太好，心智负担确实小，简直完爆 react（纯属个人暴论），什么？你说 jsx 性能不好？得加钱（狗头保命）。不足的地方就是生态了，这点确实比不过 react。 本文更侧重于 TS 类型的写法，毕竟初次接触 vue jsx 时，实在对其 TS 类型声
阅读全文
摘要：本系列目录如下： 项目初始化搭建+代码规范集成 组件库多产物编译及文档编写 turborepo 集成 Icon 图标组件库自动生成 svg 组件 对组件库感兴趣的同学可查看进一步 sqi-ui，此组件库在该教程的基础之上补充更多细节，并已有数十个基础组件（重型组件在规划中），并不是 demo 级别的
阅读全文
摘要：本系列目录如下： 项目初始化搭建+代码规范集成 组件库多产物编译及文档编写 turborepo 集成 Icon 图标组件库自动生成 svg 组件 对组件库感兴趣的同学可查看进一步 sqi-ui，此组件库在该教程的基础之上补充更多细节，并已有数十个基础组件（重型组件在规划中），并不是 demo 级别的
阅读全文
摘要：本系列目录如下： 项目初始化搭建+代码规范集成 组件库多产物编译及文档编写 turborepo 集成 Icon 图标组件库自动生成 svg 组件 对组件库感兴趣的同学可查看进一步 sqi-ui，此组件库在该教程的基础之上补充更多细节，并已有数十个基础组件（重型组件在规划中），并不是 demo 级别的
阅读全文
摘要：本系列涉及的内容如下： 组件库基础搭建，react + ts + less 项目规范，包括但不限于 prettier、eslint、stylelint、husky、lint-staged、commitlint pnpm monorepo + turborepo 集成 gulp + webpack 构
阅读全文
摘要：对接后台登录流程 微信官方早都已经禁止开发者直接通过 api 获取用户信息数据了，大家拿个用户的 openid 注册好，剩下的让用户填写就行了。 先上官方的经典登录流程图： 步骤拆分解析： 前端通过 调用官方 API wx.login，将回调中的 code 临时登陆凭证传递给（请求）后台 后台去请求
阅读全文
摘要：eslint 8 到 9 属于破坏性更新（Break Change），因此导致 eslint 8 配置方式无法直接使用（可以使用兼容包，但这不是本文的主题）。 其实大家最关心的就是从 eslint 8 到 9 之后的写法，而与 eslint 息息相关的多种配置插件也需要大量的变更，因此本文核心就是：
阅读全文
摘要：前言 对于文章涉及的内容，可直接看总结，对代码规范没了解的小白，若从头看到尾，也可以搭建出来。 本文章内的项目内容基于 vite + react + ts 搭建，但通篇并未涉及 react 的东西，所以可以通用。适合新手入门项目规范，最小化的完成代码规范和 git 提交规范，开发工具使用 vscod
阅读全文
摘要：前言 奇怪的知识又增加了。 使用原生 html 写 vue 项目。注意：是项目，而不是页面，此方式是不推荐的，毕竟有脚手架，但在一些及其特殊场景下，可能会需要类似的方式，因此作为一个记录。 这种方式唯一的优点就是写完可以直接扔服务器上了－_－ 对 html 写 vue 的认知 很多人对 在 html
阅读全文
摘要：react 无法做到像 vue 一样自动收集依赖更新（期待 react19 的 React Compiler），React 19 已正式发布，但有过多的 breakchange，建议观望等生态兼容，可使用 react-compiler-runtime 作为 react19 以下的 compiler
阅读全文
摘要：微前端用通俗易懂的话来说就是：一个主应用（基座）中可以搭建多个子应用（微应用），这些子应用可以是不同版本，不同前端框架，而且跟主应用的语言无关，主应用仅仅是一个基座。 正常一个项目想要展示另一个项目，通常会用 iframe 进行嵌入，但是相比 iframe，qiankun 等微前端的接入表现形式会更
阅读全文
摘要：前言 本文采用前后端分离模式，后端给前端每个分片的上传临时凭证，前端请求临时url，通过后端间接的去上传分片。前端分别提供了 vue3 （TypeScript）和 react（TypeScript） 版本的示例，代码逻辑保持 99% 一致，差异仅仅是为了适配两个框架不同组件库API的差异。 前端Re
阅读全文
摘要：移动端适配的看法 看了很多关于移动端适配的方案，是否选择移动端适配，有以下几个观点： 该应用只可以在移动端使用，比如 app， 如果是 h5 页面，且可以电脑访问的，尽量放弃移动端适配方案，不适合 为什么放弃移动端适配 首先需要明白，什么是移动端适配。 为了兼顾不同机型，在不同的比例下访问时，呈现的
阅读全文
浙公网安备 33010602011771号