- 博客(462)
- 资源 (22)
- 收藏
- 关注
RSS订阅原创 Linux——防火墙
alias 别名=‘实际命令’定义自定义命令影响指定用户的bash解释环境：在~/.bashrc文件中配置，每次开启bash终端时生效影响所有用户的bash解释环境：在文件中配置，每次开启bash终端时生效注意配置完成之后需要在新的终端窗口才可以使用。上面启动的两个web服务，只能通过本机访问，外界网络访问的话会报错：为了解决这个问题我们需要关闭防火墙。防火墙的作用是隔离，从而保护主机安全。防火墙严格过滤入站请求，允许出站请求。主机自己访问自己的时候是不需要经过防火墙的。
2024-05-17 00:53:04
778
原创 CSS—— grid布局
grid 是一个 CSS 简写属性，可以用来设置以下属性： 显式网格属性 grid-template-rows、grid-template-columns 和 grid-template-areas， 隐式网格属性 grid-auto-rows、grid-auto-columns 和 grid-auto-flow， 间距属性 grid-column-gap 和 grid-row-gap。none：表示不明确的网格，所有的行和其大小都将由grid-auto-rows 属性隐式的指定。
2024-05-14 01:46:08
592
原创 Shell脚本
如果使用的是法二，执行的最后的结果是：所在的目录是当前执行的目录，因为使用指定解释器执行完之后就会退出该解释器，指定解释器进入过abc目录，但是指定解释器退出了，所以最后所在的目录是当前执行的目录。法三使用的是当前解释器，解释器解析完之后不会退出。Shell是Shell解释器的简称，机器本身是不知道我们编写的脚本是什么意思，需要使用shell解释器将命令翻译为机器能够读懂的信息。后缀结尾，但是改后缀不是给机器识别的，机器根据Shell脚本的解释器声明来识别该文件是一个Shell脚本，
2024-05-06 22:21:34
759
原创 资源访问流程、静（动）态网站、SSR、CSR、SSG、静态文件服务器
如果使用的是CSR渲染方式的项目，被打包成静态资源部署到服务器上，在浏览器上访问的时候会先访问部署在服务器上的index.html文件，同时该index.html文件引入的js文件会从后端获取数据资源然后在浏览器端进行渲染，那这使用的方式就是CSR。比如说SSG渲染方式的项目，被打包成静态资源，然后被部署到服务器上，从浏览器中访问该项目，直接获取的是部署在服务器上的静态资源，那使用的方式就是SSG渲染。对于不涉及Node.js的前端代码打包出来的一般就是静态资源文件，一般部署在静态文件服务器上。
2024-04-11 00:59:58
573
原创 渐变字体的实现
会发现字体的颜色完全被阴影覆盖。这是因为我们将字体的颜色设置为了透明色，字体阴影是在字体的下层，背景的上层展示的，所以字体阴影将遮盖背景展示出来。
2024-04-07 20:31:04
734
原创 JumpServer简介
堡垒机是在一个特定的网络环境下，为了保障网络和数据不受来自外部和内部用户的入侵和破坏，而实时收集和监控网络环境中的系统状态、安全事件、网络活动，以便集中报警、及时处理。JumpServer 是广受欢迎的，是符合 4A 规范的专业运维。JumpServer 帮助企业以更安全的方式管控和登录所有类型的资产，实现事前授权、事中监察、事后审计。以下都是在系统下安装的命令。注意堡垒机的基本运行条件是：2个cpu内核、4G内存、50G硬盘安装命令首次安装后需要修改config.txt配置文件，定义 DOMAI
2024-04-05 02:29:16
961
原创 js的执行机制 — 事件循环机制
因为JavaScript是单线程的，单线程意味着所有任务需要排队执行。但是有一些API（比如：定时器和Ajax等）是需要等待一定的时间才能得到结果的，如果它们按顺序执行，会造成很大的效率问题。因此，JavaScript采取了。，都会交给浏览器或Node.js进行挂起，等同步代码执行完毕后再执行异步操作。事件循环机制是js的一种执行机制，他是一种可以。
2024-03-27 17:29:44
658
原创 js常见的异步编程和异步编程的处理方法
这种顺序执行的方式很容易理解，也很容易编写代码，但是有个明显的缺点：无法充分利用计算机资源，当遇到需要大量时间的操作时（如I/O操作），CPU就会处于空闲状态。的编程方式，通过使用异步编程，可以避免因为等待慢操作（如读写文件、访问数据库或网络请求）而浪费CPU的时间，提高程序执行效率。常规逻辑下，异步编程执行完之后我们需要根据异步编程的结果处理一些内容，称之为异步编程的解决方法，常见的处理方法有。这是一种常见的在浏览器环境中处理异步操作的方式，例如处理用户的点击事件、键盘事件等。
2024-03-27 16:53:24
658
原创 js文件同步和异步的引入问题
这在服务器端环境中非常有用，因为模块文件通常都已经在本地，加载很快，而且一般需要在服务器启动时加载所有必要的模块。defer 属性：这也会使得浏览器非阻塞（异步）地下载 JavaScript 文件，但是与 async 不同的是，包含 defer 属性的。标签并不是使用模块化的导入导出方式，可以使用该标签加载执行JS文件，但是其中所有的变量和函数都会在全局作用域中。在module模块加载完成之前是不会执行下面的代码的，所以在模块导入后的所有地方都可以直接使用该模块。多个包含 async 属性的。
2024-03-27 14:22:00
984
1
原创 Linux——应用管理
如果用户量过大同时访问一个网站就会出现网站崩溃的问题，所以我们可以多设置几个服务器，部署相同的网站内容，达到分流的效果。但是问题是，内容更新不方便，如果网站内容更新，需要同时更新几个网站的内容。所以有了多点挂载的概念：多个服务器同时挂载在一个服务器上，如果该服务器的内容更新，那么，所有挂载在它身上的服务器内容也会同时更新。因为wget不仅可以下载ftp服务的内容还可以下载http的内容，所以下载地址前需要指明ftp。有的时候 我们需要将客户机的文件上传带ftp服务器此时，需要开启ftp服务器的上传功能。
2024-03-24 16:11:32
971
原创 前端的数据标记协议
文章目录数据标记协议是什么数据标记协议的作用常见的数据标记协议Open Graph protocol 开放图谱协议基本元数据协议可选元数据结构化属性 —— 元数据的属性多个相同的元数据标签类型元数据的使用方法全局类型使用自定义类型使用对象类型使用歌曲对象类型视频对象类型文章对象类型书籍对象类型profile对象类型社交媒体抓取页面信息的原理Twitter CardsMicroformatsMicroformats的作用Microformats 的使用class使用rel使用RDFaRDFa是什么RDFa的使
2024-03-11 11:03:42
453
原创 Swiper实现轮播效果
swiper官网：https://3.swiper.com.cn/<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title>
2024-02-29 17:59:43
699
原创 Vue3——单文件组件
Vue的单文件组件，即*vue文件，简称SFC是一种特殊的文件格式，是我们能够将一个Vue组件的模板()、逻辑()、样式()封装在单个文件中。选项式：data() {return {exportdata() {return {defaultdata() {return {data() {return {datadata() {return {data() {return {returndata() {return {data() {
2024-02-27 19:32:49
894
原创 CSS——PostCSS简介
PostCSS不是像Sass或Less一样的样式处理器，他没有自定义的语法和语义，它实际上不是一种语言，而是一种CSS语法转换的工具。PostCSS与CSS一起使用，任何有效的CSS都可以由PostCSS处理。PostCSS是CSS语法转换的工具，允许自定义CSS的语法，这些语法可以被插件理解和转换。在 CSS 中查找某些内容（例如，will-change 属性）。更改找到的元素（例如，在 will-change 之前插入 transform: translateZ(0) 作为旧浏览器的填充）。
2024-02-27 16:22:56
1315
原创 Linux——网络管理
IP地址是一台主机在网络中的标识，同一个网络的主机可以直接通信。默认情况下CentOS7已经安装网络管理器，并处于启动状态。IP必须对应一个子网掩码，子网掩码的作用是控制IP的网络。网络接口名称说的就是网卡名称。一台机器可以有很多个网卡。的核心配置文件，通过修改此配置文件来修改网卡等配置。的地址来说，这两个IP地址处于同意网络。两台互通的主机的应用程序也是可以互通的。一台计算机能和外界通信的前提是有网卡。上述的配置就表示IP所在的网络是。终端输入nmtui弹出如下界面。，每个端口都可以对应一个服务。
2024-02-25 15:47:03
465
原创 Web Components（web组件）
自定义元素即由 Web 开发人员自行定义 HTML 元素，扩展浏览器中可用的元素集。自定义内置元素：继承自标准的 HTML 元素：例如HTMLImageElement 或 HTMLParagraphElement。它们的实现定义了标准元素的行为。无需从头开始实现行为。独立自定义元素：继承自HTML 元素基类 HTMLElement。必须从头开始实现它们的行为。自定义元素作为一个类来实现。在类的构造函数中：可以设置初始状态和默认值，注册事件监听器，创建一个影子根（shadow root）；
2024-02-22 14:19:28
626
原创 Linux——日志管理
日志轮转实现的效果是：记录的信息再重要也只能记录最近一段时间的日志。日志文件经常需要按时间或大小等维度分成多份，删除时间久远的日志文件。，是产生日志的软件，是用于处理绝大部分日志记录，系统操作有关的信息，如登录信息，程序启动关闭信息，错误信息。可惜磁盘的空间是有限的。：日志轮转的子配置文件夹，里面存储子配置文件。程序属于什么设备，是程序一开始设计的时候由设计师决定的。将大量的日志分割管理，删除旧日志，节省磁盘空间。如nginx，mysql等都有自己的日志记录。所以表示的是cron程序的所有日志都输出在。
2024-02-12 23:42:49
997
原创 Linux——任务计划
cron是循环的意思，cron的概念和crontab是不可分割的。crontab是一个命令，用于设置周期性的被执行的指令。该命令从标准输入命令读取指令，并将其存放于crontab文件中，以供之后读取和执行。crontab文件中以表格的形式存储着多条定时执行的命令。
2024-02-11 00:16:26
639
原创 Linux——软件安装
RPM包管理器全称是Red Hat Package Manager，RPM是一个递归缩写，由Red Hat 公司推出被众多Linux发行版所采用。RPM包也叫做二进制包（由01组成，计算机可以直接读取），无需编译，可以直接使用。优点： RPM包的下载速度很快缺点：无法个人设置一些信息，无法设置开关功能。Yum(全称为Yellow dog Updater, Modified )，是一个在Fedora和RedHat以及CentOS中的Shell前端软件包管理器。基于RPM包管理，能够从指定的服务器。
2024-02-06 23:40:31
447
原创 Linux——查找和压缩
对于新创建的文件locate是不能查找到的，只有当系统重启，重新加载所有文件时才可以适用。的可靠方法，几乎可以工作于任何环境中，它的使用权限是所有用户。替代，压缩就是去重法，优点是文件体积变小，缺点是无法直接读，所以需要解压。就是在根目录下查找层级为2并且名字以ifcfg开头的文件。，相比于前两种压缩方法压缩后的体积最小，但是时间长。按文件属主属组查找，options就是。按文件属主属组查找，options就是。按文件权限查找，options就是。，表示查找到文件之后要进行的动作。
2024-02-03 14:17:55
801
原创 Linux——存储管理
磁盘，硬盘，disk都是指一个东西，和内存的区别是容量比较大。磁盘的作用是存储数据。普通用户用来存储音乐文件，视频文件，文本文件，游戏，目录。工程师负责存储企业的数据：用户账号，用户头像，用户视频，用户信息。交换分区swap其实就是一个普通的分区，任何一个分区都可以当做交换分区。‘提升内存’的容量，防止内存溢出（OOM交换分区swap是一块普通的分区，是硬盘上的一块存储空间，当内存的空间不够用的时候可以存储在交换分区swap中，swap中存储的是热点数据，可以提高读取速度。
2024-02-02 22:33:06
1015
原创 Linux——管道和重定向
又叫文件描述符，文件句柄。进程使用FD来管理打开的文件（进程）。每个进程有一个FD，FD类似一个快捷键，我们调用一个进程的时候可能需要输入比较长的命令，而直接使用进程对应的FD就可以直接调用。FD是访问文件的标识，链接文件，省去冗余的绝对路径。FD一般是用一个数字进行表示的，数字范围是0-255。其中0,1,20：标准输入，系统的输入文件描述符， 将用户输入键盘的内容输入到程序中。1：标准输出，系统的输出文件描述符，将程序输出内容显示到显示器上，只输出正确的内容。
2024-01-17 14:07:23
644
原创 Linux——进程管理
进程是已启动的可执行程序的运行实例已分配内存的地址空间;安全属性，包括所有权凭据和特权;程序代码的一个或多个执行线程;进程状态。程序∶具有执行代码和执行权限的文本文件，是静态的，如：/usr/bin/passwd ,/usr/sbin/useradd进程∶是程序运行的过程，动态，有生命周期及运行状态。
2024-01-15 23:10:31
738
原创 Linux——用户的权限
如果一个文件非常重要，可以给该文件设置i权限，防止该文件被删除，设置i权限之后超管也没有删除该文件的权限。cat是查看文件内容的命令，对不同的身份具有不同的权限。root运行是超管的权限，普通用户运行时是普通用户的权限。：可授权的对象有3种：u（用户，user）、 g（组，group）、 o（其他人，除了用户和组之外的，other）cat是查看文件内容的命令，对不同的身份具有不同的权限。group:: r-- —— 属组权限， user行可以有多个如果不同的用户拥有不同的权限的时候就可以在这里显示。
2024-01-06 12:46:38
491
原创 pako是什么以及它的的使用
ws推送的gzip压缩能减少大量的传输数据，减少传输数据消耗，但是需要在收到数据之后解压。解压就可以用到pako了。
2023-12-15 12:07:59
463
原创 Linux——文件管理和用户管理
IDC中的服务器都是双电，一个是市电（城市供电系统），另一个是UPS（不间断供电系统），一旦市电停电，UPS就为服务器供电，同时用油机发电机为UPS供电。– 最小时间间隔：后一次修改密码到前一次修改密码的最小时间间距，如果为0代表修改密码后当天可以修改，如果为5代表修改密码后5天后才可以再次修改。– 失效时间：表示的是该账户的有效期，如果为30代表该账户30天后就不能用了，不管期间有没有登陆过该账户。基本组，和附加组的区分是对用户而言的，如果一个组里面没有用户也就无所谓基本组和附加组了。
2023-11-21 00:27:51
2
原创 浏览器跨域问题
违背同源策略就是跨域。同源策略: 网页的url 和 该网页请求的url 的协议、域名、端口必须保持一致。协议、域名、端口必须保持一致.同源策略存在的原因: 保护用户隐私和防范网络攻击(即如果网页请求的url 和 网页的url 的协议、域名、端口任意一项不同就是跨域。
2023-09-08 17:25:22
604
原创 问题：overflow 和 justify-content 同时使用出现内容被裁减的问题
文章目录开发的时候遇到如下问题原因解决开发的时候遇到如下问题当给一个容器的样式同时添加 justify-content :center 和 overflow-x: auto 属性，当内容长度超过容器的长度的时候会出现左侧内容被裁剪的问题。<style> .prop-list { width: 500px; height: 100px; background: rgba(167, 155, 180, 0.3); border: 3p
2023-09-07 12:03:56
539
原创 nuxt的生命周期——nuxt2
nuxt搭建的vue框架的生命周期分三部分来看：nuxt的生命周期、vue的生命周期、其他的生命周期。一个用于处理store数据的钩子，只会执行一次，一般用于操作store数据的初始化。不同页面间需要操作相同的数据请求的时候，只要数据发生变化，Render都会重新渲染。运行在请求发出后，页面初始化之前，所以一般在页面中使用validata钩子。一般写在store文件夹中，运行在服务端，输出在服务端和客户端。// 异步业务逻辑，读取服务端数据交给vuex。// 异步业务逻辑，读取服务端数据。
2023-07-23 12:42:11
109
原创 router-link 和 router-view 的 关系
组件用于创建导航链接，当用户点击链接时，会切换到to属性对应路径的组件，并显示在。组件用于显示当前路由对应的组件内容。
2023-07-20 19:06:16
757
原创 nuxt介绍——nuxt2
客户端渲染是指在前端进行页面的渲染，其中包含js内容进行页面的渲染（如循环遍历添加图片），但是搜索引擎大多数不识别js渲染出来的内容，所以seo不友好。上生成完整的HTML页面，然后将其发送到浏览器进行展示，所以他的内容就是通过html渲染的，搜索引擎很容易抓取到，所以说seo友好。seo 本质是一个服务器（搜索引擎）向另一个服务器（我们的网站）发起请求，获取内容（.如果我们希望我们的网站被抓取和索引，我们必须为他们提供HTML。客户端渲染和服务端渲染是页面渲染的两种方式。vue的服务端渲染需要依赖于。
2023-07-18 22:57:27
504
原创 webpack
webpack 是一个用于现代 JavaScript 应用程序的静态模块打包工具。【 静态模块打包工具：将多个模块（JavaScript、CSS、图片等）打包到一个或多个输出文件中的工具。通过对模块进行静态分析和转换，可以有效地管理模块之间的依赖关系、进行代码优化和资源处理。打包后的输出内容被认为成静态资源。
2023-07-14 19:29:54
155
原创 Promise
promise是ES6的一门新技术，是JS中进行的信息的解决方法，旧的方法是单纯地使用。常见的异步编程：数据库操作（也是使用回调函数）AJAX请求（回调函数）定时器Promise从语法上来说: Promise是一个从功能上来说: promise对象用来并可以获取其成功/失败的结果值支持链式调用，解决问题。回调地狱：多个函数嵌套调用以达到函数的效果通过嵌套调用，函数1执行后才能执行函数2，函数2执行后才能执行函数3…这样肃然达到了异步调用的效果，却引来一个问题：函数嵌套的层
2023-07-09 21:00:43
133
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人