自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(126)
  • 收藏
  • 关注

原创 二、CSS自制浏览器滑动条

思路:首先我们需要想清楚,大体思路应该是把浏览器默认滑动条,然后自己手写一个,主要是做出和的效果出来。解释:如下图所示,有一个盒子高度是100px,里面有一个(100+100)px的内容,也就是200px,然后它的右侧是一个滑动条。可以根据,比如设时,,此时,此时是一个。当,相当于,滑动条,然后当滑动100px时()其占内容区,对应的滑动条()即可。

2022-12-01 18:07:17 158

原创 一、Vue3基础[组件(props、事件、插槽)]

解释:正如上图所示,一个页面可以分为多块部分,但是如果把所有代码都写在一个vue文件当中,,所以需要用到>创建多个vue文件每个里面写一部分代码,然后集中在一个主的vue文件调用。

2022-11-30 18:48:14 709 5

原创 一、Vue3基础[生命周期]

1.beforeCreate 详细信息:会在实例初始化完成、**props** 解析之后、**data()** 和 **computed** 等选项处理之前立即调用,此时**data**、**watcher**、**methods**都还没有生效

2022-11-29 15:01:31 395

原创 五、Javascript 空间坐标[尺寸、滑动]

解释:配合setInterval使用,能够每次向下滑行一点,一直滑动。解释:一次性滑动目标位置。

2022-11-28 20:44:50 297

原创 C语言数据结构[顺序表、单链表]

【代码】C语言数据结构[顺序表、单链表]

2022-11-28 17:26:31 11

原创 二、CSS图文对齐

解释:如图现在设置的图片和文字大小都为16px,但是为什么没有对齐这个问题就是由于文字从以基线为标准(但并非从基线开始,而是从“底线”开始(这个和没有关系)),图片是从基线开始的。

2022-11-28 17:26:12 56

原创 二、CSS下拉菜单[颜色布局、子影响父]

效果html

2022-11-28 17:26:00 189

原创 npm包管理

安装需要先安装,安装好附带安装好,但开发。

2022-11-28 17:24:35 225

原创 四、nginx负载均衡[轮询]

解释:负载均衡分为两部分()。:将同一应用部署到多台机器上,组成处理集群,接收负载均衡设备分发的请求,进行处理并返回响应的数据。:将用户访问的请求根据对应的负载均衡算法,分发到集群中的一台服务器进行处理。图示:好处:解决服务器的,提高应用程序的处理性能。提供故障转移,实现。通过。在负载均衡器上进行过滤,可以。

2022-11-28 17:11:13 225

原创 四、nginx反向代理

解释:nginx反向代理如正向代理原理类似,只是实现了不同的功能。将请求发给(代理服务器)后,(代理服务器)并自己处理请求,而是交给,由处理完请求,返回给(代理服务器),再通过返回给结构图如下:好处:这样可以(由,但是用户只能看到(代理服务器)),其是真正处理用户请求的服务器,这样可以一定程度上。

2022-11-27 14:50:14 157

原创 四、nginx正向代理

指的是通过,再由来流量结构图如下:好处:这样做的好处是,当通过访问时,获得的是的IP,这样可以达到的效果。

2022-11-27 14:49:51 578

原创 三、nginx https加密配置

解释:配置相对比较简单需要几个参数即可,在配置ssl证书之前,要确保你的。

2022-11-27 14:49:27 437

原创 一、nginx自定义路径和模块安装[源码目录结构、自定义configure配置路径和模块]

解释:可通过将下面参数在源码安装nginx执行./configure + 下面参数实现自定义路径,查看可以添加的命令--prefix = PATH (默认位置/usr/local/nginx)存放nginx安装文件的位置(不一定存放核心二进制文件(取决于--sbin-path),其里面一般html、动态模块软链等等)

2022-11-25 23:55:07 711

原创 一、nginx安装第三方模块[apt安装、源码安装]

ubuntunginx一般都需要重新编译。

2022-11-25 23:53:56 985

原创 二、nginx编程[set、if、return、break]

解释:给客户端返回状态码与对应得内容等。

2022-11-23 22:09:50 70

原创 二、nginx URL重写[rewrite]

解释:URL重写是服务端干的事情,例如用户访问其相当于访问/api的路由,URL重写可以把其转为其它路由处理如/api1.5或者用户访问/img下的图片,把其全部URL重写到/img/1.png。

2022-11-23 22:09:06 547

原创 三、nginx配置防盗链

原理:浏览器在网站打开后才会引用图片,而图片发送到服务器时,自身会携带一个Referer,发送到服务器,所以我们可以通过nginx来判断Referer是不是自己网站的域名,如果不是可以选择拒绝发送图片信息。目的:避免自己网站的图片被他人引用到他人的网站里面如。,从而造成浏览器带宽消耗。

2022-11-22 00:06:56 62

原创 三、nginx配置跨域

解释:当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域给发送ajax请求就是跨域,如果没有经过特殊配置,跨域将会被浏览器拦截。

2022-11-21 20:40:41 250

原创 三、nginx设置浏览器缓存[expires]

解释:浏览器缓存极大缓解了带宽压力,提高了用户体验。注意:点击浏览器刷新时,会先判断是否有缓存,如果有缓存和上面情况一样,如果会不经过判断。

2022-11-21 19:56:25 465

原创 二、nginx添加header

解释:nginx添加header比较简单,如下。

2022-11-21 19:53:32 1100

原创 三、nginx两种压缩配置[gzip]

解释:通过配置参数,让nginx压缩指定后缀格式文件,然后发送给用户,但是这样这些压缩文件无法使用sendfile的高效传送(),因为文件需要先经过nginx压缩mime.typesimage/pngoffexpiredno-cacheno-storeprivateno_etagauthany。

2022-11-21 19:06:57 957

原创 二、nginx错误页面[error_page]

解释:其原理是响应到错误代码后,导向,然后再由处理,如下当错误代码是404时,相当于访问,正好被内部传送给让其来进行处理(需要注意必须有50x.html这个页面)

2022-11-19 18:19:02 425

原创 二、nginx server基础配置[root、alias、index]

解释:root与alias类似,root其寻找文件是,如下例子会去下面寻找文件,如其会寻找文件。

2022-11-19 13:42:41 426

原创 二、nginx访问路径[location]

下面将会说location的匹配用户发来url的匹配方法。

2022-11-19 13:09:55 170

原创 一、nginx基础命令[开启、关闭、重新加载、重启、检查配置文件、查看编译时放置位置、开机自启、关闭开机自启]

解释:下面说到的systemctl是一个系统命令,也就是说,其它应用也可以用其、等等,此外其比service还多很多功能。

2022-11-17 17:34:48 246

原创 一、nginx初始化[安装、基础配置文件]

使用的linux系统是ubuntu。

2022-11-16 17:44:44 206

原创 五、Javascript DOM操作

关于dom操作,一般都是document开头。

2022-11-11 19:00:38 584

原创 二、Javascript类型[数组、对象]

解释:删除末尾元素,返回值为被删除的元素。解释:删除开头元素,返回值为被删除的元素。解释:对象就是以键值对的形式的数据结构。

2022-11-09 15:58:32 234

原创 四、JavaScript 网络请求[XMLHttpRequest、fetch、axios]

解释:其是相对原生的异步请求库,属于,,核心是使用 XMLHttpRequest 对象,使用较多并有先后顺序的话,容易产生回调地狱。()

2022-11-06 09:02:05 269

原创 四、JavaScript Promise[基础、异步链式操作]

上面的使用。

2022-11-04 17:00:49 348

原创 三、JavaScript函数[四种函数格式、this]

可以理解为和外层函数指向同一个 this。

2022-11-04 17:00:00 67

原创 四、JavaScript任务管理[同步与异步、宏任务、微任务]

解释:代码运行到标志A,将标志A添加到宏队列代码开始运行标志B(此时标志A中代码(包括标志D和标志F),都已经同标志B一样添加到宏任务中),将标志B添加到宏队列中开始运行标志C,它是当前宏任务整体代码的代码,其会暂时在微任务队列,等待当前整体代码宏任务执行完后再执行微任务,此时开始执行同步代码此时主进程代码都已经执行,开始执行宏队列中代码5. 执行标志A中代码(顺序先执行同步代码,宏任务加入到宏队列,微任务等待同步代码执行完后再执行),此时,执行完打印。

2022-11-03 16:59:46 311

原创 二、JavaScript库[Math、Date]

用于返回 >=0 且

2022-10-29 17:30:30 583

原创 一、JavaScript基本类型[String、Number、Boolean]

3.获取长度5.截取字符串6.移除空白7.查找字符串正则查询解释:更方便的可以使用正则查询,之后的文章会有提到

2022-10-29 17:30:17 24

原创 一、JavaScript运算符和运算流程[if、三元表达式、switch、while、do/while、for、for/in、for/of]

【代码】一、JavaScript运算符和运算流程[if、三元表达式、switch、while、do/while、for、for/in、for/of]

2022-10-29 17:29:40 24

原创 一、JavaScript基础[var、let、const]

【代码】一、JavaScript基础[var、let、const]

2022-10-29 17:29:27 14

原创 一、Vue3基础[计算属性、侦听器]

解释:在之前的内容里面说到过,,计算属性就是用来专门用函数语法:写在computed里面类似methods的写法,使用时,直接用

2022-10-29 17:26:49 381

原创 一、Vue3基础[内置指令]

解释:同v-html相对,内容只会以纯文本内容展示。

2022-10-29 17:26:28 575

原创 一、Vue3基础[第一个应用、模板内容的绑定与使用]

解释:所有的数据绑定都可以使用,可以使用的语法规则:只要return后面能写的js语法,vue都可以用{{{ok?{

2022-10-29 17:25:46 481

原创 七、python Django发布上线[nginx、uwsgi]

基本同配置flask相同。

2022-10-17 20:54:14 585

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除