设计前端组件是最能考验开发者基本功的测试之一,因为调用Material design、Antd、iView 等现成组件库的 API 每个人都可以做到,但是很多人并不知道很多常用组件的设计原理。 我们在学习设计模式的时候会遇到很多种设计原则,其中一个设计原则就是单一职责原则,在组…

1. 基本原则：结构、样式、行为分离 标记应该是结构良好、语义正确。 Javascript应该起到渐进式增强用户体验的作用 。 在 web 项目中，使用连字符（-）来分隔文件名，可以提高可读性。例如：order-detail-view.js。确保不用大写字母开头，不要驼峰命名。…

没有规矩，不成方圆，对于团队来说，有一套完整的开发规范可以减少团队协作成本和维护成本，让代码阅读起来更容易。 项目中所需要的依赖都会在package.json文件中展示。 安装依赖需要使用npm命令，可去npm官方文档使用及学习。 生产环境需要的依赖安装在属性dependenc…

本项目技术栈为vue3+typescript，PC端组件库。 项目gitee地址 本文将从环境搭建开始，一步步完成组件库的打包工作。组件库内组件不定期更新。 1. 代码管理方式 组件库采用monorepo的代码管理方式。 monorepo 是管理项目代码的一种方式，指在一个项目…

前言 最近在系统学习 Vue 3 ，想做一些轮子来提高自己开发的效率，就萌生了做一个UI组件库官网的想法。目前拥有Input、Switch、Dialog、Button、Tabs组件。

webpack：修改配置需要一点 webapck 的知识。 在指定目录中使用命令创建一个默认的项目，或者根据自己需要自己选择。 我们需要一个目录存放组件，一个目录存放示例，按照以下方式对目录进行改造。 我们通过上一步的目录改造后，会遇到两个问题。 新版 Vue CLI 支持使用…