vue项目为了提升加载速度,会将静态资源托管到cdn上,以前一直使用的是vue2最近开始学习使用vue3,也加入到了vite的大军当中,首先要解决一下cdn的问题。
仍有问题
虽然能够成功上传到七牛云了,但是目前还有一个问题,使用vite打包后chrome浏览器请求获取js文件时...
yekong
2年前 (2023-01-23)
喜欢
vue项目中,使用vite打包时,我们需要判断环境,用于做不同的处理,比如cdn部署。
通过process.env.NODE_ENV我们可以获取到环境。
import {defineConfig, loadEnv} from 'vite';
import vue from '@v...
yekong
2年前 (2023-01-23)
喜欢
首先项目中需要配置了postcss-pxtorem
vue3 数据大屏实现屏幕自适应 px转rem
找到postcss.config.cjs
添加exclude
module.exports = {
plugins: {
autoprefixer: {},...
yekong
2年前 (2023-01-23)
喜欢
安装依赖
pnpm install vue-router
创建路由文件
router->index.js
import {createRouter, createWebHistory} from 'vue-router'
const routerHistory = c...
yekong
2年前 (2023-01-23)
喜欢
演示地址
效果演示地址
演示地址
安装依赖
npm install vue-marquee-component --save
引入
import Vue from 'vue';
import VueMarquee from 'vue-marquee-component';
V...
yekong
2年前 (2022-12-28)
喜欢
uniapp微信小程序,要求判断昵称中的内容,不能包含数字,所以需要提取字符串中的数字。
记录提取方法。
var num = '1234wanjunshijie.com'.replace(/[^\d]/g, "");
console.log(num); //...
yekong
2年前 (2022-12-12)
喜欢
vue项目实现列表实现滚动动画 是对jquery.liMarquee 进行的二次封装,便于更容易使用
下载
链接: 网盘下载地址
提取码: 9oo4
使用
/**
* @Author: 858834013@qq.com
* @Name: item1
* @Date: 2022-...
yekong
2年前 (2022-12-12)
喜欢
更多进度条效果实例
vue 数据可视化大屏进度条效果实例
组件代码
/**
* @Author: 858834013@qq.com
* @Name: jindu
* @Date: 2022-11-30
* @Desc:
*/
<template>
<div...
yekong
2年前 (2022-11-30)
喜欢
最近一个vue大屏项目用到了一个水桶的界面,要求水面有个增高的动画而不是固定死的,于是把实现效果记录一下。
/**
* @Author: 858834013@qq.com
* @Name: index
* @Date: 2022-11-30
* @Desc:
*/
<te...
yekong
2年前 (2022-11-30)
喜欢
最近vue项目需要渲染3d模型,将实现效果记录一下,便于后续直接复用,代码来自于github
项目源地址
git源地址
安装依赖
npm i three --save
关键代码记录
<template>
<div ref='canvasGLTF' clas...
yekong
2年前 (2022-11-23)
喜欢