静态资源处理：assets和
static文件夹的区别相信有很多人知道
vue-cli有两个放置静态资源的地方，分别是src/assets文件夹和
static文件夹,这两者的区别很多人可能不太清楚。assets目录中的文件会被webpack处理解析为模块依赖，只支持相对路径形式。例如，在 <img src="./logo.png"> 和 background:
转载
2024-03-20 15:27:36
293阅读
Vue 项目在 build 之后通常都需要部署到服务器才能够访问，本文介绍如果使用 Nginx 部署 Vue 项目首先需要说明可能存在的误区我这个项目是使用的 Vue + SpringBoot 实现前后分离的项目也就是说在部署时，前端和后端要分别单独部署，前端通过请求后端的接口实现数据交互一开始我是打算将 build 后的 Vue 项目直接放到 Tomcat 的 /webapps/ 目录中，然后启
转载
2024-08-31 14:42:44
92阅读
# iOS版本CSS静态特性支持与实践
## 引言
随着移动设备的普及，iOS设备在用户群体中占据了重要地位。对于开发者而言，确保网站或应用在iOS设备上拥有良好的用户体验至关重要。CSS作为前端开发中的重要组成部分，其在iOS设备上的表现直接影响到页面的呈现效果。本文将探讨iOS设备对CSS静态特性的支持情况，并提供一些实用的代码示例和状态图、旅行图来帮助开发者更好地理解和应用。
## i
原创
2024-07-16 08:48:36
47阅读
出现问题：Not Found: /static/admin/css/login.cssNot Found: /static/admin/css/dashboard.css
Not Found: /static/admin/css/base.css
Not Found: /static/admin/css/responsive.css
Not Found: /static/admin/css/bas
转载
2023-10-08 10:53:06
127阅读
什么是CSS-in-JS？顾名思义，CSS-in-JS就是可以使用JS来编写CSS样式，那么为什么要用JS来编写CSS呢？我写CSS写的好好的，干嘛非给自己找不自在呢？相信以前大家都听说过这么一个词：关注点分离，就算没听过这个词那么你肯定至少也听说过这么一句话：要把HTML、CSS和JS分开编写，不要写在一起形成耦合，不要写行内样式和行内脚本等，比如像这样?CSS-in-JS但是React的出现打
转载
2024-05-22 15:45:26
45阅读
# 如何实现"vue axios加载static文件"
## 操作流程
| 步骤 | 操作 |
| ---- | ---- |
| 1 | 安装axios库 |
| 2 | 创建vue实例 |
| 3 | 在vue实例中使用axios加载static文件 |
## 操作步骤及代码示例
### 步骤1：安装axios库
```markdown
npm install axios
```
原创
2024-03-28 04:04:36
80阅读
# Java 和 Vue 的静态文件管理
在现代 Web 开发中，前端技术如 Vue.js 在构建动态用户界面方面已经采用了广泛的应用，而后端技术如 Java 则用于处理业务逻辑和数据存储。为了使这两者顺利协同工作，需要合理地管理静态文件。本文将探讨如何在 Java 后端和 Vue 前端中处理静态文件，提供一些示例代码，并展示它们之间的关系。
## 什么是静态文件？
静态文件指的是不随请求动
原创
2024-09-12 04:50:22
86阅读
1、assets文件夹与static文件夹的区别 assets文件是src下的，所以最后运行时需要进行打包，一般用来存放自己用到的静态资源； static文件不需要打包就直接放在最终的文件中了，一般用来存放第三方静态资源。引入静态资源方法：js中用import，css中用@import url(...) ,index.html中用link(script)标签引入。利用vue-cli脚手架搭建的
VUE中CSS样式穿透1. 问题由来在做两款H5的APP项目，前期采用微信官方推荐的weui组件库。后来因呈现的效果不理想，组件不丰富，最终项目完成后全部升级采用了有赞开发的vant组件库。同时将webpack顺利从3升级到4（项目结构 webpack+vue+vuex+vue-router+vant+less）。相信好多做TOB的开发朋友都会选择顺手组件库。组件库内置了很多样式，方便了我们开发者
转载
2024-04-28 10:38:40
70阅读
一、配置全局css// main.js文件下
// 配置全局css样式
import '@/assets/css/global.css'
requrie('@/assets/css/global.css');直接导入css文件就可以在全局中应用二、配置全局JS// 1. assets文件夹下新建一个js文件夹
// 2. 在js文件夹中建一个settings.js文件
'''settings.
转载
2023-06-09 08:48:43
76阅读
# Spring Boot集成Vue的静态路径配置
在Web应用程序中，前端框架Vue.js和后端框架Spring Boot经常被开发人员选用。其中，Spring Boot用于构建后端API，而Vue.js用于构建前端用户界面。在将Vue.js应用程序集成到Spring Boot中时，需要配置正确的静态路径，以确保Vue.js应用程序能够正确加载和访问。
本文将介绍如何在Spring Boot
原创
2023-08-25 16:34:03
193阅读
参考：https://www.jianshu.com/p/8341edbc7436src/assets和static两个都是存放静态资源文件。src/assets中存放的静态资源文件在项目打包时，也就是运行npm run build时会将assets中放置的静态资源文件进行压缩打包上传，因此使用assets下面的资源，在js中使用的话，路径要经过webpack中的file-loader编译，引用时
转载
2024-01-01 19:28:51
556阅读
最近有报一个全栈课程，里面内容比较新颖，其中对scss样式管理的理念让我十分喜欢，各种操作让项目更加具有条理性。1.@mixin 在一个可以全局适用的scss文件中，姑且叫global.scss，写入：@mixin center(){
display:flex;
justify-content:center;
align-items:center;
} 用css的眼光看，这是一个弹
转载
2024-04-18 22:22:42
86阅读
在网页布局的世界里，CSS定位是构建页面结构不可或缺的一环。四种基本的定位类型——static、relative、absolute、fixed，每种都有其独特的应用场景和行为特点。理解它们之间的差异，
原创
2024-06-24 00:14:27
151阅读
Vue项目搭建流程 以及 目录结构构建一个小的Vue项目, 基于微信浏览器的移动端, 做了这么多的练习项目, 这一次准备记录下构建的过程, 以方便以后的调高效率环境准备操作系统我的 windows 7 操作系统, 如果是mac系统的话, 希望我可以在最短的时间内可以进行尝试. 好期待..软件环境Node环境, 是必备环境, 包括模拟服务器的搭建, 到webpack的自动打包.直接在官网进行下载,
转载
2023-12-28 21:55:47
81阅读
前言Spring Boot致力于简化开发配置并为企业级开发提供一系列非业务性功能， 而Vue则采用数据驱动视图的方式将程序员从繁琐的DOM操作中解救出来。利用Spring Boot+Vue,我们可以快速开发出大型SPA应用。项目介绍人事管理系统是--种常见的企业后台管理系统，它的主要目的是加强各个部门之间的协调和提高工作效率。人事管理系统提供了员工资料管理、人事管理、工资管理、统计管理以及系统管理
转载
2024-04-26 17:16:49
94阅读
// html 模板 template <span class="red" :style="styleVar" @click="add">as</span> // js data() { return {
原创
2022-08-19 11:49:09
344阅读
修改元素的样式, 我们可以修改元素CSS类或者直接修改元素的样式.一个元素可以应用多个css类, 但是不幸的是在DOM属性中是用一个以空格分割的字符串存储的, 而不是数组. 所以如果在原始javascript时代我们想对元素添加或者删除多个属性时, 都要自己操作字符串. jQuery让这一切变得异常简单. 我们再也不用做那些无聊的工作了.一、修改CSS类下表是修改CSS类相关的jQuery方法:名
目录环境搭建：创建Vue项目Vue 基础-模板语法v-htmlv-bind表达式列举条件directives(指令)自定义directivesVue基础-计算属性computed vs methods计算属性VS侦听属性计算属性的setterClass 与 Style 绑定环境搭建：安装node,npm,(npm -v 查看版本)再安装cnpm:(sudo npm install -g cnpm
vue html/
css/stylus布局1.router.js配置2.在对应配置目录下创建相应组件在@page/create-test目录下创建index.
vue组件index.vuehtml<template> <div class="createTest"> <!-- 左侧内容布局--> <div class="content">
原创
2021-09-22 14:53:07
498阅读
