随笔分类 - Vue
Vue.js（读音 /vjuː/，类似于 view） 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页应用程序提供驱动。
摘要：Uncaught SyntaxError: The requested module '/node_modules/.vite/vue-router.js?v=2f0f3daf' does not provide an export named 'VueRouter' 将： import { Vue
阅读全文
摘要：更多配置参考：https://vitejs.dev vite.config.ts import vue from '@vitejs/plugin-vue' import vueJsx from '@vitejs/plugin-vue-jsx' import { defineConfig } from
阅读全文
摘要：一、组件库的价值 就个人而言，拥有一套自己的组件库，可以让你的开发变得更高效，让你在行业里更有价值。 就团队而言，拥有一套团队的组件库，可以让协同开发变得更高效规范，让你的团队在公司更具有影响力。 就公司而言，拥有一套公司维护的开源组件库，可以让你的公司在行业里更具有影响力。 二、哪些情况需要整合一
阅读全文
摘要：一、require.ensure() 方法来实现代码打包分离 require.ensure() 是 webpack 特有的，已经被 import() 取代。 按照上面指定的顺序，webpack 支持以下参数： dependencies：字符串构成的数组，声明 callback 回调函数中所需的所有模
阅读全文
摘要：<template> <audio src="./static/music.mp3" id="bgMusic" preload="auto" loop></audio> <div class="bgMusicBtn" @click="bgMusicPlayOrPause('bgMusic')"> <
阅读全文
摘要：一、echarts3.0(官网: http://echarts.baidu.com/) 首先通过npm安装echarts依赖，安装的为3.0版本 npm install echarts -s 也可以使用淘宝镜像 npm install -g cnpm --registry=https://regis
阅读全文
摘要：如果你的项目中console.log了很多信息，但是发到生产环境上又不想打印这些信息，这时候就需要设置一个全局变量，如：debug， 用正则匹配一下参数：
阅读全文
摘要：DEMO: <!DOCTYPE html><html> <head> <title>滚动播报</title> <meta charset="UTF-8"> <style> .content { height: 60px; background-color: #2c2c34; overflow: hi
阅读全文
摘要：在 vue 中用 document 获取 dom 节点进行节点样式更改的时候有可能会出现 'style' is not definde的错误， 这时候可以在 mounted 里用 $refs 来获取样式，并进行更改：
阅读全文
摘要：把data里的变量继承过来重新封装一下 let that = this; this.rightAnswer = false; setTimeout(function() { that.rightAnswer = true; }, 1500)
阅读全文
摘要：如果一个页面有个浮动的二维码，当页面窗口缩小时二维码会遮盖住页面内容，这时候可以根据浏览器大小来决定显示方式： 1.当页面宽度足够大时，完全显示二维码， 2.当页面窗口缩小时，这时候需要显示一个按钮，点击按钮才显示二维码 这时候需要添加onresize来监听窗口变化，以此来刷新页面： window.
阅读全文