静态 页面nginx build

el-select数据太多造成页面卡顿?el-select实现触底加载

当我们使用el-select下拉框的时候,会遇到后端放回的数据太过庞大(成千上万条),导致页面渲染的时候造成卡顿现象。这时候我们可以利用触底加载方法减少资源的消耗,避免页面卡顿。 思路:这时候我们可以利用vue的自定义指令,监听到他的下拉滚动事件,当滚动到最后时,(下拉宽高度+可滑动高度距离底部的距 ......
el-select select 页面 数据 el

直播app源码,根据页面滚动高亮显示目录的侧边栏

直播app源码,根据页面滚动高亮显示目录的侧边栏 父组件代码如下(示例): <template> <div class="demo"> <div class="container" style=" " v-for="item in navLists" :key="item">{{item}}</di ......
侧边 源码 页面 目录 app

页面引入css样式时,使用link和@import有什么区别

css文件引入的方式有两种: 1.HTML中使用link标签 <link rel="stylesheet" href="style.css/> 2. css中使用@import @import "style.css" /*使用字符创*/ @import url("style.css") /*使用ur ......
样式 页面 import link css

vue 实现页面跳转

1、router-link跳转 // 直接写上跳转的地址 <router-link to="/detail/one"> <span class="spanfour" >link跳转</span> </router-link> // 添加参数 <router-link :to="{path:'/det ......
页面 vue

jexcel_将excel数据导入到页面

jexcel_将excel数据导入到页面 还需解决的课题:下载jszip.js和xlsx.js <%@ Page Language="C#" AutoEventWireup="true" CodeFile="有效代码_将excel数据导入到网页.aspx.cs" Inherits="Default2 ......
页面 数据 jexcel excel

【解决办法】三层交换机通过静态路由和接口互联,实现不同VLAN间通信的两种方法

环境: 工具:锐捷EVE模拟器 远程工具:SecureCRT 系统版本:Windows 10 问题描述: 描述:通过两台三层交换机的互联,完成全网互通。拓扑如下图: 解决方法-视频与文字教程: 视频教程: 文字教程: 方法1:通过建立TRUNK链路,通过SVI虚拟接口实现三层交换机的互联,各交换机下 ......
路由 交换机 静态 接口 办法

杀不死的nginx

[root@xxxf sfg_nginx]# cd ..[root@xxxf var]# cd ..[root@xxxf ac]# lssfg_nginx var[root@xxxf ac]# cd sfg_nginx/[root@xxxf sfg_nginx]# lltotal 12drwxr-x ......
nginx

【快应用】组件如何页面底部显示

【关键词】 底部、postion 【问题背景】 快应用中某个组件如果要实现在页面底部展示,该如何实现呢? 【实现方法】 可以通过设置postion为fixed,再设置margin-top属性和bottom属性来将组件在页面底部显示。 方法一:设置postion为fixed,bottom为0px <t ......
底部 组件 页面

使用nginx配置https域名证书

安装SSL模块 要在nginx中配置https,就必须安装SSL模块,也就是:http_ssl_module。 进入到nginx的解压目录 新增SSL模块(原来的那些模块需要保留) ./configure \ --prefix=/usr/local/nginx \ --pid-path=/var/r ......
证书 域名 nginx https

nginx的反向代理缓存

# proxy_cache_path 设置缓存保存的目录 # keys_zone 设置共享内存以及占用的空间大小 # max_size 设置缓存大小 # inactive 超过此时间,则缓存自动清理 # use_temp_path 关闭临时目录 proxy_cache_path /usr/local ......
缓存 nginx

C/C++静态库和动态库

C/C++静态库和动态库 目标 创建与使用静态库、动态库 静态库和动态库的区别 使用时如何选择 什么是库? 库是写好的现有的,成熟的,可以复用的代码 库的本质 一种可执行代码的二进制形式,可以被操作系统载入内存执行. 库的种类 静态库(.a、.lib) 动态库(.so、.dll) 程序编译过程: 如 ......
静态 动态

Swift下Data处理全流程:从网络下载,数模转换,本地缓存到页面使用

Swift下将网络返回json数据转换成struct 假如网络请求返回的数据结构是一个深层嵌套的Json 首先要通过key-value取出这个json中的数据源 // 将返回的json字符串转Dictory let json = """ { "name": "jack", "age": 20, "d ......
数模转换 缓存 流程 页面 Swift

4-页面cookie的添加,免登录

拿取cookie的方法 1、fiddler抓包获取 2、页面f12找到对应的请求,找到cookie复制下来 3、可以webdriver获取 cookies=dirver.get_cookies() 拿到了cookie是之后,把值复制保存下来,转化成字典格式,存入到浏览器 4、也可以用Session ......
页面 cookie

TS 导入同路径下的页面

TS 导入同路径下的页面,比如有如下目录结构,如果想在 pages/bbb/index.tsx 里使用 pages/bbb/my_test_sub.tsx 里的组件 MyTestSub,该如何书写 import 语句呢 ├── pages │ ├── aaa │ ├── bbb │ │ ├── in ......
路径 页面 TS

vue this.$router.push 页面传值问题

在修改一个别人的bug的时候发现一个问题, 记录一下, vue前端页面在刷新页面后只读页面可以编辑了 在前一个传值页面他的写法是 this.$router.push({ name:'xxx', query:{ isEdit:false } }); 在接收的时候写的是 this.isEdit = th ......
页面 router 问题 this push

nginx卸载重装无配置文件

sudo apt-get --purge remove nginx sudo apt-get autoremove dpkg --get-selections|grep nginx 并找到和nginx有关系的软件文件 接着删除这个文件,并重装 sudo apt-get --purge remove ......
文件 nginx

2-web-UI-页面元素的识别

1、元素识别 元素的定位和操作是自动化测试的核心部分,其中操作又是建立在定位的基础上的,web对象识别的元素一定要是唯一的,通过【唯一】区别于其它元素的属性来定位这个元素。 元素识别: 1、利用Chrome浏览器开发者工具: 1)打开Chrome浏览器,按F12或依次点击菜单—更多工具—开发者工具; ......
元素 页面 web-UI web UI

快速配置Nginx清单

Nginx配置清单 什么是Nginx? Nginx是一个高性能的Web服务器和反向代理服务器。它可以处理静态资源,如HTML、CSS、JavaScript和图片,也可以作为反向代理服务器,将请求转发到其他服务器进行处理,例如应用服务器或其他Web服务器。Nginx还具有高度可扩展性、灵活性和安全性, ......
清单 Nginx

502 Bad Gateway Nginx

502 Bad Gateway Nginx 页面提示 502 Bad Gateway Nginx 简单来说,可以检查nginx的配置文件,查看其中的各个ip是否有效,端口是否通着 像是我的情况是,数据库密码换了以后,多个应用的配置文件换了,但是漏了一个,然而用户反映是在五一放假结束以后才出现问题,实 ......
Gateway Nginx 502 Bad

Goland 报错 build xxx: cannot find module for path xxx

很久没用上go了,今天建一个小项目练习下面试题结果遇到个小问题,还好几年前就遇到了这种问题,记录过解决办法,这次又遇到了就再仔细记录一下,也帮助遇到问题的小白们。 问题本身是:main.go里面文件引用本项目的其他包,虽然成功,但编译不过 解决方法 1.创建一个go.mod文件,里面添加module ......
xxx Goland cannot module build

微服务 - Nginx网关 · 进程机制 · 限流熔断 · 性能优化 · 动态负载 · 高可用

系列目录: 微服务 - 概念 · 应用 · 通讯 · 授权 · 跨域 · 限流 微服务 - 集群化 · 服务注册 · 健康检测 · 服务发现 · 负载均衡 微服务 - Redis缓存 · 数据结构 · 持久化 · 分布式 · 高并发 本文的前提需要了解一些基础的Linux知识。以下围绕 Nginx ......
183 网关 进程 机制 性能

nginx 开启目录索引及简单用户认证

目录索引及简单用户认证 ngx_http_autoindex_module 模块可以支持目录列表浏览,开启方式 location / { autoindex on; } 开启后就可以通过浏览器访问目录下的文件列表,像很多镜像资源站一样。可以文件浏览下载。这时候如果对某个目录不是所有用户可以访问下载, ......
索引 目录 用户 nginx

Django--静态资源配置

1.关键配置--setting 2.HTML设置为 官方指导为:https://docs.djangoproject.com/zh-hans/3.2/howto/static-files/ 3.原本的效果 4.修改setting中的命名 5.查看效果 参考资料 官方指导为:https://docs. ......
资源配置 静态 Django 资源

HDFS网页访问静态用户设置

在使用网页删除文件夹时,被提示权限不够,因为默认是以普通用户权限访问,而文件夹时root用户的 配置网页默认访问用户为root <!-- 配置HDFS网页端使用的静态用户 --> <property> <name>hadoop.http.staticuser.user</name> <value>r ......
静态 网页 用户 HDFS

nginx开启gzip

在进行生产环境部署时,开启 Gzip 压缩可以减小静态资源文件的大小,提高网站的加载速度。 如果要使用 Gzip 压缩技术来减小文件传输大小,需要在两个地方进行配置。 首先,在本地开发环境中,你需要使用一些工具来对需要传输的文件构建压缩版本,比如使用 webpack 构建并压缩 JavaScript ......
nginx gzip

通过NGINX把goproxy.cn代理到无法上网的内网主机

在可以访问 goproxy.cn 的 Linux 服务器上,安装并配置好 NGINX。 在 NGINX 配置中添加以下内容: server { listen 80; server_name proxy.example.com; location / { proxy_pass https://gopr ......
主机 goproxy NGINX cn

docker的nginx的nginx.conf文件复制到主机

要将 Docker 容器中的 Nginx 配置文件复制到主机上,可以使用 docker cp 命令完成。 以下是具体的步骤: 执行以下命令,在运行中的 Nginx 容器中复制 /etc/nginx/nginx.conf 文件到主机的某个目录中(例如,当前目录中的 nginx.conf 文件): do ......
nginx 主机 文件 docker conf

Nginx 面试题总结大全

转载请注明出处: 1 介绍下nginx特点与常用模块 2 nginx特点详细 3 反向代理和正向代理 4 负载均衡策略有哪些 5 Nginx如何实现动静分离? 6 Nginx 常用命令有哪些? 7 Nginx 进程模型 8 nginx是四层协议还是七层的 9 nginx如何自定义负载均衡 10 如何 ......
大全 Nginx

查看Nginx容器中的配置文件

要查看Nginx容器中的配置文件,可以按照以下步骤进行: 进入正在运行的Nginx容器: docker exec -it <nginx-container-name> bash 其中,<nginx-container-name>是Nginx容器的名称。 在容器内部,浏览到/etc/nginx/目录, ......
容器 文件 Nginx

nginx的gzip配置示例

gzip on; gzip_min_length 1k; gzip_buffers 16 64k; gzip_http_version 1.1; gzip_comp_level 4; gzip_types text/plain application/javascript application/x ......
示例 nginx gzip