OECOM - 专注于web前端开发

Nginx

Nginx资源压缩

无邪 November 1, 2023 0

资源传输速度及资源大小严重影响页面渲染加载速度，所以对资源进行压缩是很有必要的，下面来看一下使用Nginx对资源进行压缩，以达到节省带宽资源和加快详情速度，提高系统的吞吐量。在Nginx配置中提供了···

Nginx

Nginx配置静态资源分离

无邪 November 1, 2023 0

在前端项目的优化中静态资源分离是一个比较有效的方案，原因在于如果大量的静态资源请求到业务服务器，则会占用业务服务器大量的并发资源来处理，对于后端服务的压力还是比较大的。于是我们可以在这些请求还未到达···

Nginx 学习笔记

Nginx反向代理-负载均衡

无邪 November 1, 2023 0

本文主要介绍一下nginx的反向代理及负载均衡配置方法，反向代理是指通过nginx暴露对外端口，然后由Nginx转发到本机或其他机器上的方式，例如我对外暴露域名为aa.com，本机通过nodejs启···

HTML笔记 javascript

js监听按键方法及按键对照表

无邪 October 27, 2023 0

js可以通过document.onkeydown来监听键盘按下事件，用以在网页上做出响应的处理，使用方法如下： document.onkeydown = function (event){ // 此处···

HTML笔记 javascript

js原生实现将excel表格显示到html网页

无邪 October 27, 2023 0

前言近期项目有个需求，需要将excel表格中的内容通过粘贴的形式显示在网页上，在页面以表格的形式展示，于是开始了该任务的开发。首先就是需要理清思路步骤监听ctrl+v 获取剪切板内容格式化剪切···

javascript

ES2020常用特性介绍

无邪 October 17, 2023 0

可选链操作符( ?. ) 允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符，不同之处在于，在引用为空(nullish) (null ···

javascript React

useCallBack的使用场景

无邪 February 28, 2023 0

useCallback 的真正目的还是在于缓存了每次渲染时 inline callback 的实例，但并不是每个函数都需要使用，无意义的使用反而会使性能下降。看到这里，有些笔友就要发问三连了。 1.···

HTML笔记

void 0 和undefined的区别

无邪 February 27, 2023 0

在看一些代码中，我们会发现一些变量的赋值使用的是void 0，并且有的编程规范要求用 void 0 代替 undefined。在谈两者之前的区别前，我们先来看一下void是个啥 void void 是···

HTML笔记

ES6的Proxy用法

无邪 February 23, 2023 0

Proxy介绍 Proxy是用于创建一个对象的代理，从而实现基本操作的拦截和自定义 Proxy使用 Proxy为构造函数，用来生成 Proxy实例 let proxy = new Proxy(tar···

HTML笔记 javascript

使用js添加文字水印

无邪 February 22, 2023 0

经常在一些发布页面后面会有用户名的水印，主要用来在截图时候标识是谁发的。下面我们来看一下如何使用js来添加水印。这里我们使用canvas来进行水印绘制 /** * 绘制水印 * @param can···

HTML笔记 javascript React

react中的css隔离

无邪 February 21, 2023 0

一般情况下，我们在react中写css，都是直接以文件形式来写，然后再组件中进行引用，但是这种写法会导致相同class名称引起的样式冲突，这就要求我们在写class时对命名有严格的要求，比如前缀增加组···

javascript

Object.freeze的使用

无邪 February 16, 2023 0

什么是Object.freeze Object.freeze() 方法可以冻结一个对象。一个被冻结的对象再也不能被修改；冻结了一个对象则不能向这个对象添加新的属性不能删除已有属性不能修改该对象已···

登录