2022-09-13 Vue2安装和创建项目 Vue2安装和创建项目 清除npm缓存npm cache clean --force安装cnpmnpm install cnpm@7.1.0 -g --registry=https://registry.npm.taobao.orgcnpm install --save-dev webpack安装vueCli 2.xnpm install -g vue-cli创建项目vue init webpack my-project安装lessnpm i less@4.1.0 less-loade@7.2.1 npm i --save-dev less@3.10.3npm i --save-dev less-loader@5.0.0 2022-09-13 日志 1,309 阅读 0 评论 2022年09月13日 1,309 阅读 0 评论
2022-05-11 VUE九宫格抽奖页面实现 VUE九宫格抽奖页面实现 VUE模拟九宫格抽奖页面实现直接上代码<template> <div class="gameBox"> <div class="bg1"></div> <div class="bg2" v-show="lampShow"></div> <div class="start" @click="move"> 点击抽奖 <p>({{ number_of_draws }}次)</p> </div> <ul> <li v-for="(item,i) in list" :key="i" :class="['item' + (i+1), {'active': index === i}]"> ... 2022-05-11 VUE相关 1,455 阅读 0 评论 2022年05月11日 1,455 阅读 0 评论
2022-05-08 VUE安装 postcss-px-to-viewport,将px单位转换为视口单位的 (vw, vh, vmin, vmax) VUE安装 postcss-px-to-viewport,将px单位转换为视口单位的 (vw, vh, vmin, vmax) VUE安装 postcss-px-to-viewport,将px单位转换为视口单位的 (vw, vh, vmin, vmax)先安装 postcss,直接 npm install postcss --save-dev安装 postcss-px-to-viewport 这里,使用github上的版本,因为可以指定目录或文件才进行转换// 需要使用include属性: npm i https://github.com/evrone/postcss-px-to-viewport --save-dev // 不需要使用include属性: npm install postcss-px-to-viewport --save-devnpm安装报错情况... npm ERR! error: RPC failed; curl 28 OpenSSL SSL_read: Connection was reset, errno 10054 npm ERR! fatal: expected flush after ref listing ...可以尝试用下面的两个设置解决git config --glo... 2022-05-08 VUE相关 3,724 阅读 0 评论 2022年05月08日 3,724 阅读 0 评论
2022-02-18 Vant2.x上传图片并且压缩 Vant2.x上传图片并且压缩 废话不多说直接上代码<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2.12/lib/index.css" /> <title>Vant2</title> </he... 2022-02-18 VUE相关 1,806 阅读 0 评论 2022年02月18日 1,806 阅读 0 评论
2021-08-05 VUE使用VUEX的状态管理笔记 VUE使用VUEX的状态管理笔记 安装VUEX运行环境npm下,已经安装好vue,并且安装好vuex;未安装的先安装vuex,在项目根目录,src同级目录执行安装命令:npm install vuex --save新建一个状态管理目录这里在src目录下新建一个文件夹 stores,用来管理状态新建mutations的函数常量,即需要用到的mutations里的每个方法,官方建议使用常量命名这里在stores目录下新建一个mutation-types.js文件// mutations的常量 export const COUNTINC = COUNTINC; //自增的函数名称 export const COUNTDEC = COUNTDEC; //自减的函数名称 export const CARTADD = CARTADD; //购物车增加函数名称新建主要的store管理文件,文件里管理了状态的所有操作在stores目录下新建index.js,文件内容如下,都是测试信息,仅供学习参照import Vue from 'vue'; import Vuex from 'vuex'; //这里... 2021-08-05 VUE相关 1,656 阅读 0 评论 2021年08月05日 1,656 阅读 0 评论