Vue项目打包之后，部署有两种方式，一是前台打包后扔给后台，放置在后台项目的根目录下就可以了。这种是最简单的。还有一种方式就是前端单独部署，这里讲的是后者 前端如何单独部署呢？ 一个最简单的办法就是使用Nginx部署辣 一.我们将自己的Vue项目打包 运行npm run build 会在项目中生成一个叫dist文件 二.安装Nginx Nginx是一个类似于Tomcat的服务器，部署前
转载
2024-05-06 14:42:26
170阅读
写在前面Vue-Router 有两种模式，默认是 hash 模式，另外一种是 history 模式。 hash：也就是地址栏里的 # 符号。比如 http://www.example/#/hello，hash 的值为 #/hello。特点：hash 虽然出现 URL 中，但不会被包含在 HTTP 请求中，对后端不会产生什么影响，改变 URL 不会重载页面。 history：利用了 HTML5 Hi
Vue实现前后端分离项目的初体验经过之前学习的Vue的知识：vue基本指令vue组件vue-resourcevue路由其实我们已经可以开始实战运用到实际的Web项目中了，由于本人是Java后端开发的，所以后端是基于SpringMVC的。以下我们将演示如何使用Vue组件实现一个用户登录系统。<!--more-->介绍后端后端基于spring、springMVC、mybatis框架对后端S
转载
2024-05-02 22:53:22
113阅读
Fragment使用的基本知识点总结， 包括Fragment的添加， 参数传递和通信， 生命周期和各种操作。一、Fragment添加方法一: 布局里的标签 标识符: tag， id， 如果都没有， container的id将会被使用。方法二: 动态添加 动态添加利用了一个transaction:FragmentManager fragmentManager = getFragmentManager
在本文中，我将把几个常用的监控部分给梳理一下。前面我们提到过，在性能监控图谱中，有操作系统、应用服务器、中间件、队列、缓存、数据库、网络、前端、负载均衡、Web 服务器、存储、代码等很多需要监控的点。显然这些监控点不能在一个专栏中全部覆盖并一一细化，我只能找最常用的几个，做些逻辑思路的说明，同时也把具体的实现描述出来。如果你遇到了其他的组件，也需要一一实现这些监控。在本篇中，主要想说明白下图的这个
转载
2024-06-17 19:57:17
1027阅读
本文更新说明：第一版是在 2014-06-16 编写的，现在来看，内容不够分明，思路不够清晰，方法不够完全。故再次更新、补充、修改，力求可以作为移动端前端开发测试的基本参考文档。后续还会随着技术的进步不断调整和修改。————————————————————通过移动端使用 Web 服务的比率越来越大，例如淘宝今年双十一，移动端交易份额就达到 42.6%。由此可见，掌握移动端的前
Vue.Draggable学习总结Draggable为基于Sortable.js的vue组件，用以实现拖拽功能。特性支持触摸设备支持拖拽和选择文本支持智能滚动支持不同列表之间的拖拽不以jQuery为基础和视图模型同步刷新和vue2的国度动画兼容支持撤销操作当需要完全控制时，可以抛出所有变化可以和现有的UI组件兼容安装npm install vuedraggable引入import draggabl
安装资源库：从Vue资源：https://github.com/vuejs/awesome-vue下载Libraries/UI Components/Form/Drag and Dropyarn add vuedraggable (5000?) (点击查看git)相关博客（功能翻译）：https://www.jianshu.com/p/03f0f58
两年前决定转行，开始自学前端，工作两年以来，换了两家公司，最开始做外包，到现在的比较稳定的做公司业务，中间有一段时间成长的很快，感觉每天都能学到很多东西，再到后来慢慢的每天都在重复的做一些业务工作，coding能力不知道怎么回事，一直原地踏步，由于公司主要是移动端用户，而且对于ui不是很重视，近一年以来基本是一个flex配上简单的样式就可以解决工作中8成以上的需求，结果就是在作死的道路上越走越远，
1.简介 关于ifarem标签一般用于项目内外嵌页面。比如vue中经常会遇到外嵌页面的问题，但是有需求这样的 要求外嵌页面的内容保持缓存 项目中一不小心点他其它页面 再次切换回来 防止页面外嵌页面再次刷新。2关于使用keep-alive缓存不了iframe界面原因 很多人第一想法就是会使用 keep-alive 去实现组件缓存，但是对iframe标签是行不通的，keepalive作为缓存组件这里不
转载
2024-04-10 17:31:18
424阅读
一、背景 目标效果是想导入 Excel 文档，后台接收并读取数据，再将数据传入到数据库中进行查询，得到结果后导出。二、实现过程 版本一： 版本一和版本二的后台的代码都一样，所以这里主要讲解前端的处理，后端的参考版本二的介绍即可。 首先在 f
转载
2024-04-28 20:14:12
221阅读
前端页面要实现一个页面加载进度条，可以通过以下步骤进行进度上的把控：HTML结构：在页面中创建一个用于承载进度条的<div>元素或其他合适的元素，例如：<div id="progress-bar">
<div id="progress"></div>
</div>
progress-bar作为进度条的容器，progress则是实际表示
目录1.前言2.HTML5 FormData 方法介绍以及实现文件上传步骤：1.问题描述2.例子3.HttpPostedFileBase 类参考1.前言在做MVC框架下一个项目，web端使用form表单提交信息给后台，在提交的信息中有文件,一开始不知道如何处理，后来在在博客上看到别人发的解决了我说遇到的问题，在此进行整理并延伸。2.HTML5 FormData 方法介绍以及实现文件上传步骤：1.问
转载
2024-08-12 13:57:03
55阅读
需求：在 vue 和 element-ui 项目中，有点击按钮 预览，下载，打印 PDF 文件 需求，要求支持 PDF 的预览，上下页切换，首尾页切换，页码选择跳转，放大缩小，顺时针逆时针旋转，下载，打印等功能 。实现：方法一 可以考虑使用 vue-pdf 插件 去实现；方法二考虑使用 
下载插件npm install echarts --save引入我们的 eCharts 我们也可以再官网上看到eCharts的下载 和引入方式ECharts的基础配置 在官网给出了我们许多示例：链接
我们都可以直接拿来用，但是里面的一些配置我们可以根据自己的需求来修改，所以我们需要了解ECharts的基础配置。主要配置（常用的） 官网配置项参考文档：链接需要了解的主要配置：s
Laravel——Web开发实战之路（四）@[Laraval|后端|框架]LaravelWeb开发实战之路四前言Blade模板Artisan命令页面优化局部视图头部文件footer文件引入局部视图 前言之前在第三章还落下了blade模板和Artisan命令没讲 本次顺便连带页面的优化–前端设计一起，可以作为一个前端入门的人来说，这一章很简单，但是中间的环境配置让我耽误了三个小时，希望可以让大部分
推荐使用：Grafana Faro Web SDK - 前端智能监控利器 faro-web-sdkThe Grafana Faro Web SDK, part of the Grafana Faro project, is a highly configurable web SDK for real user monitoring (RUM) that instruments browser fr
现代前端框架大行其道，讲前端思想从操作dom的阶段，升级到操作数据的阶段。vue作为三大前端框架之一，其中平缓的学习曲线，让好多前端新手非常喜欢，应用也越来越广泛。虽然其他两个框架有facebook，和google撑腰，但是vue已然是不可小觑的对手了。无论你去做前端面试还是公司新项目技术选型，vue一定不会跑出你们的备选名单。下面简单讲讲做vue开发第一部，安装！安装nodejsvue依托nod
转载
2023-10-08 09:18:57
80阅读
gRPC 1.0于2016年8月发布，现已发展成为应用通信的首选技术解决方案之一。它已被全球的初创公司、企业公司和开源项目采用。它对多语言环境的支持、关注性能、类型安全性和开发者生产力已经改变了开发者设计架构的方式。到目前为止，基本上只有移动应用程序和后端开发者获得这些好处，而前端开发者不得不继续依赖jsON REST接口作为其主要的信息交换方式。然而，随着gRPC-Web的发布，gRPC有望成为
Zabbix 是一个企业级分布式开源监控解决方案，其监控与告警功能十分强大。Grafana是一款开源的可视化软件，可以搭配数据源实现一个数据的展示和分析；Grafana功能强大，有着丰富的插件。两者结合以下，逼格还是挺高的。两套程序可以安装在一个CentOS7系统上边。本来想省点事用zabbix appliance来搭建，也就是装好的zabbix系统直接拿来用，但是里边太多坑，底层是Ubuntu系
