前一段时间完成了一个项目，该项目要求黑夜和白天两种主题色，可以动态的切换。经过多方的查找研究，终于完成。谨以此文在此记录一下。此方案涉及Sass的map遍历、函数定义、map存取、混合器等相关知识，具体API详参官网https://www.sass.hk/docs/。大概的思路就是给html根标签设置一个data-theme属性，通过js切换data-theme的属性值，sass根据此属性来判断使
转载
2024-10-10 09:08:06
205阅读
基本概念介绍：vue实例方法：vm.$set、vm.$del、vm.$nextTick等，挂在Vue.prototype上的方法。全局API： Vue.directive、Vue.filter、Vue.component等，挂在Vue构造函数上的方法。本章从源码角度分析，Vue.js是如何实现这些功能的一、Vue实例方法的实现：Vue构造函数源码：import { initMixin } from
转载
2024-10-10 14:12:33
79阅读
编辑文章时所使用vue版本。
原创
2024-09-07 15:17:52
842阅读
LESS基础语法 我们一起来学习一下LESS的基础语法，LESS的基础语法基本上分为以下几个方面：变量、混合(Mixins)、嵌套规则、运算、函数、作用域等。这些基础语法需要我们先牢牢的掌握住，然后才可以灵活的在项目中进行实战。 变量 和JS中的变量一样，只是LESS的变量定义不是使用VAR而是使用
转载
2017-11-01 10:51:00
222阅读
2评论
目录一、项目基本配置二、Eslint语法规范型检查 一、项目基本配置修改项目信息 package.json 文件{
"name": "XXX",
......
"description": "XX系统",
"author": "tom<123456@qq.com>",
......
}修改端口号 config/index.js中修改port:
转载
2024-07-29 09:30:58
87阅读
步骤一：集成standard标准的eslint进你的项目中首先准备一个没有加入eslint的vue项目 1.安装eslint的包 npm i eslint -D 2.初始化eslint，并生成eslint配置文件 npx eslint --init3.依次按照问题选择自己需要的配置 你想要的怎么使用eslint？ 选择第三个：检查，发现问题，并且约束代码风格 你的项目使用的是什么模块？ 选择第一个
转载
2024-06-12 14:16:51
274阅读
目录在 css 自定义变量的功能以及出来许久了，但实际开发中大家使用并不多。归其原因是因为 less、sass 等预处理器已经拥有定义变量的功能，以及Vue、react很方便设置 style 样式，大家可能觉得使用 css 定义变量不方便且没必要。实则不然举个最直观的栗子：“如何使用 vue 设置伪类伪元素的样式”。这是个世纪难题，大部分人可能会通过修改类名的方式解决，可如果要修改的样式多，或者我
1. 安装依赖
npm i --save-dev babel-eslint eslint eslint-plugin-vue2.vscode中添加eslint插件
3.package.json中的scripts里添加
"lint": "eslint --fix --ext .js --ext .vue src"
4.项目根目录添加.eslintignore文件，里面表示不需要检验的目录
build
转载
2024-06-14 14:32:08
98阅读
现实背景：很多时候我们会在全局调用一些方法。 实现方式两种：官网的实现use方法，然后你也可以用野路子直接在Vue.prototype上面定义。 先说野路子，因为其实野路子就是最根本的实现方式，官方的use实现也是一样的，只是use很好的封装了。 /*
*main.js中实例Vue时添加方法
*/
import Vue from 'vue';
//这样以后你就可以在该项目下的其他组件中使
# Vue2安装axios
## 介绍
在Vue2中使用axios是非常常见的需求，它是一个基于Promise的HTTP库，可以用于发送异步请求并处理响应。本文将教你如何在Vue2中安装和使用axios。
## 整体流程
下面是安装axios的整体流程，我们可以通过一个表格来展示这些步骤。
| 步骤 | 描述 |
| ---- | ---- |
| 步骤1 | 创建一个新的Vue项目 |
|
原创
2024-02-10 03:20:01
338阅读
# 在Vue 2中安装TypeScript的完整指南
作为一名新手开发者，学习如何在Vue 2中集成TypeScript可能会让你感到困惑。通过这篇文章，我们将一起探讨这个过程，并分步阐述每一个环节。为了更清晰地理解整个流程，我们首先定义一个步骤表，接着逐一解释每一步操作。
## 步骤表
| 步骤编号 | 步骤描述 | 完成状态 |
|----------
# Vue 2 安装 TypeScript 的指南
在现代前端开发中，TypeScript凭借其类型系统和强大的工具支持，成为了许多开发者的青睐。与Vue 2结合使用，能够极大地提高代码的可维护性和可读性。本文将带您一步步了解如何在Vue 2项目中安装和配置TypeScript，并提供示例代码和流程图以便于理解。
## 1. 环境准备
在开始之前，请确保您已经安装了Node.js和npm（N
文章目录步骤1 安装Node.js和npm步骤2 安装 Vue CLI2步骤3 创建一个新的Vue项目步骤4 安装项目所需的依赖步骤5 启动项目 ✍创作者：全栈弄潮儿 Vue是一款非常流行的JavaScript框架，它可以帮助开发者轻松地构建交互式的Web应用程序。在本文中，我们将会讲解如何搭建Vue2的开发环境，让你可以快速开始开发自己的Vue应用程序。步骤1 安装Node.js和npmVue
Vue2.0 新手安装完全攻略先说下作者作者是国内大神尤雨溪! 膜拜！ 好了，扯回正题，开车！有两种方法供学习安装1.独立版本安装直接下载并用 <script> 标签引入，Vue 会被注册为一个全局变量。这个比较简单， 可以去vue.js 官网下载：点击进入官网2.NPM安装首先安装NPM，可以通过安装node.js 得到NPM 包管理器，我就是通过这种方法！安装之后找到它：打开它 验
理解： 一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理。
前端路由：key是路径，value是组件。
1.基本使用
安装vue-router，命令：npm i vue-router
应用插件：Vue.use(VueRouter)
编写router配置项: //引入VueR
只需要几分钟的时间就可以运行起来并带有热重载、保存时 lint 校验，以及生产环境可用的构建版本。提供的现代打包工具
原创
2023-09-13 10:27:47
216阅读
# Vue2与Redis的结合：实现快速数据存储与读取
在现代Web开发中，前端框架如Vue.js被广泛应用于构建用户界面，而Redis则作为一种高性能的键值存储（NoSQL数据库）被广泛用于数据缓存和存取。尽管这两者分别位于客户端和服务器端，但合理的结合可以大幅提升应用的性能。本文将为大家介绍如何在Vue2项目中安装并使用Redis。
## 1. 环境准备
确保您已经安装了以下工具：
-
axios：一个基于 promise 的 HTTP 库，类ajaxxios，axios是一个基于 promise 的 HTTP 库，这样我们进行前后端对接的时候，使用这个工具可以提高我们的开发效率。 安装命令：cnpm install axios --save然后同样我们在main.js中全局引入axios。import axios from 'axios'
Vue.prototype.
转载
2024-09-18 11:09:41
160阅读
Vue2的安装可以通过以下几种方式进行：独立版本：我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script>1。使用 CDN 方法：以下推荐国外比较稳定的两个 CDN，国内还没发现哪一家比较好，目前还是建议下载到本地。 Staticfile CDN（国内）: 2，unpkg：3，cdnjs: 41。NPM 方法：由于 npm 安装速度慢，本教程使用了淘宝的
原创
2023-10-18 11:29:43
1029阅读
# Vue 2 安装 TypeScript 的指南
随着前端技术的不断发展，TypeScript 作为一种强类型的编程语言，逐渐被广泛应用于项目开发中。Vue 2 作为一个流行的前端框架，也支持 TypeScript 的使用。在本文中，我们将介绍如何在 Vue 2 项目中安装和配置 TypeScript，并提供相关的代码示例。
## 一、环境准备
首先，请确保你的开发环境中已经安装了 Nod
