- 博客(12)
- 收藏
- 关注
RSS订阅原创 从 16 个方向逐步搭建基于 vue3 的前端架构
由于vue3.2版本的发布，的实验性标志已经去掉，这说明这个语法提案已经正式开始使用，并且我个人对这个方案表示非常喜欢，其他的更新请自行了解。到目前为止，我认为 vue3 已经完全可以用于生产环境。在此将我的开发体验，总结至此，分享给大家。我认为前端架构核心工作是定制一套适合当前业务需求的解决方案，从而降低需求的增加而带来的技术实现的复杂度。下面我将从 16 个方向，逐渐带领大家搭建一套属于你自己的脚手架，制定一套合理的解决方案，为项目打下良好的基础，与同伴形成合适的开发习惯。
2024-02-05 08:18:51
958
原创 基于Vue的前端架构，我做了这15点
由于vue3.2版本的发布，的实验性标志已经去掉，这说明这个语法提案已经正式开始使用，并且我个人对这个方案表示非常喜欢，其他的更新请自行了解。到目前为止，我认为 vue3 已经完全可以用于生产环境。在此将我的开发体验，总结至此，分享给大家。我认为前端架构核心工作是定制一套适合当前业务需求的解决方案，从而降低需求的增加而带来的技术实现的复杂度。下面我将从 16 个方向，逐渐带领大家搭建一套属于你自己的脚手架，制定一套合理的解决方案，为项目打下良好的基础，与同伴形成合适的开发习惯。
2024-02-05 08:18:23
775
原创 VuePress + Travis CI + Github Pages 全自动上线文档
1.Github 创建项目，本地创建切换到 docs 分支，通过 VuePress 构建文档项目（写一些文档），上传至 Github。2.使用 Github 创建项目 [name].github.io，例如我的文档是 codexu.github.io，关联到本地。因为在这个项目下，可以直接使用 https://[name].github.io/ 域名，短小精悍～因为在 [name].github.io 项目下没得选，你也可以换个其他仓库，就可以避免这个问题。，使用 Github 登陆， 进入。
2024-02-04 08:46:21
945
原创 Canvas实现高性能的瀑布图
废话不多说，先上成品图：再来个迷你动图：可能很多同学不知道频谱图和瀑布图，其实我也不懂…但是咱们前端就是负责把数据按照规则显示出来就好（上方折线图为频谱图，下方那一坨为瀑布图）。
2024-02-04 08:45:00
933
原创 零 rust 基础前端使直接上手 tauri 开发一个小工具
关于tauri和electron，甚至是flutterqt这种技术方向没必要讨论谁好谁坏，主要还是考虑项目的痛点，去选择适合自己的方式，没必要捧高踩低。Rust真的很难学，我上文草草几句入门，其实并没有那么简单，刚上手会踩很多坑，甚至无从下手不会写代码。我主要的目的是希望大家有想法就要着手去做，毕竟站在岸上学不会游泳。Flutter使用dart，我曾经写写过两个 app，相比于rustdart对于前端同学来说可以更轻松的学习。Tauri我目前还是比较看好，也很看好rust。
2024-02-02 09:46:09
735
原创 Monorepo 项目实现共享 Tailwind 配置
统一的 tailwind 配置，对于管理同一品牌下的多个 tailwind 项目来说非常有用，实现了颜色、字体和其他常见自定义的配置的唯一来源，使得项目越来越复杂的情况下，也可以轻松实现配置修改。
2024-02-01 08:17:54
823
原创 盘点那些值得开启的 ESLint 规则
ESLint 提供了大量的规则，配合插件机制，可以辅助我们写出更优秀的 JavaScript 代码，极大地提高开发效率和代码质量。对于想编写高质量代码的开发人员来说，ESLint是非常有用的工具，毫不夸张的说，大量的 bug 都可以在使用 ESLint 时被避免。当然 ESLint 对于很多人来说像噩梦一样，这种工具更适合在团队中使用，或者对自己要求较高的个人开发者使用，有的人认为 ESLint 这种东西就是反人类，而我认为，使用它正是帮你写出不反人类的代码。
2024-02-01 08:17:01
885
原创 Turborepo 项目使用环境变量的4种方式
这里对几个名词作一下简单的介绍，如果对这些有经验可以直接省略本章节。以上这些方式可以帮助 Turborepo 项目更好地管理环境变量，确保环境变量的一致性和安全性。选择适合项目的方式，有助于简化环境变量的管理和使用。希望官方可以尽快出一个更好的使用方案，现在这些方案使用起来确实不太舒适。
2024-01-31 10:46:28
1019
原创 下一代浏览器插件开发框架 WXT 入门指南
如果你没有开发过浏览器插件，那么我建议你直接选择一款框架去开发，因为我们在开发一款 Chrome 插件时，是采用 HTML、CSS 和 JavaScript 的传统方式开发，无法直接使用 vue、react 等常用框架去编写 UI，编译环境也需要自己手动去搭建，往往一些简单的插件，光是环境搭建比业务开发时间还要长。今天介绍的WXT是一个免费的开源浏览器插件开发框架，它致力于为开发者带来最好的开发体验和最快的开发速度，学习它可以为你的插件搭建一个坚实的基础，并为你节省大量的基础建设时间。
2024-01-31 10:44:47
1392
1
原创 我居然用20多行代码就实现了微信聊天机器人
用了一年多 chatGPT 和白嫖了 vscode 的 copilot，现在感觉已经离不开了，所以也想把这么好用的东西推荐给自己的家人和朋友。但是由于网络的限制，想让他们体验到聊天机器人的神奇是
2024-01-29 16:08:30
980
原创 微前端与Monorepo的架构设计
本文主要介绍如何使 Monorepo 与微前端结合使用，篇幅较长，请结合目录酌情阅读。微前端/Monorepo方案都存在很多争议，争论无意义，选择适合自己团队的方案即可。技术实战以 Micro App + pnpm 技术栈，讲解了从零搭建到项目部署的一个完整微前端项目。
2023-10-11 13:12:34
148
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人