一、CSS相关
#1.1 左边定宽，右边自适应方案：float + margin，float + calc/* 方案1 */
.left {
width: 120px;
float: left;
}
.right {
margin-left: 120px;
}
/* 方案2 */
.left {
width: 120px;
float: left;
}
.right {
转载
2024-07-02 20:58:55
51阅读
Express基础知识认识expressnpm提供了大量的第三方模块，其中不乏许多Web框架，比如我们本章节要讲述的一个轻量级的Web框架 ——— Express。Express是一个简洁、灵活的node.js Web应用开发框架, 它提供一系列强大的功能，比如：模板解析、静态文件服务、中间件、路由控制等等,并且还可以使用插件或整合其他模块来帮助你创建各种 Web和移动设备应用,是目前最流行的基于
关于 node 的使用已经很久了，使用范围也很广，似乎有前端的地方就有 node，那么来思考一个问题，node 到底是用来干嘛的呢？本文从五个大的方面对该问题进行了解释。本文不仅仅可以应用场景的分析，完全可以把它当做Node.js高级进阶当路线，看看那些你还需要学。 我们知道 node 的出现，让前端开发既 ajax 之后，有了全新的面貌，在开发效率，性能等层面都有质的提升。归纳一直是知识提升的
转载
2024-09-23 20:00:12
20阅读
Nodejs项目部署与踩过的那哪些坑一、项目背景团队中基于Nodejs开发的项目，由于项目需要，要部署一套测试开发环境，之前正式线是一位大牛部署，由于某些原因这块现在需要自己处理部署。本人之前完全没接触过Linux，所以在部署测试开发环境过程中也是踩了好多坑，写篇杂记做个记录。 二、部署准备1.Linux系统2. SVN客户端3. Nodejs4. PM2 5. Nginx6. Mong
我们一直在追求敏捷高效，这是衡量团队是否优秀的重要指标之一。对于研发团队来说，敏捷高效离不开得心应手的框架和工具。大家都在努力创造一种可持续性方案。前端最流行的方案就是构建自己的开发生态，充分利用开源资源和出色的构建工具，开发项目，将优秀的优化方案和开发方式应用于项目，比如绝对的前后端分离、同构 SSR(Server-Side Rendering 缩写，意为服务端渲染) 等。本文记录了在一次重构中
素材网站 ✨iconfont阿里巴巴矢量图标库 ✨美叶 ✨IconPark ✨pexels ✨COLOR ✨Uigradients 网站入口：iconfont阿里巴巴矢量图标库 网址：https://www.iconfont.cn/ 本网站包含图标库、矢量插画库、3D插画库以及Lottie库，内容丰富且精美，只有你想不到的，没有你找不到的。拿这些精美图标来设计网页页面，一
场景： 这几天项目做的差不多了，但是服务器经常崩掉，然后之前用c#写的性能监控模块也不准，于是放弃了。还是用别人的模块吧。这里我采用node export + prometheus + grafana的方案进行性能监控。 prometheus是系统监控和报警系统，它可以通过监控系统的性能数据，获取并存储数据（默认是两个小时的数据）。同类型的软件有zabbix，但是我还没接触到。同时也有报警功能
转载
2024-07-16 13:20:45
24阅读
应用容器化和 Docker Compose 配置首先，如果你是一路跟着前面七篇教程一路敲过来的，那么将整个 Vue 前端项目放到新创建的 client 目录中，把整个 Express 后端项目放到新创建的 server 目录。如果你打算直接从这一篇开始学习部署，可以通过直接下载我们提供的代码： git clone -b deploy-start https://github.com/t
转载
2024-09-01 20:39:51
90阅读
前言作为一名前端，我们除了node作为服务以外，我们还有什么选择，那么简单容易上手的Nginx可以满足你的一切幻想。学习nginx可以让我们更加清晰前端项目上线的整个流程 作为一个前端，或多或少都会对Nginx有一些经验，那为什么还要学习那？ 不系统：以前可能你只会配置某项功能（网上搜集），都是碎片化的知识，不没有形成系统化。这样就导致你服务出现问题时，根本不知道从哪里下手来解决这些问题。一、Ng
转载
2024-03-18 10:22:18
226阅读
window系统1.安装node2.新建文件夹test3. cmd 命令行 cd test 进入test文件夹下 输入命令：npm -v查看版本 确认node是否安装成功 4.npm init -y 初始化创建一个package.json文件5.安装express (我用的淘宝镜像) cnpm install express --save6.在该文件夹下新建一个server.
转载
2024-04-15 13:14:30
54阅读
我使用了LuManager来管理服务器，LuManager是十分强大且方便的服务器管理软件，没接触过的朋友建议去官网看看。一、Nginx站点与NodeJS站点共存的配置首先是网站入口问题，Nginx使用了80端口，NodeJS使用8080端口。我们利用Nginx的“proxy_pass”将对80端口NodeJS站点的访问导向8080端口，在LuManager中，这个配置十分简单：1、进入LuMan
转载
2024-05-06 09:59:05
109阅读
是一个开源的前端性能监控系统，旨在帮助开发者实时掌握应用的运行状态、性能指标和用户体验。通过深度集成，它能够为你的Web应用提供全方位的健康检查，从而助力优化前端性能，提升用户的满意度。技术分析MonitorFE 基于现代Web技术构建，核心特性包括：数据采集：使用轻量级的JavaScript库在客户端收集关键性能指标，如页面加载时间、资源请求延迟、网络状态等。实时传输：采用WebSocket实
首先创建一个项目目录，现在里边是空的，当然在这之前你需要安装好node环境，这里就不赘述了。webpack基本配置1、package.json创建进入项目目录执行命令npm init生成package.json文件2、webpack和webpack-cli（脚手架）安装npm install --save-dev webpack webpack-cli3、执行命令，检测是否安装成功npx webp
转载
2024-10-11 18:03:26
105阅读
环境准备前端 node+express访问html文件 1.首先在需要操作的文件夹下安装express模块D:\vs code\File\hrml\mysqlweblod> npm install express2.先写第一个web服务创建app.js文件，如下let express = require('express')
// 创建应用
let app = express()
//
转载
2024-04-16 11:25:56
69阅读
因为第一次接触远程服务器所以遇到的坑比较多1、mysql在centos6.5安装遇到的问题，就想说下官方就不能优化下linux系统的mysql安装吗，非得出错让用户自行解决，在上篇博客中写了 这里就不多说了2、将nodejs项目上传到远程服务器上后，不知道如何通过域名访问服务器的项目文件，经过过长时间的百度，知道了nginx反向代理这个东东，首先编辑nginx.conf文件添加如下内容
转载
2024-03-29 15:26:23
58阅读
使用Express部署Vue项目 文章目录使用Express部署Vue项目1. 背景2. 配置Vue CLI2.1. 安装Node.js2.2. 安装Vue CLI2.3. 创建Vue项目2.4. 构建Vue项目3. 配置Express3.1. 安装Express3.2. 创建项目4. 使用Express部署Vue项目 1. 背景我们想要做一个前后端分离的课程项目，前端框架准备使用Vue.js，并
转载
2024-05-09 23:35:31
491阅读
什么是前端开发人员前端web开发,也称为客户端开发实践产生HTML、CSS和JavaScript的网站或web应用程序,这样用户可以直接看到并与之交互。与前端开发相关的挑战用于创建一个网站的前端的工具和技术不断变化,因此开发人员需要不断注意领域是如何发展的。设计一个网站的目的是确保当用户打开网站他们看到的信息格式很容易阅读和相关。这是事实进一步复杂化，现在用户使用多种不同的屏幕尺寸和分辨率的设备，
转载
2024-04-29 11:38:56
102阅读
一、Express的认识
1.Express框架是什么
Express是一个基于Node平台的web应用开发框架，它提供了一系列的强大特性，帮助你创建各种Web应用。我们可以使用 npm install express 命令进行下载。
2.Express框架特性
1.提供了方便简洁的路由定义方式
2.对获取HTTP请求参数
转载
2024-02-29 11:50:59
77阅读
要一个人写前台和后台就是一把辛酸泪，跨域弄得我头大，写了一个node+express+vue的前后台分离项目，部署到服务器出现跨域问题，找了好多资料，终于解决这个心头大患了，哈哈哈哈哈一、打包前端及放到服务器上面我的前端是用Vue写的，然后打包，把项目放到tomcat/webapps/ROOT/文件夹下面，我新建了一个文件夹来存放node写的后台代码，如下图express存放的就是我的node代码
主要五个方向：静态web服务器负载均衡静态代理动静分离虚拟主机静态web服务器Nginx是一个HTTP的web服务器，可以将服务器上的静态文件（如HTML、图片等）通过HTTP协议返回给浏览器客户端；案例：配置本地静态资源服务将ace前端框架（bootstrapt编写）的Demo项目，均为静态页面资源，部署到nginx所在服务器1、上传资源2、配置 nginx.conf 获取
转载
2024-03-15 10:29:07
340阅读
