//引入依赖模块
var path = require( 'path' )
var config = require( '../config' ) // 获取配置
转载
2024-07-23 08:43:09
121阅读
安装插件// 一个vite必备，第二个是为了兼容vue2
npm i -D vite vite-plugin-vue2将public中的index.html拉出来，放在最外层，与package.json同级 在index.html中引入main.js<!DOCTYPE html><html lang="en">
<head>
<meta c
原创
2023-08-17 17:55:38
433阅读
# 实现"vue2 vite axios jsonp"的教程
## 概述
在本文中，我将教你如何在Vue2项目中使用Vite构建工具结合Axios库进行Jsonp跨域请求。首先，我们需要了解整个流程，然后按照步骤逐一实现。
## 整体流程
以下是实现"vue2 vite axios jsonp"的整体流程：
| 步骤 | 操作 |
| --- | --- |
| 1 | 创建Vue2项目 |
原创
2024-03-30 04:54:48
145阅读
前一段时间完成了一个项目，该项目要求黑夜和白天两种主题色，可以动态的切换。经过多方的查找研究，终于完成。谨以此文在此记录一下。此方案涉及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作为当前比较热门的前端框架之一，因此常见的基于vue开发的UI框架有很多，比如ElementUI、Ant Design Vue等。那么我们怎么去开发一个组件库并且能够打包复用呢？见正文。一、创建项目使用vue-cli创建一个新项目
LESS基础语法 我们一起来学习一下LESS的基础语法，LESS的基础语法基本上分为以下几个方面：变量、混合(Mixins)、嵌套规则、运算、函数、作用域等。这些基础语法需要我们先牢牢的掌握住，然后才可以灵活的在项目中进行实战。 变量 和JS中的变量一样，只是LESS的变量定义不是使用VAR而是使用
转载
2017-11-01 10:51:00
222阅读
2评论
LESS介绍+媒体查询核心知识点1. less2. 媒体查询Less介绍维护CSS的弊端CSS本质上不是一门语言,是一个简单的样式表.代码维护相对老套,不够灵活.LESS介绍☞LESS预处理器: 依然使用CSS语法，引入了变量，混合，运算, 嵌套等功能，大大简化了 CSS 的编写，并且 降低了 CSS 的维护成本
☞常见的CSS预处理器: Less | SASS 等
http
目录在 css 自定义变量的功能以及出来许久了，但实际开发中大家使用并不多。归其原因是因为 less、sass 等预处理器已经拥有定义变量的功能，以及Vue、react很方便设置 style 样式，大家可能觉得使用 css 定义变量不方便且没必要。实则不然举个最直观的栗子：“如何使用 vue 设置伪类伪元素的样式”。这是个世纪难题，大部分人可能会通过修改类名的方式解决，可如果要修改的样式多，或者我
? 个人主页：不爱吃糖的程序媛 ?♂️ 作者简介：前端领域新星创作者、专注于前端各领域技术，成长的路上共同学习共同进步，一起加油呀！ ✨系列专栏：前端面试宝典、JavaScript进阶、vue实战 最近做项目要求将webpack打包方式换成vite，下面将详细讲解一下配置vite需要修改哪些文件，以及过程中踩到的奇葩坑。vite官网文档网址：https://vitejs.cn1.新建vitecon
转载
2024-04-01 18:56:57
1470阅读
目前有两种创建vue项目的方式，vue cli 以及 vue ui一、Vue CLIhttps://cli.vuejs.org/zh/guide/ Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：通过 @vue/cli 实现的交互式的项目脚手架。通过 @vue/cli + @vue/cli-service-global 实现的零配置原型开发。一个运行时依赖 (@vue/cl
看过Vue-Router源码的小伙伴都值，Vue-Router解析路径参数时是借助path-to-regexp库将参数解析成对应的正则表达式的。接下来我们将基于6.2.0版本的path-to-regexp库介绍下该库的基本使用和背后的实现原理。更有意思的path-to-regexp库虽小，但是背后实现了一个非图灵完备的词法分析，好sao啊，我好喜欢…废话不多说，直接上车!!!下面我们看下path-
在 Vite创建Vue3项目 中讲到，Vite 官方对 Vue 的支持只针对于Vue3.x 版本，而对于 Vue2.x 是不支持的。今天
原创
2022-07-20 06:39:55
2411阅读
自定义微信小程序头部导航栏，有几种方式方式一{
"navigationStyle": "custom" // 将navigationStyle从默认default改为custom
}定义此方法后，头部的导航栏会去掉，导航栏下的元素会直接向上移动到原导航栏的位置，可以再app.json配置成全局沉浸式导航栏，以及在单页面配置沉浸式导航栏。方式二使用组件这里使用vant组件作为演示组件配置的Nav
0 前言从Vue2升级到Vue3，可能最大的变化之一就是Composition Api了。 Composition Api是什么东西为啥要用它？怎么用它？有什么需要注意的吗？ 面对陌生的它，我们在这儿先简单认识一下它，而具体如何使用以及使用的注意点，将会在后续的文章更新中介绍，可以关注本文最后持续更新的扩展阅读部分。1 是什么Composition Api，也就是组合式Api。 我认为，它解决的主
转载
2023-11-06 12:52:14
247阅读
现实背景：很多时候我们会在全局调用一些方法。 实现方式两种：官网的实现use方法，然后你也可以用野路子直接在Vue.prototype上面定义。 先说野路子，因为其实野路子就是最根本的实现方式，官方的use实现也是一样的，只是use很好的封装了。 /*
*main.js中实例Vue时添加方法
*/
import Vue from 'vue';
//这样以后你就可以在该项目下的其他组件中使
vite-plugin-restart通过监听文件修改，自动重启 vite 服务。最常用的场景就是监听 vite.config.js 和 .env.development 文件，我们知道，修改 vite 配置文件和环境配置文件，是需要重启 vite 才会生效，通过这个插件，我们将从反复重启中解脱出来。安装npm i vite-plugin-restart -D配置：vite.config.tsim
转载
2024-09-06 18:32:41
212阅读
vi简介vi是“Visual interface”的简称，它在Linux上的地位就仿佛Edit程序在DOS上一样。它可以执行输出、删除、查找、 替换、块操作等众多文本操作，而且用户可以根据自己的需要对其进行定制。Vi不是一个排版程序，它不象Word或WPS那样可以对字体、格式、段落等其他属性进行编排，它只是一个文本编辑程序。vi没有菜单，只有命令，且命令繁多。Vi有三种基本工作模式命令模式文本输入
不知道有没有这样的兄弟，学习 Vite 的时候，官网上各种配置看的是眼花缭乱。不知道哪些需要掌握，哪些只用简单了解一下。为了提高大家的效率，我把项目中常用的配置梳理了一下分享给大家，希望对你上手 Vite 有所帮助。话不多说，开干！css.preprocessorOptions传递给 CSS 预处理器的配置选项，这些配置会传递到预处理器的执行参数中去。例如，在 scss 中定义一个全局变量：Bas
在现代前端开发中，Axios 是一个常用的 HTTP 客户端，具备可扩展性和良好的使用体验。在 Vue 2 项目中配置 Axios，可以使我们便捷地进行网络请求。以下是配置 Axios 的详细过程，包括环境准备、分步指南、配置详解、验证测试、优化技巧与排错指南。
## 环境准备
在进行 Axios 配置之前，我们需要确保软件与硬件环境的支持。
### 软硬件要求
| 组件
