//引入依赖模块 var path = require( 'path' ) var config = require( '../config' ) // 获取配置
转载 2024-07-23 08:43:09
121阅读
前一段时间完成了一个项目,该项目要求黑夜和白天两种主题色,可以动态的切换。经过多方的查找研究,终于完成。谨以此文在此记录一下。此方案涉及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阅读
LESS基础语法 我们一起来学习一下LESS的基础语法,LESS的基础语法基本上分为以下几个方面:变量、混合(Mixins)、嵌套规则、运算、函数、作用域等。这些基础语法需要我们先牢牢的掌握住,然后才可以灵活的在项目中进行实战。 变量 和JS中的变量一样,只是LESS的变量定义不是使用VAR而是使用
转载 2017-11-01 10:51:00
222阅读
2评论
目录在 css 自定义变量的功能以及出来许久了,但实际开发中大家使用并不多。归其原因是因为 less、sass 等预处理器已经拥有定义变量的功能,以及Vue、react很方便设置 style 样式,大家可能觉得使用 css 定义变量不方便且没必要。实则不然举个最直观的栗子:“如何使用 vue 设置伪类伪元素的样式”。这是个世纪难题,大部分人可能会通过修改类名的方式解决,可如果要修改的样式多,或者我
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'; //这样以后你就可以在该项目下的其他组件中使
在现代前端开发中,Axios 是一个常用的 HTTP 客户端,具备可扩展性和良好的使用体验。在 Vue 2 项目中配置 Axios,可以使我们便捷地进行网络请求。以下是配置 Axios 的详细过程,包括环境准备、分步指南、配置详解、验证测试、优化技巧与排错指南。 ## 环境准备 在进行 Axios 配置之前,我们需要确保软件与硬件环境的支持。 ### 软硬件要求 | 组件
原创 7月前
68阅读
一、配置环境搭建 1.安装node.js (可以去官网看)2.安装git (推荐看廖雪峰文章,点击查看)3.安装vue:  cmd:npm install vue //最新稳定版本      npm install -g vue-cli //最新稳定版本vue init webpack my-project //创建一个基于 "webpack" 模
转载 2024-10-24 19:57:50
79阅读
安装需要在导入vue之后再引用,因为vue-resource需要依赖vuevue向document中挂载了一个vue对象,而vue-resource则在vue中挂载了$http.调用方法<script type="text/javascript" src = "./vue.js"></script> <script type="text/javascript" s
转载 2024-09-14 07:49:49
103阅读
在进行开发时,使用 `axios` 进行 API 请求是一个常见的需求。本文将以轻松的语气,分享如何在 Vue 2 项目中配置 `axios`,并逐步解析这个过程。 ### 环境准备 在开始之前,请确保您的开发环境符合以下要求: | 组件 | 版本 | |--------------|--------------| | Vue | 2.x
原创 8月前
124阅读
上次给大家分享的是用vue-cli快速搭建vue项目,虽然很省时间和精力,但想要真正搞明白,我们还需要对其原理一探究竟。大家拿到一个项目,要快速上手,正确的思路是这样的:首先,如果在项目有readme.md的情况下,大家要先读readme,项目的一些基本介绍,包括项目信息、运行的脚本、采用何种框架,以及项目维护者等信息通常都会有。一般在git上维护的项目都会有readme.md,不熟悉markdo
转载 11月前
790阅读
1、Nodejs安装及环境配置1.1、下载安装包下载地址:https://nodejs.org/zh-cn/download/ (注:v12.16.2以上版本不支持win7系统,win10系统任意安装)1、.msi是Windows installer开发出来的程序安装文件,它可以让你安装,修改,卸载你所安装的程序2、.zip是一个压缩包,解压之后即可,不需要安装目前采用 .msi ,下载以后正常安
编辑文章时所使用vue版本。
原创 2024-09-07 15:17:52
842阅读
项目简介这是一个简单的vue2 和 typescript 的后台管理模板。在使用Vue 的过程中,许多的同学和我一样希望有一个简单一点的模板,不需要太多的内容,懒得去删除那些不符合我们业务逻辑的部分。由于本人业务需求需要兼容ie10(该项目已经完成了ie10的兼容),所以使用vue2和ts 来构建一个管理后台的框架,里面只有一个登录和主页,主页实现了菜单的跳转,面包屑等,和一些基本的功能。 项目地
转载 2月前
331阅读
# Vue2 Dockerfile配置下载 ## 1. 引言 随着容器化技术的普及,将应用程序打包为Docker镜像已成为开发人员的常见做法。而对于Vue.js开发者来说,将Vue2应用程序打包为Docker镜像同样非常方便和实用。本文将介绍如何使用Dockerfile来配置和下载Vue2应用程序所需的依赖,并提供相应的代码示例。 ## 2. Dockerfile配置 Dockerfile
原创 2024-01-13 03:57:49
181阅读
在根目录下创建 vue.config.js 文件 。 即可 vue.config.js : // vue.config.js 配置说明 //官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions // 这里只列一
原创 2022-04-21 16:48:56
2235阅读
前言首先,我们来回忆一下「CSS 作用域」这一概念,它的本质是通过让每一个选择器成为一个「unique」的存在,这样就自然而然地形成了作用域。而提到「Vue」中「作用域 CSS」,我想大家应该立即想到以 scoped 的方式形成的带有作用域的 css。但是,值得一提的是,在「Vue」中还支持了一种「作用域 CSS」,即「CSS Module」。提及 「CSS Module」,想必大家会有点陌生,相
vue指令Vue组件的组成: 一个组件就是一个XXX.vue文件<template></template>// 模板只能有一个根标签(节点)<template> <div>所有的内容都写在这里面</div> </template><script></script> //业务逻辑 export defau
跨域设置 http://www.ituring.com.cn/article/200275 打包 npm adduser 如果长时间不登录,可能会过期,使用 npm login 进行登录就可以 pu
原创 2021-07-23 11:32:15
393阅读
  • 1
  • 2
  • 3
  • 4
  • 5