草庐IT

纯前端

全部标签

Nginx搭载负载均衡及前端项目部署

目录​编辑一.Nginx安装1.安装所需依赖2.下载并解压Nginx安装包3.安装nginx4.启动Nginx服务二.Tomcat负载均衡 1.准备环境1.1准备两个Tomcat 1.2修改端口号1.3配置Nginx服务器集群2.效果展示​编辑三.前端项目打包​编辑四.前端项目部署1.上传项目 2.修改代理服务器3. 配置域名 一.Nginx安装1.安装所需依赖yum-yinstallgcczlibzlib-develpcre-developensslopenssl-devel2.下载并解压Nginx安装包wgethttp://nginx.org/download/nginx-1.13.7.t

飞码LowCode前端技术:如何便捷配置出页面

简介飞码是京东科技平台研发部研发的低代码产品,可使营销运营域下web页面快速搭建。本文将从三个方面来讲解如何便捷配置出页面,第一部分从数据、事件、业务支持三个方面进行分析,第二部分从模板与页面收藏与升级、页面UI结构、画布功能三个方面进行分析,第三部分从监控、页面配置、页面数据导入导出以及其他能力四个方面进行分析。一、第一部分:数据、事件、业务支持1、数据设计飞码LowCode前端技术(一)种对数据结构进行了分析,飞码是数据驱动+事件驱动,在编辑态配置区域需要页面中各种数据(接口出参、组件出参、页面入参、业务逻辑数据)。该部分仅说明飞码如何实现配置逻辑与规则的,如何实现数据驱动会在后续小节说明

javascript - 使用 restangular 将表单数据从 AngularJs 前端发布到 NodeJS RESTful API

我正在处理一个项目,我在使用restangular将表单数据从我的angularJS前端发布到我的后端RESTfulAPI时遇到了麻烦。每次我尝试都会收到错误代码400(错误请求)。下面是我的代码应用程序.js'usestrict';angular.module('clientApp',['ngRoute','restangular']).config(function($routeProvider,RestangularProvider){RestangularProvider.setBaseUrl('http://127.0.0.1:3000');$routeProvider.wh

前端(js+vue)选择题+判断题+问答题

1、下面代码输出什么?(C)functionaddToList(item,list){ returnlist.push(item)}varresult=addToList('apple',['banana'])console.log(result)A:['banana','apple']B:['apple','banana']C:2D:true2、下列哪种数组的方法不会修改数组本身?(A)A:slice  B:splice  C:sort D:unshift3.、请问下面那个方法可以删除数组最后一个元素?(C)A:shift() B: unshift() C:pop() D:push()4、以

前端常问的几种网络安全攻击类型

1)XSS:跨站脚本攻击就是攻击者想尽一切办法将可以执行的代码注入到网页中。存储型(server端):场景:见于带有用户保存数据的网站功能,如论坛发帖、商品评论、用户私信等。攻击步骤:i)攻击者将恶意代码提交到目标网站的数据库中ii)用户打开目标网站时,服务端将恶意代码从数据库中取出来,拼接在HTML中返回给浏览器iii)用户浏览器在收到响应后解析执行,混在其中的恶意代码也同时被执行-iv)恶意代码窃取用户数据,并发送到指定攻击者的网站,或者冒充用户行为,调用目标网站的接口,执行恶意操作反射型(Server端)与存储型的区别在于,存储型的恶意代码存储在数据库中,反射型的恶意代码在URL上场景:

前端传递参数时,form-data 和 json 的区别

在传递参数时,form-data和JSON是两种常见的数据格式。form-data是一种多部分表单数据格式,通常用于上传文件或包含二进制数据的表单提交。它使用multipart/form-data格式来编码数据。在使用form-data格式时,数据会被分割成多个部分,每个部分都有自己的头部信息。JSON(JavaScriptObjectNotation)是一种轻量级的数据交换格式,常用于前后端数据传输。它使用键值对的形式来表示数据,并且支持嵌套结构。JSON数据格式是纯文本的,易于阅读和编写,同时也易于解析和生成。生成form-data格式的数据通常需要使用FormData对象来处理,示例代码

【Linux】Nginx安装使用负载均衡及动静分离(前后端项目部署),前端项目打包

一、Nginx导言1、引言        Nginx是一款高性能的Web服务器和反向代理服务器,也可以充当负载均衡器、HTTP缓存和安全防护设备。它的特点是内存占用小、稳定性高、并发性强、易于扩展,因此在互联网领域得到了广泛的使用。总结出以下三点:负载均衡:流量分摊反向代理:处理外网访问内网问题动静分离:判断动态请求还是静态请求,选择性的访问指定服务器2、使用场景Web服务器:通过Nginx部署Web服务可以提升服务器的并发处理能力,降低响应延时和网络请求影响,同时支持多种负载均衡算法,能根据实际情况自动分配流量。反向代理服务器:Nginx可以作为反向代理服务器,实现多个后端服务器的负载均衡,

前端深入理解JavaScript面向对象编程与Class

 🎬岸边的风:个人主页 🔥 个人专栏 :《VUE》 《javaScript》⛺️ 生活的理想,就是为了理想的生活 !目录引言1.什么是面向对象编程?2.Class的基本概念3.Class的语法3.1构造函数3.2属性3.3方法3.4方法的访问修饰符4.类的静态方法和属性5.Getter和Setter方法6.类的私有属性和方法7.类的实例和构造函数8.类的继承9.类的封装10.类的多态11.结语引言随着JavaScript的发展,ECMAScript6(ES6)引入了许多新的语言特性和语法糖,其中包括了面向对象编程的Class(类)机制。Class提供了一种更简洁、更直观的方式来定义对象和操作对

WebSocket- 前端篇

官网代码 //为了浏览器兼容websocket constWebSocket=window.WebSocket||window.MozWebSocket//创建连接this.socket=newWebSocket('ws://xxx')//连接成功this.socket.onopen=(res)=>{console.log('websocket连接成功')this.socket.send('入参字段')//传递的参数字段}//后端针对刚才传的字段返回对应数据this.socket.onmessage=e=>{ console.log(e.data,'从服务器获取的数据')//关闭连接this.

纯前端实现图片验证码

前言之前业务系统中验证码一直是由后端返回base64与一个验证码的字符串来实现的,想了下,前端其实可以直接canvas实现,减轻服务器压力。实现子组件,允许自定义图片尺寸(默认尺寸为100*40)与验证码刷新时间(默认时间为60秒)。同时暴露绘制验证码方法drawPic(),允许父组件直接调用(需要利用ref实现),点击验证码也可手动刷新。//VerifyCodeImg.vueimport{onMounted,onBeforeUnmount,computed}from'vue';letprops=defineProps({canvasWidth:{//容器宽度type:Number,defau