- 博客(126)
- 收藏
- 关注
RSS订阅原创 二、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
原创 二、CSS图文对齐
解释：如图现在设置的图片和文字大小都为16px，但是为什么没有对齐这个问题就是由于文字从以基线为标准（但并非从基线开始，而是从“底线”开始（这个和没有关系）），图片是从基线开始的。
2022-11-28 17:26:12
56
原创 四、nginx负载均衡[轮询]
解释：负载均衡分为两部分（）。：将同一应用部署到多台机器上，组成处理集群，接收负载均衡设备分发的请求，进行处理并返回响应的数据。:将用户访问的请求根据对应的负载均衡算法，分发到集群中的一台服务器进行处理。图示：好处：解决服务器的，提高应用程序的处理性能。提供故障转移，实现。通过。在负载均衡器上进行过滤，可以。
2022-11-28 17:11:13
225
原创 四、nginx反向代理
解释：nginx反向代理如正向代理原理类似，只是实现了不同的功能。将请求发给（代理服务器）后，（代理服务器）并自己处理请求，而是交给，由处理完请求，返回给（代理服务器），再通过返回给结构图如下：好处：这样可以（由，但是用户只能看到（代理服务器）），其是真正处理用户请求的服务器，这样可以一定程度上。
2022-11-27 14:50:14
157
原创 一、nginx自定义路径和模块安装[源码目录结构、自定义configure配置路径和模块]
解释：可通过将下面参数在源码安装nginx执行./configure + 下面参数实现自定义路径，查看可以添加的命令--prefix = PATH （默认位置/usr/local/nginx）存放nginx安装文件的位置（不一定存放核心二进制文件（取决于--sbin-path），其里面一般html、动态模块软链等等）
2022-11-25 23:55:07
711
原创 二、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两种压缩配置[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基础命令[开启、关闭、重新加载、重启、检查配置文件、查看编译时放置位置、开机自启、关闭开机自启]
解释：下面说到的systemctl是一个系统命令，也就是说，其它应用也可以用其、等等，此外其比service还多很多功能。
2022-11-17 17:34:48
246
原创 二、Javascript类型[数组、对象]
解释：删除末尾元素，返回值为被删除的元素。解释：删除开头元素，返回值为被删除的元素。解释：对象就是以键值对的形式的数据结构。
2022-11-09 15:58:32
234
原创 四、JavaScript 网络请求[XMLHttpRequest、fetch、axios]
解释：其是相对原生的异步请求库，属于，，核心是使用 XMLHttpRequest 对象,使用较多并有先后顺序的话，容易产生回调地狱。（）
2022-11-06 09:02:05
269
原创 四、JavaScript任务管理[同步与异步、宏任务、微任务]
解释：代码运行到标志A，将标志A添加到宏队列代码开始运行标志B（此时标志A中代码（包括标志D和标志F），都已经同标志B一样添加到宏任务中），将标志B添加到宏队列中开始运行标志C，它是当前宏任务整体代码的代码，其会暂时在微任务队列，等待当前整体代码宏任务执行完后再执行微任务，此时开始执行同步代码此时主进程代码都已经执行，开始执行宏队列中代码5. 执行标志A中代码（顺序先执行同步代码，宏任务加入到宏队列，微任务等待同步代码执行完后再执行），此时，执行完打印。
2022-11-03 16:59:46
311
原创 一、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
原创 一、Vue3基础[计算属性、侦听器]
解释：在之前的内容里面说到过，，计算属性就是用来专门用函数语法：写在computed里面类似methods的写法，使用时，直接用
2022-10-29 17:26:49
381
原创 一、Vue3基础[第一个应用、模板内容的绑定与使用]
解释：所有的数据绑定都可以使用，可以使用的语法规则：只要return后面能写的js语法，vue都可以用{{{ok?{
2022-10-29 17:25:46
481
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人