需求我希望写一个公共结果页面,满足所有模块的结果展示,页面设计要素如下:结果图标type(成功图标,失败图标)标题title(如:提交成功)描述descripton(如:您的工单已提交,请等待管理员审核)内容content(内容不固定,样式不固定,可自定义)操作action(提供默认按钮,可定制返回步数,具备自定义的能力)我希望的结果页面应该是这样的只有一个路由页面,所有人模块跳转到当前页面展示结
1111111111111111111111 ...
转载
2021-10-15 11:37:00
114阅读
2评论
vuex 简介Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 通俗的来说,vuex是用于当某一状态需要在多个组件中共享,方便我们使用并追踪这些状态时使用。1,vuex的总体结构vuex的总体结构分为 modules下面的所有子模块和根模块(即全局状态) 这里我把rootState这个根模块
转载
2024-10-29 12:48:23
25阅读
背景前司和现司都会存在这种业务场景:有很多 H5 页面是不相关的,如果使用 SPA 的话,对于很多落地页和活动页不太友好,有一些纯前端页面加载过慢,所以就萌生了创建一个多页面 MPA 的框架。起初想着使用 vue-cli3 去创建,因为 vue-cli3 本身带有多页面配置的选项,直接修改 pages 这个选项就可以完成多页面配置,需要的小伙伴可以进行参考,链接:vue-cli3 的 pages。
分类:Vue.js(83) 本文是在官方文档的基础上,更加细致的说明,代码更多更全。简单来说,更适合新手阅读(二十五)组件的定义①组件的作用:【1】扩展HTML元素,封装可重用的代码;【2】组件是自定义元素,Vuejs的编译器可以为其添加特殊的功能;【3】某些情况下,组件可以是原生HTML元素的形式,以is的方式扩展。 ②写一个标准的组件:分为以下几步:【1】挂载组
什么是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阅读
概要settings.xml有什么用?如果在Eclipse中使用过Maven插件,想必会有这个经验:配置settings.xml文件的路径。 Paste_Image.pngsettings.xml文件是干什么的,为什么要配置它呢?从settings.xml的文件名就可以看出,它是用来设置maven参数的配置文件。并且,settings.xml是maven的全局配置文件。而pom.xml文件是所在项
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阅读
在src目录新建一个mixins文件夹,里面新建index.js文件这里写公共的值和方法export const mixin = { data() { return { mixi
原创
2022-07-06 16:40:38
80阅读
一、配置全局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阅读
学习目标:本篇日志记录我6-28及6-29两天的学习工作。 目标大致如下:下载安装前端开发平台HBuilderX并搭建Vue开发环境,尝试创建第一个Vue项目。学习Vue基本标签及语法,尝试使用Vue写前端网页。学习内容:(一)安装HbuilderX 前往官网:HBuilderX安装地址 如图所示单击如下按钮进行安装 (二)搭建Vue环境,创建第一个Vue项目 安装后,参考如下链接配置Vue环境H
最近有报一个全栈课程,里面内容比较新颖,其中对scss样式管理的理念让我十分喜欢,各种操作让项目更加具有条理性。1.@mixin 在一个可以全局适用的scss文件中,姑且叫global.scss,写入:@mixin center(){
display:flex;
justify-content:center;
align-items:center;
} 用css的眼光看,这是一个弹
转载
2024-04-18 22:22:42
86阅读
环境说明现有3台服务器:(192.168.10.121)A, (172.18.5.61)B, (172.18.5.54)C ;A服务器:图片服务器,提供共享文件夹Ashare。B,C两台服务器做IIS集群,部署报表系统,使用A提供的Ashare文件。提醒下,如果B,C的程序是跑的IIS Express,访问A的Ashare没问题,但是使用IIS,就访问不到。不信
转载
2024-03-25 10:20:11
146阅读
撸一套vue多端共用,非常适合需要快速且全面上线的项目。但是多端共用一套vue代码,由于平台间的互相限制,每端在某些业务例如支付分享等是完全独立的代码,每个平台的支付方式也会有所差异,造成在这些业务的实现过程中会有太冗余的“if else”判断。所以为了提高代码的复用性、扩展性,可以将代码拆分,以-小程序和App两端举例,一份部署到小程序,一份部署到App(Android&Ios)。首先代
一、前言Zuul 网关是具体核心业务服务的看门神,相比具体实现业务的系统服务来说它是一个边缘服务,主要提供动态路由,监控,弹性,安全性等功能。在分布式的微服务系统中,系统被拆为了多套系统,通过zuul网关来对用户的请求进行路由,转发到具体的后台服务系统中。本 Chat 主要内容如下:服务网关演化历程。Zuul 1.0 服务架构与源码剖析。Zuul 2.0 服务架构新特性。二、服务网关演化历程网关是
最近遇到笔记本电脑需要通过手机共享热点连接网络,这种情况可以通过无线热点和有线热点方式来解决。过去一直在iPhone 个人热点下通过蓝牙和局域网开放无线信号,将手机作为一个热点,电脑连接到手机热点,进行上网操作。这种连接方式的缺点在于每次需要用电脑连接WIFI的时候,需要将手机的蓝牙和无线局域网先处于关闭状态,再通过打开个人热点,开启蓝牙和无线局域网,这样的操作无形之中增加了不少的工作量,并且机身
转载
2023-08-07 23:38:50
66阅读
1: nginx部署前端vue项目2: nginx配置https3: 如何修改console面板和浏览器窗口主动修改为https4: 彻底理解在本地进行配置https的含义1: nginx部署前端vue项目 在linux环境中使用nginx部署Vue项目主要分为如下几个步骤 项目打包nginx修改配置文件nginx部署1)针对项目打包比较简单,使用如下命令即可npm run build该命令会在工
转载
2024-10-10 09:16:49
362阅读
在实际开发中,前端除了请求后端服务器还可能会请求文件服务器等,他们的地址是不一样的,例如后台地址是localhost:8001,文件服务器是localhost:8002,这里我使用vue-admin-template后台模板来举例如何配置。配置跨域代理在vue中使用proxy进行跨域的原理是:将域名发送给本地的服务器(启动vue项目的服务,loclahost:8080),再由本地的服务器去请求真正
转载
2023-09-17 13:42:46
323阅读
CSS Navigation - vscode 插件 - vue css 跳转
原创
2022-08-29 16:07:05
655阅读
JavawebHTML、CSSCSS引入方式< span >标签CSS选择器:页面布局表格表单标签表单项JavaScriptJavaScript引入方式JS语法变量数据类型运算符函数(Java中方法)JS对象ArrayStringJSON(对象标记法)BOMWindow 浏览窗口对象Location: 地址栏对象DOMJS事件监听事件绑定常见事件Vuevue生命周期Axios前后端分
转载
2023-10-22 20:53:58
148阅读