摘要：
一个类似于create-vite的快速生成模板，因为create-vite创建的项目模板只有最基础的东西，仍然需要安装第三方依赖如ui库等，还未达到开箱即用的程度。于是自己动手实现一个类似的模板库，包含vue/react、路由、ui库、axios、mock数据，可以在此基础上直接开发业务代码，避免重 阅读全文
摘要：
有这么一个需求，项目里有很多业务模块，它们都有引用一些公共组件，每个业务模块打包后都是一个独立的应用，当公共组件修改时，单独打包公共组件，其他应用能够不需要重新构建，就能直接使用最新的公共组件，要怎么实现？ 一开始我想到的是使用网络资源，就是把公共组件打包后的js文件放到服务器，其他应用通过scri 阅读全文
摘要：
最近因为学习使用vite，需要更高的node版本，而之前的项目使用的node版本比较低，有些依赖不兼容高版本的node，为了避免经常安装/卸载node来切换版本，就采用nvm来管理，方便切换。 在使用nvm过程中，遇到一些问题，在此记录一下。 1、在安装nvm前，先卸载已安装的node 2、在安装时 阅读全文
摘要：
在移动端很多卡片都有这种带半圆形透明的设计，如下图 比较普遍的做法有使用伪类::after和::before来做半圆，给一个和背景一样的颜色，然后使用绝对定位来实现。 这样虽然可以实现需求，但是只要背景色一改变，就露馅了，其实这也不是啥问题，跟着改半圆的颜色不就可以了吗！ 在没有更好的实现方式的时候 阅读全文
摘要：
前端开发过程中，在后端接口开发未完成时，前端往往都是写一些固定数据显示在页面上，等后端接口开发完成后，再切换为接口数据，进行前后端联调，实现请求逻辑。而通过和后端协商接口地址和返回的数据结构、字段等，使用mock模拟返回数据，实现业务逻辑，可以节省前后端的联调时间，从而提高开发效率。 vue-cli 阅读全文
摘要：
1、原型实例的挂载 // vue2 import Vue from "vue"; import axios from "@/util/axios-config.js"; Vue.prototype.$axios = axios; // vue3 import { createApp } from ' 阅读全文
摘要：
在前后端分离开发的过程中，前端开发过程中，页面的数据显示一般都是写死的静态数据，也就是没有经过接口，直接写死在代码中的，在后端给出接口后，再替换为接口数据，为了减少对接成本，mock就出现了。通过预先跟服务器端约定好的接口，模拟请求数据甚至逻辑，能够让前端开发更加独立自主，不会被服务端的开发所阻塞。 阅读全文
摘要：
如果使用异步加载数据并使用了vant中的toast做加载中提示，则有可能会导致列表滚动高度为0，也就是回到了顶部。只要在list加载回调里不使用toast就可以避免这个问题。 阅读全文
摘要：
vant的tabs标签页，标签切换时会改变内容区的滚动高度，这是因为内容区共用同一个父元素为滚动区域引起的，解决办法：在tabs的内容区域嵌套一层滚动区域，让每个内容区域使用单独的滚动元素就行了。 常规用法： <van-tabs v-model="active"> <van-tab title="标 阅读全文
摘要：
// 格式化时间 function parseTime(time, cFormat) { if (arguments.length 0) { return null } const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}' let date if ( 阅读全文