一、前言用户对一个产品的前端体验的感受是决定其对该产品印象好坏的重要因素，好的产品一定有着优秀的前端体验，除了比较好的视觉体验外，还包括友好的交互设计、极佳的性能体验等等。交互设计之中比较容易被忽视的是容错的处理，比如友好和恰到好处的提示信息、交互细节上的人性化设计等。极佳的性能体验中比较重要的就是界面的加载速度，操作的流畅程度等。具体到开发层面来说就是前端的容错，性能优化、异常处理
背景在部署项目的过程中，以前一直都是在本地部署，然后通过xftp上传打包好的文件到服务器上，这个过程太过于繁琐。而现在就职的公司采用的是自动化部署的方案，在功能开发完后，将功能分支合并到master分支上，服务器就会自动构建代码。所以才有了学习自动化部署的想法。本文中的一些概念、步骤，可能解释的不是很清楚或者有错误，有任何问题、想法的还恳请矫正 :) 对于一些概念和命令等，在文档上查找更好，所以在
转载
2024-03-24 20:19:00
56阅读
1.尽量减少HTTP请求数分类: 内容80%的终端用户响应时间都花在了前端上，其中大部分时间都在下载页面上的各种组件：图片，样式表，脚本，Flash等等。减少组件数必然能够减少页面提交的HTTP请求数。这是让页面更快的关键。减少页面组件数的一种方式是简化页面设计。但有没有一种方法可以在构建复杂的页面同时加快响应时间呢？嗯，确实有鱼和熊掌兼得的办法。合并文件是通过把所有脚本放在一个文件中
1.背景介绍在当今的互联网时代，前端开发已经成为了企业核心竞争力的一部分。随着前端技术的不断发展，前端开发的复杂性也不断增加。为了提高开发效率，减少代码冲突，提高团队协作效率，微前端和容器化技术应运而生。本文将从微前端与容器化技术的背景、核心概念、算法原理、代码实例、未来发展趋势等多个方面进行深入探讨，为读者提供一个全面的技术博客。2.核心概念与联系2.1 微前端微前端是一种前端架构设计方法，它将
今天在做码神之路的个人博客练手小项目时，发现前端代码居然不用导进我的springboot项目里，就能够正常和spingboot里的后端代码联系起来。这看的我云里雾里，脑袋里有许多的问号，毕竟我真的没有接触过东西，觉得奇妙又头疼。研究了一个多小时之后，我才成功的在npm平台上启动前端项目，以下是从无到有用npm启动前端项目的步骤：1. 下载Nodejs下载Nodejs，要较新版本的，新版本里集合了n
转载
2023-12-13 21:01:04
49阅读
目录一. 前言二. 思路三. 实践3.1 准备单页应用项目3.2 保存历史构建index.html内容3.3 模拟服务端托管前端应用3.4 快速回滚node服务端代码开发3.5 快速回滚前端可视化页面开发 3.6 快速回滚测试四. 总结一. 前言 项目快速回滚是前端工程化中很重要的一环，项目部署
转载
2024-07-05 11:50:28
85阅读
1 创建项目目录cd 项目根目录
vue init webpack 客户端项目目录例如，我要把项目保存在~/Desktop桌面目录下，可以如下操作：cd ~/Desktop/renran
vue init webpack renran_pc把vue项目构建好了，运行测试服务器。接下来，在ubuntu使用pycharm同时通过2个窗口打开项目，一般先打开前端项目，再打开服务端项目，否则可能出现卡死的
转载
2023-10-08 09:15:24
438阅读
一、web容器的加载 首先我们要先知道一个web项目的启动过程。将Web项目部署到Tomcat中的方法之一，是部署没有封装到WAR文件中的Web项目。要使用这一方法部署未打包的webapp目录，只要把我们的项目（编译好的发布项目，非开发项目）放到Tomcat的webapps目录下就可以了。一个常规的Spring应用，在web容器启动时，默认会先去加载/WEB-INF/web.xml，它配置了：se
转载
2023-11-06 13:21:29
65阅读
1、 docker容器本质是多个容器卷的叠加，启动后的容器卷处于容器卷最顶层，不做特殊配置和处理的话，不同的容器之间是相互隔离的，包括文件存储和网络的隔离，其中文件存储可以通过挂载volumes来实现文件同步。每个容器创建时，会默认创建一对虚拟网卡，用于来链接容器和宿主机，也就是veth-pair。 我们现在创建一个容器，然后分别查看宿主机和容器的ip地址。#容器内部
[root@74c
转载
2024-07-04 12:11:20
134阅读
容器是独立
运
行的一个或一
组应
用，以及它
们
的
运
行
态环
境。
对应
的，虚
拟
机可以理解
为
模
拟 运
行的一整套操作系
统
（提供了
运
行
态环
境和其他系
统环
境）和跑在上面的
应
用。 （一）启动容器 启动
容器有
两
种方式，一种是基于
转载
2024-02-12 20:54:31
134阅读
在使用docker进行容器化部署的时候， 需要安装docker接下来给大家说说，下载完镜像之后，我们要进行系统的部署，这个过程中可能需要用到的部署指令和验证部署容器状态的一些命令首先查看所有的镜像docker images会显示所有你要拉取的镜像 这个时候，如果你有不需要的镜像，可以使用此命令来进行删除docker rmi 镜像ID 查看所有的容器信息docker ps -a会
转载
2024-06-08 10:01:27
97阅读
一般情况，查询条件都是通过后端去做的，如果后端说要让你去做，直接反手给他一个大嘴巴子，前端做这种搜索只适用于前期，如果需求只有一两个字段搜索还好，而且不需要导出，那前端就可以使用这个去试试，如果有根据搜索条件导出这个列表的数据，那玩个毛呀，直接甩给后端，臣妾做不到效果展示 最近公司需求 需要做一个任务分配的功能(已完成点击这里),由于可能分配的太多不太好找某一个任务就想做一个列表展示，通
css :nth-child和:nth-of-type的区别对于初学者和平时工作应用中，区别nth-child和nth-of-type是一个很大的盲区，为了更好帮助大家区分两者使用方法，特在此加以区分。首先创建一个HTML结构<div class='parent'>
<p>我说文章的第一个段落</p>
<p>我说文章的
css样式、选择器、css属性（文本属性）、盒子模型
选择器，css文本属性CSS语法:
选择器 {属性1: 值1; 属性2: 值2}
CSS放置的位置:
1. 直接写在标签里面,通过style属性来设置CSS样式
2. 在head标签里面通过style来写样式
转载
2024-07-23 09:00:29
52阅读
容器的前世今生？Docker项目之所以取得如此高的关注，一方面正如前面我们所说的那样，她解决了应用打包和发布这一困扰运维人员多年的技术难题，而另一方面，就是因为它第一次把一个纯后端的技术概念，通过非常友好的设计和封装，交到了最广大的开发者的群体手里。解决了应用打包的这个根本性的问题，同开发者与生具来的亲密关系，再加上PaaS概念已经深入人心的完美契机，成为Docker 这个技术看似平淡无奇的项目一
转载
2024-04-08 09:23:34
48阅读
本篇文章主要介绍将一个完整的 Web 项目（包括数据库、后端、前端）部署到 Docker 中的详细步骤项目是前后端分离的，后端使用 SpringBoot + JKD17 + MySQL 8；前端使用 Vue + webpack。服务器是跑在 WSL2 上的 Ubuntu 20.04.5? Docker 部署 Web 项目（优化篇）服务器目录结构—— root
|—— mall // 根目录
转载
2023-09-11 14:39:12
182阅读
前端问题补充两个浮动(float)的div下添加div，div实际位置在浮动(float)的div之下；两个浮动(float)的div下换行前端多页面时来回调用时，总是会出现属性不存在的问题vue-form表单里的输入框在ie下点击回车出现错误页面vue-table表格在多次路由或跳转之后，出现表格缩小，表格没有占满页面ie无法使用new File()方法vue-input的字数显示出来在vue
启动容器有两种方式，一种是基于镜像新建一个容器并启动，另外一个是将在终止状态（stopped）的容器重新启动。 因为 Docker 的容器实在太轻量级了，很多时候用户都是随时删除和新创建容器。所需要的命令主要为 docker run 。 例如，下面的命令输出一个 “Hello World”，之后终止容器。 $ sudo docker run ubuntu:14.04 /bin/echo 'He
转载
2023-08-05 21:22:17
275阅读
前言：写这篇文章的目的是最近搞了下前端自动化部署，准备写篇博客记录下来。其中用到了docker容器技术，因此在写自动化部署的博客前先记录一下docker的下载安装以及镜像和容器的创建。什么是docker，以及为什么前端要学习docker假设现在你开发完了一个项目，这个时候你要把这个项目交给测试去测试。测试在拿到你的代码后，运行项目，发现项目跑不起来。然后就对你说项目有问题，跑不起来，让你解决。可是
转载
2024-03-20 16:23:02
43阅读
1、Redis介绍 1.1、什么是NoSql 为了解决高并发、高可用、高可扩展。大数据存储等一些列问 提的产生的数据库结局方案。 NoSql，叫做非关系型数据库，他的全名Not only sql。它不能 替代关系型数据库，只能作为关系
转载
2024-06-27 11:12:25
99阅读
