在实际的工作中，设计师通常会将UI稿上传到蓝湖等协作平台，那么我们如何使用设计师UI稿中的图标呢？对于png，jpg等格式使用，我就不多说了。因为svg图标尺寸更小，且是可伸缩的，得到了广大开发者的钦赖。这里主要讲述下如何使用svg格式的图标，如果有问题，请大家指正。

网站为了让用户更清楚的理解用途和效果，往往需要用到iconfont或者图片。因为iconfont可以直接修改颜色，易于控制等优点，得到了很多前端开发者的喜欢。本文具体讲述iconfont的symbol方式的使用方法。

前端页面为了提高加载的速度和性能，通常采用路由和组件的按需加载，其实在引入elemnet-plus时，也可以按需加载它里面的组件。下面就来介绍下全局引入和按需引入elemnet-plus组件的方式，并对这两种引入方式进行对比；同时，介绍如何自定义主题色。

详细介绍移动端H5开发过程中经常遇到的两个问题：1.禁止ios橡皮筋回弹效果；2.点击回退按钮，回退到指定tab页面；

本文主要讲述使用vue3、vite、vantUI等技术栈搭建h5项目，嵌入到App中实现混合开发。介绍了搭建项目过程中需要用到的插件及相关配置，如有问题，欢迎指正。

JSX是一种JavaScript的语法扩展，首先运用于React中，其格式比较像是模版语言，但事实上完全是在JavaScript内部实现的。本文实践如何在Vue3+vite项目中实现JSX。

前端单元测试是否必要及单元测试实现的具体步骤，当然项目中是否要添加单元测试需要根据项目的具体情况进行分析。

element plus 实现表格单选功能，表格样式为第一列是单选框，通过单选框的勾选控制当条记录的选中与未选中。

在Vue3中抽离公共的逻辑代码，往往需要hooks进行封装，提高代码的复用率，实现高内聚低耦合的目标。

基于Vue3 + Vite搭建前端项目，在项目开发的过程中根据环境不同，需要使用外部不同js、css文件。

Vue3项目使用Pinia状态管理，通过pinia-plugin-persist进行数据持久化。

前端在做项目开发时，为了提高开发效率，通常引用现成的组件库。如果设计稿样式跟组件库有所差异时，可以基于组件库进行二次封装；如果交互形式跟产品的交互有差异，可以通过js进行手动改造。本文主要介绍如果基于element plus组件库，实现el-input-number只输入整数。

前端项目部署到远程服务器，可以手动部署，但为了部署的高效性和准确性，可以采用脚本化。下面主要介绍如何使用shell写前端部署的脚本，以及在使用脚本的过程中，需要安装的插件。

前端项目为了保证代码的规范性，通常需要在git commit时进行校验。本项目通过husky插件设置了lint-staged，具体怎么配置，本篇文章就不讲述了，这里主要叙述git commit时如果代码有错误，代码丢失后如何找回。