幻影之舞 - 博客园

2023年2月2日

摘要：确保电脑已安装node.新建个文件夹，准备存放服务文件，打开文件夹，按住shift右键快捷打开powershell窗口，执行命令 npm i express 然后依赖文件就安装好了新建serve文件夹，里面建几个文件 db.js 数据库配置 index.js express服务实例，也是引导文件，阅读全文

posted @ 2023-02-02 15:54 幻影之舞阅读(1184) 评论(0) 推荐(0)

vite+vue3+vant使用svg图标

摘要：做项目时用到了iconfont的几个svg，不晓得咋搞上去，用的van-image和image标签效果都不理想，最后从网上找到了方法，记录下首先封装一个SvgIcon组件在components文件夹下新建一个SvgIcon.vue文件 <template> <svg aria-hidden="t 阅读全文

posted @ 2023-02-02 15:31 幻影之舞阅读(1840) 评论(0) 推荐(0)

axios封装+根据环境请求不同的url

摘要：封装axios的时候，会创建一个axios实例，然后配置他的baseUrl,今天搞了好久才搞定，特来记录下首先安装axios npm install axios 然后新建文件夹utils,建个js文件，用来封装axios 文件内容，只是简单封装了下，自己搭项目玩的，token什么的都没有，base 阅读全文

posted @ 2023-02-02 15:10 幻影之舞阅读(1315) 评论(0) 推荐(0)

2023年1月31日

vite打包优化

摘要：打开vite.config.js build: { chunkSizeWarningLimit: 1000, rollupOptions: { output:{ // 最小化拆分包 manualChunks: (id) => { if (id.includes('node_modules')) { 阅读全文

posted @ 2023-01-31 13:35 幻影之舞阅读(814) 评论(0) 推荐(0)

2023年1月19日

vant+vue3自定义主题

摘要：很多系统都会有切换主题的功能，现在做的是一个vant的项目，特地记录一下这里面用到的css3的一个技术，也就是变量，css3的var()和自定义变量,具体使用可百度大题逻辑是这样有两种方式来实现 1. theme.css里的变量用和vant一致的变量名，例如theme.css最后的几个变量。阅读全文

posted @ 2023-01-19 11:42 幻影之舞阅读(571) 评论(0) 推荐(0)

2023年1月13日

npm run dev没有netWork的地址

摘要：打开vite.config.js文件正在server里添加一个host export default defineConfig({ plugins: [vue()], // 在文件中添加以下内容 server: { host: '0.0.0.0' } }) 再重新运行一下就可以了阅读全文

posted @ 2023-01-13 14:55 幻影之舞阅读(685) 评论(0) 推荐(0)

2023年1月12日

vite+vue3搭建项目流程

摘要： 1. 安装Node 2. 使用npm创建目录 npm create vite@latest 项目名称 -- --template vue 3. 配置@路径 (path模块是node.js内置的功能，但是node.js本身并不支持ts，所以需要手动安装) npm install @types/node 阅读全文

posted @ 2023-01-12 13:24 幻影之舞阅读(272) 评论(0) 推荐(0)

2023年1月6日

H5分享调用微信分享界面

摘要：非要在h5页面调用分享。然后分享到微信朋友圈，首先明确一点，微信H5分享是没有自定义分享按钮组件的，只能引导用户去主动触发右上角三个点的按钮。目前只有APP或微信浏览器右上角的三个点才可以调用微信的官方文档只是自定义分享页面，而不是直接分享。目前有两种方法一，采用插件之前项目采用的jiathi 阅读全文

posted @ 2023-01-06 16:20 幻影之舞阅读(4445) 评论(0) 推荐(1)

el-select懒加载 vue2

摘要：有时候option选项太多，一次查询可能会返回上千条数据，这时候就需要懒加载，对数据进行分页查询在main.js中进行全局注册 Vue.directive('el-select-loadmore',{ bind(el,binding){ const SELECTWRAP_DOM = el.quer 阅读全文

posted @ 2023-01-06 11:35 幻影之舞阅读(913) 评论(0) 推荐(0)

2022年12月29日

表单校验之迭代，数组

摘要：像这种可以添加的数组表单，该怎么校验呢 <el-row :gutter="12" class="return-detail-row" v-for="(item,i) in form.orderAnjiContactAddDtoList" :key="i"> <el-col :span="8"> <e 阅读全文

posted @ 2022-12-29 11:39 幻影之舞阅读(102) 评论(0) 推荐(0)

alannero

公告