- 博客(484)
- 资源 (22)
- 收藏
- 关注
RSS订阅原创 git使用某一分支代码完全覆盖另一分支
2、设置本地分支代码的远程为远程master分支。2、设置本地分支代码的远程为本地master分支。2、设置本地分支代码的远程为dev分支。1、切换到master分支。1、切换到dev分支。1、切换到dev分支。
2024-11-16 00:27:45
1537
原创 windows和git不区分文件名大小写问题
windows系统默认不区分文件名大小写，但是Linux系统是区分文件大小写的。我们使用windows系统开发，将代码推送到Linux代码库，但是其他Linux开发者也是区分大小写的就导致可能出现，Linux开发者创建同名但大小写不同的两个文件，推送至Linux代码库，这一过程是没问题的，但是windows开发者克隆代码的时候只会克隆其中一个文件，这样就出现问题了。
2024-11-16 00:16:05
581
原创 ES6中js文件执行顺序
模块加载和解析：所有的依赖模块都会先被加载和解析。代码执行：在所有模块加载和解析完成之后，才会执行你编写的代码。所以，funcA()和funcB()的执行是在所有依赖模块都已经加载和解析完成之后进行的。这样就确保了你在代码中使用的任何导入对象（如funcA和funcB）都是已经正确加载和初始化的。
2024-09-02 20:13:46
592
原创 chrome插件模拟isTrusted的事件
使用js模拟的事件isTrusted的值时false。有的时候我们想要模拟sTrusted未true的事件就比较麻烦了。我们可以利用chrome插件的解决改问题。
2024-09-02 20:06:34
960
原创 子组件和父组件的挂载顺序
在 Vue.js 和 Nuxt.js 中，组件的挂载顺序是由组件的层级关系决定的。通常情况下，父组件会先挂载，然后再挂载其子组件。这是因为在父组件的模板中引用了子组件，只有当父组件的模板被解析并挂载时，子组件的模板和生命周期钩子才会被解析和执行。
2024-09-02 19:33:13
353
原创 .gitignore 修改问题
当你修改 .gitignore 文件后，如果发现忽略规则没有立即生效，可能是因为这些文件已经被 Git 跟踪了。Git 不会自动停止跟踪已经被纳入版本控制的文件，即使它们后来被添加到了 .gitignore 中。
2024-09-02 16:59:51
442
原创 nuxt的fetch钩子和v-if结合使用时出现的问题
今天写代码的时候发现nuxt的钩子不在服务端执行，而是在客户端执行，并且mounted钩子不会在fetch钩子执行结束后再执行，导致一些数据获取顺序不对渲染结果出错。并且此时子组件的mounted在fetch后面执行，但是不是等fetch执行完之后才执行。Nuxt.js 启用服务端渲染 (SSR) 时，服务端渲染会针对。问题：Main组件中的fetch在客户端执行。执行，初始不显示的组件不会执行SSR。// 模拟用户交互显示异步组件。
2024-07-24 15:42:49
741
原创 浏览器插件的开发
可以使用vue编写插件，只是manifest.json中”content_scripts“ 字段对应的”js“是vue打包后的代码路径。由于插件运行在浏览器中，所以在content_scripts声明的js代码中可以获取到当前页面的所有内容，可以对页面的DOM进行操作。js文件：content_scripts声明的js文件，包含插件的主要逻辑，主要是对目标网站做一些DOM和BOM操作。在插件中可以使用axios发送请求，但是如果目标服务器的地址不是当前浏览器页面的地址的时候需要使用。
2024-06-26 20:40:59
1469
原创 Linux——防火墙
alias 别名=‘实际命令’定义自定义命令影响指定用户的bash解释环境：在~/.bashrc文件中配置，每次开启bash终端时生效影响所有用户的bash解释环境：在文件中配置，每次开启bash终端时生效注意配置完成之后需要在新的终端窗口才可以使用。上面启动的两个web服务，只能通过本机访问，外界网络访问的话会报错：为了解决这个问题我们需要关闭防火墙。防火墙的作用是隔离，从而保护主机安全。防火墙严格过滤入站请求，允许出站请求。主机自己访问自己的时候是不需要经过防火墙的。
2024-05-17 00:53:04
977
1
原创 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
8121
原创 优化首屏加载速度——webpack打包优化（压缩和分包）
由于webpack默认生成一个chunk.js文件，导致该文件可能导致该文件体积过大，首次加载的时候耗时太长，对用户不友好。分包: 将node_modules文件夹下的所有组件，根据大小进行分包, 超过300k进行分包，小于100k的不进行分包。（设置多个入口文件也有助于分包）
2024-05-09 15:53:08
386
原创 Shell脚本
如果使用的是法二，执行的最后的结果是：所在的目录是当前执行的目录，因为使用指定解释器执行完之后就会退出该解释器，指定解释器进入过abc目录，但是指定解释器退出了，所以最后所在的目录是当前执行的目录。法三使用的是当前解释器，解释器解析完之后不会退出。Shell是Shell解释器的简称，机器本身是不知道我们编写的脚本是什么意思，需要使用shell解释器将命令翻译为机器能够读懂的信息。后缀结尾，但是改后缀不是给机器识别的，机器根据Shell脚本的解释器声明来识别该文件是一个Shell脚本，
2024-05-06 22:21:34
872
原创 资源访问流程、静（动）态网站、SSR、CSR、SSG、静态文件服务器
如果使用的是CSR渲染方式的项目，被打包成静态资源部署到服务器上，在浏览器上访问的时候会先访问部署在服务器上的index.html文件，同时该index.html文件引入的js文件会从后端获取数据资源然后在浏览器端进行渲染，那这使用的方式就是CSR。比如说SSG渲染方式的项目，被打包成静态资源，然后被部署到服务器上，从浏览器中访问该项目，直接获取的是部署在服务器上的静态资源，那使用的方式就是SSG渲染。对于不涉及Node.js的前端代码打包出来的一般就是静态资源文件，一般部署在静态文件服务器上。
2024-04-11 00:59:58
753
原创 渐变字体的实现
会发现字体的颜色完全被阴影覆盖。这是因为我们将字体的颜色设置为了透明色，字体阴影是在字体的下层，背景的上层展示的，所以字体阴影将遮盖背景展示出来。
2024-04-07 20:31:04
1239
原创 JumpServer简介
堡垒机是在一个特定的网络环境下，为了保障网络和数据不受来自外部和内部用户的入侵和破坏，而实时收集和监控网络环境中的系统状态、安全事件、网络活动，以便集中报警、及时处理。JumpServer 是广受欢迎的，是符合 4A 规范的专业运维。JumpServer 帮助企业以更安全的方式管控和登录所有类型的资产，实现事前授权、事中监察、事后审计。以下都是在系统下安装的命令。注意堡垒机的基本运行条件是：2个cpu内核、4G内存、50G硬盘安装命令首次安装后需要修改config.txt配置文件，定义 DOMAI
2024-04-05 02:29:16
1599
原创 web Workers
web Workers是一种多线程技术，允许JS创建并行运行的后台线程，这些线程可以执行复杂的计算任务，而不影响用户界面的渲染和交互。worker 运行在另一个全局上下文中，不同于主线程的window环境。
2024-03-28 15:29:18
860
原创 js的执行机制 — 事件循环机制
因为JavaScript是单线程的，单线程意味着所有任务需要排队执行。但是有一些API（比如：定时器和Ajax等）是需要等待一定的时间才能得到结果的，如果它们按顺序执行，会造成很大的效率问题。因此，JavaScript采取了。，都会交给浏览器或Node.js进行挂起，等同步代码执行完毕后再执行异步操作。事件循环机制是js的一种执行机制，他是一种可以。
2024-03-27 17:29:44
1108
原创 js常见的异步编程和异步编程的处理方法
这种顺序执行的方式很容易理解，也很容易编写代码，但是有个明显的缺点：无法充分利用计算机资源，当遇到需要大量时间的操作时（如I/O操作），CPU就会处于空闲状态。的编程方式，通过使用异步编程，可以避免因为等待慢操作（如读写文件、访问数据库或网络请求）而浪费CPU的时间，提高程序执行效率。常规逻辑下，异步编程执行完之后我们需要根据异步编程的结果处理一些内容，称之为异步编程的解决方法，常见的处理方法有。这是一种常见的在浏览器环境中处理异步操作的方式，例如处理用户的点击事件、键盘事件等。
2024-03-27 16:53:24
738
原创 js文件同步和异步的引入问题
这在服务器端环境中非常有用，因为模块文件通常都已经在本地，加载很快，而且一般需要在服务器启动时加载所有必要的模块。defer 属性：这也会使得浏览器非阻塞（异步）地下载 JavaScript 文件，但是与 async 不同的是，包含 defer 属性的。标签并不是使用模块化的导入导出方式，可以使用该标签加载执行JS文件，但是其中所有的变量和函数都会在全局作用域中。在module模块加载完成之前是不会执行下面的代码的，所以在模块导入后的所有地方都可以直接使用该模块。多个包含 async 属性的。
2024-03-27 14:22:00
1893
1
原创 Linux——应用管理
如果用户量过大同时访问一个网站就会出现网站崩溃的问题，所以我们可以多设置几个服务器，部署相同的网站内容，达到分流的效果。但是问题是，内容更新不方便，如果网站内容更新，需要同时更新几个网站的内容。所以有了多点挂载的概念：多个服务器同时挂载在一个服务器上，如果该服务器的内容更新，那么，所有挂载在它身上的服务器内容也会同时更新。因为wget不仅可以下载ftp服务的内容还可以下载http的内容，所以下载地址前需要指明ftp。有的时候 我们需要将客户机的文件上传带ftp服务器此时，需要开启ftp服务器的上传功能。
2024-03-24 16:11:32
1108
原创 前端的数据标记协议
文章目录数据标记协议是什么数据标记协议的作用常见的数据标记协议Open Graph protocol 开放图谱协议基本元数据协议可选元数据结构化属性 —— 元数据的属性多个相同的元数据标签类型元数据的使用方法全局类型使用自定义类型使用对象类型使用歌曲对象类型视频对象类型文章对象类型书籍对象类型profile对象类型社交媒体抓取页面信息的原理Twitter CardsMicroformatsMicroformats的作用Microformats 的使用class使用rel使用RDFaRDFa是什么RDFa的使
2024-03-11 11:03:42
774
原创 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
1070
原创 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
1672
原创 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
2879
原创 Linux——网络管理
IP地址是一台主机在网络中的标识，同一个网络的主机可以直接通信。默认情况下CentOS7已经安装网络管理器，并处于启动状态。IP必须对应一个子网掩码，子网掩码的作用是控制IP的网络。网络接口名称说的就是网卡名称。一台机器可以有很多个网卡。的核心配置文件，通过修改此配置文件来修改网卡等配置。的地址来说，这两个IP地址处于同意网络。两台互通的主机的应用程序也是可以互通的。一台计算机能和外界通信的前提是有网卡。上述的配置就表示IP所在的网络是。终端输入nmtui弹出如下界面。，每个端口都可以对应一个服务。
2024-02-25 15:47:03
765
原创 web-事件概述（创建和触发事件）
事件是发生在你正在编程的系统中的事情——当事件发生时，系统产生（或“触发”）某种信号，并提供一种机制，当事件发生时，可以自动采取某种行动，即运行一些代码。使用Event构造函数创建事件// 创建自定义事件// 为dom元素添加该事件的处理器"build",(e) => {/* … */},false,// 触发该事件要向事件对象添加更多数据，可以使用创建事件，使用detail 属性传递自定义数据。type: 自定义事件的名称，事件名称区分大小写options：是可选项。
2024-02-23 11:56:28
1020
原创 Web Components（web组件）
自定义元素即由 Web 开发人员自行定义 HTML 元素，扩展浏览器中可用的元素集。自定义内置元素：继承自标准的 HTML 元素：例如HTMLImageElement 或 HTMLParagraphElement。它们的实现定义了标准元素的行为。无需从头开始实现行为。独立自定义元素：继承自HTML 元素基类 HTMLElement。必须从头开始实现它们的行为。自定义元素作为一个类来实现。在类的构造函数中：可以设置初始状态和默认值，注册事件监听器，创建一个影子根（shadow root）；
2024-02-22 14:19:28
4737
原创 Linux——日志管理
日志轮转实现的效果是：记录的信息再重要也只能记录最近一段时间的日志。日志文件经常需要按时间或大小等维度分成多份，删除时间久远的日志文件。，是产生日志的软件，是用于处理绝大部分日志记录，系统操作有关的信息，如登录信息，程序启动关闭信息，错误信息。可惜磁盘的空间是有限的。：日志轮转的子配置文件夹，里面存储子配置文件。程序属于什么设备，是程序一开始设计的时候由设计师决定的。将大量的日志分割管理，删除旧日志，节省磁盘空间。如nginx，mysql等都有自己的日志记录。所以表示的是cron程序的所有日志都输出在。
2024-02-12 23:42:49
1064
原创 Linux——任务计划
cron是循环的意思，cron的概念和crontab是不可分割的。crontab是一个命令，用于设置周期性的被执行的指令。该命令从标准输入命令读取指令，并将其存放于crontab文件中，以供之后读取和执行。crontab文件中以表格的形式存储着多条定时执行的命令。
2024-02-11 00:16:26
849
原创 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
663
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人