_洋-CSDN博客

原创 ES6中js文件执行顺序

模块加载和解析：所有的依赖模块都会先被加载和解析。代码执行：在所有模块加载和解析完成之后，才会执行你编写的代码。所以，funcA()和funcB()的执行是在所有依赖模块都已经加载和解析完成之后进行的。这样就确保了你在代码中使用的任何导入对象（如funcA和funcB）都是已经正确加载和初始化的。

2024-09-02 20:13:46 446

原创 chrome插件模拟isTrusted的事件

使用js模拟的事件isTrusted的值时false。有的时候我们想要模拟sTrusted未true的事件就比较麻烦了。我们可以利用chrome插件的解决改问题。

2024-09-02 20:06:34 557

原创子组件和父组件的挂载顺序

在 Vue.js 和 Nuxt.js 中，组件的挂载顺序是由组件的层级关系决定的。通常情况下，父组件会先挂载，然后再挂载其子组件。这是因为在父组件的模板中引用了子组件，只有当父组件的模板被解析并挂载时，子组件的模板和生命周期钩子才会被解析和执行。

2024-09-02 19:33:13 243

原创 .gitignore 修改问题

当你修改 .gitignore 文件后，如果发现忽略规则没有立即生效，可能是因为这些文件已经被 Git 跟踪了。Git 不会自动停止跟踪已经被纳入版本控制的文件，即使它们后来被添加到了 .gitignore 中。

2024-09-02 16:59:51 274

原创 nuxt的fetch钩子和v-if结合使用时出现的问题

今天写代码的时候发现nuxt的钩子不在服务端执行，而是在客户端执行，并且mounted钩子不会在fetch钩子执行结束后再执行，导致一些数据获取顺序不对渲染结果出错。并且此时子组件的mounted在fetch后面执行，但是不是等fetch执行完之后才执行。Nuxt.js 启用服务端渲染 (SSR) 时，服务端渲染会针对。问题：Main组件中的fetch在客户端执行。执行，初始不显示的组件不会执行SSR。// 模拟用户交互显示异步组件。

2024-07-24 15:42:49 640

原创浏览器插件的开发

可以使用vue编写插件，只是manifest.json中”content_scripts“ 字段对应的”js“是vue打包后的代码路径。由于插件运行在浏览器中，所以在content_scripts声明的js代码中可以获取到当前页面的所有内容，可以对页面的DOM进行操作。js文件：content_scripts声明的js文件，包含插件的主要逻辑，主要是对目标网站做一些DOM和BOM操作。在插件中可以使用axios发送请求，但是如果目标服务器的地址不是当前浏览器页面的地址的时候需要使用。

2024-06-26 20:40:59 1184

原创 xlsx实现excel下载功能——js

【代码】xlsx实现excel下载功能——js。

2024-06-26 20:18:23 427

原创 Linux——防火墙

alias 别名=‘实际命令’定义自定义命令影响指定用户的bash解释环境：在~/.bashrc文件中配置，每次开启bash终端时生效影响所有用户的bash解释环境：在文件中配置，每次开启bash终端时生效注意配置完成之后需要在新的终端窗口才可以使用。上面启动的两个web服务，只能通过本机访问，外界网络访问的话会报错：为了解决这个问题我们需要关闭防火墙。防火墙的作用是隔离，从而保护主机安全。防火墙严格过滤入站请求，允许出站请求。主机自己访问自己的时候是不需要经过防火墙的。

2024-05-17 00:53:04 914

原创 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 2850

原创优化首屏加载速度——webpack打包优化（压缩和分包）

由于webpack默认生成一个chunk.js文件，导致该文件可能导致该文件体积过大，首次加载的时候耗时太长，对用户不友好。分包: 将node_modules文件夹下的所有组件，根据大小进行分包, 超过300k进行分包，小于100k的不进行分包。（设置多个入口文件也有助于分包）

2024-05-09 15:53:08 286

原创 Shell脚本

如果使用的是法二，执行的最后的结果是：所在的目录是当前执行的目录，因为使用指定解释器执行完之后就会退出该解释器，指定解释器进入过abc目录，但是指定解释器退出了，所以最后所在的目录是当前执行的目录。法三使用的是当前解释器，解释器解析完之后不会退出。Shell是Shell解释器的简称，机器本身是不知道我们编写的脚本是什么意思，需要使用shell解释器将命令翻译为机器能够读懂的信息。后缀结尾，但是改后缀不是给机器识别的，机器根据Shell脚本的解释器声明来识别该文件是一个Shell脚本，

2024-05-06 22:21:34 797

原创资源访问流程、静（动）态网站、SSR、CSR、SSG、静态文件服务器

如果使用的是CSR渲染方式的项目，被打包成静态资源部署到服务器上，在浏览器上访问的时候会先访问部署在服务器上的index.html文件，同时该index.html文件引入的js文件会从后端获取数据资源然后在浏览器端进行渲染，那这使用的方式就是CSR。比如说SSG渲染方式的项目，被打包成静态资源，然后被部署到服务器上，从浏览器中访问该项目，直接获取的是部署在服务器上的静态资源，那使用的方式就是SSG渲染。对于不涉及Node.js的前端代码打包出来的一般就是静态资源文件，一般部署在静态文件服务器上。

2024-04-11 00:59:58 643

原创渐变字体的实现

会发现字体的颜色完全被阴影覆盖。这是因为我们将字体的颜色设置为了透明色，字体阴影是在字体的下层，背景的上层展示的，所以字体阴影将遮盖背景展示出来。

2024-04-07 20:31:04 876

原创 JumpServer简介

堡垒机是在一个特定的网络环境下，为了保障网络和数据不受来自外部和内部用户的入侵和破坏，而实时收集和监控网络环境中的系统状态、安全事件、网络活动，以便集中报警、及时处理。JumpServer 是广受欢迎的，是符合 4A 规范的专业运维。JumpServer 帮助企业以更安全的方式管控和登录所有类型的资产，实现事前授权、事中监察、事后审计。以下都是在系统下安装的命令。注意堡垒机的基本运行条件是：2个cpu内核、4G内存、50G硬盘安装命令首次安装后需要修改config.txt配置文件，定义 DOMAI

2024-04-05 02:29:16 1378

原创第三方包的引入问题

引入第三方库的时候有的时候需要填写完整的路径，有的时候不需要填写完整路径。

2024-03-30 00:33:08 362

原创 js的执行机制 — 事件循环机制

因为JavaScript是单线程的，单线程意味着所有任务需要排队执行。但是有一些API（比如：定时器和Ajax等）是需要等待一定的时间才能得到结果的，如果它们按顺序执行，会造成很大的效率问题。因此，JavaScript采取了。，都会交给浏览器或Node.js进行挂起，等同步代码执行完毕后再执行异步操作。事件循环机制是js的一种执行机制，他是一种可以。

2024-03-27 17:29:44 1011

原创 js常见的异步编程和异步编程的处理方法

这种顺序执行的方式很容易理解，也很容易编写代码，但是有个明显的缺点：无法充分利用计算机资源，当遇到需要大量时间的操作时（如I/O操作），CPU就会处于空闲状态。的编程方式，通过使用异步编程，可以避免因为等待慢操作（如读写文件、访问数据库或网络请求）而浪费CPU的时间，提高程序执行效率。常规逻辑下，异步编程执行完之后我们需要根据异步编程的结果处理一些内容，称之为异步编程的解决方法，常见的处理方法有。这是一种常见的在浏览器环境中处理异步操作的方式，例如处理用户的点击事件、键盘事件等。

2024-03-27 16:53:24 681

原创 js文件同步和异步的引入问题

这在服务器端环境中非常有用，因为模块文件通常都已经在本地，加载很快，而且一般需要在服务器启动时加载所有必要的模块。defer 属性：这也会使得浏览器非阻塞（异步）地下载 JavaScript 文件，但是与 async 不同的是，包含 defer 属性的。标签并不是使用模块化的导入导出方式，可以使用该标签加载执行JS文件，但是其中所有的变量和函数都会在全局作用域中。在module模块加载完成之前是不会执行下面的代码的，所以在模块导入后的所有地方都可以直接使用该模块。多个包含 async 属性的。

2024-03-27 14:22:00 1509 1

原创 Linux——应用管理

如果用户量过大同时访问一个网站就会出现网站崩溃的问题，所以我们可以多设置几个服务器，部署相同的网站内容，达到分流的效果。但是问题是，内容更新不方便，如果网站内容更新，需要同时更新几个网站的内容。所以有了多点挂载的概念：多个服务器同时挂载在一个服务器上，如果该服务器的内容更新，那么，所有挂载在它身上的服务器内容也会同时更新。因为wget不仅可以下载ftp服务的内容还可以下载http的内容，所以下载地址前需要指明ftp。有的时候我们需要将客户机的文件上传带ftp服务器此时，需要开启ftp服务器的上传功能。

2024-03-24 16:11:32 1033

原创 Linux——网络管理实战

传输控制协议/互联网协议的简写TCP/IP协议族：就是说有很多TCP/IP协议的集合。

2024-03-21 00:41:33 665

原创前端的数据标记协议

文章目录数据标记协议是什么数据标记协议的作用常见的数据标记协议Open Graph protocol 开放图谱协议基本元数据协议可选元数据结构化属性 —— 元数据的属性多个相同的元数据标签类型元数据的使用方法全局类型使用自定义类型使用对象类型使用歌曲对象类型视频对象类型文章对象类型书籍对象类型profile对象类型社交媒体抓取页面信息的原理Twitter CardsMicroformatsMicroformats的作用Microformats 的使用class使用rel使用RDFaRDFa是什么RDFa的使

2024-03-11 11:03:42 564

原创 meta元数据元素

HTML元素表示那些不能由其他 HTML标签（等）表示的元数据信息。

2024-03-06 17:34:18 1291

原创 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 810

原创 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 1280

原创 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 1806

原创 Linux——网络管理

IP地址是一台主机在网络中的标识，同一个网络的主机可以直接通信。默认情况下CentOS7已经安装网络管理器，并处于启动状态。IP必须对应一个子网掩码，子网掩码的作用是控制IP的网络。网络接口名称说的就是网卡名称。一台机器可以有很多个网卡。的核心配置文件，通过修改此配置文件来修改网卡等配置。的地址来说，这两个IP地址处于同意网络。两台互通的主机的应用程序也是可以互通的。一台计算机能和外界通信的前提是有网卡。上述的配置就表示IP所在的网络是。终端输入nmtui弹出如下界面。，每个端口都可以对应一个服务。

2024-02-25 15:47:03 688

原创 Web Components（web组件）

自定义元素即由 Web 开发人员自行定义 HTML 元素，扩展浏览器中可用的元素集。自定义内置元素：继承自标准的 HTML 元素：例如HTMLImageElement 或 HTMLParagraphElement。它们的实现定义了标准元素的行为。无需从头开始实现行为。独立自定义元素：继承自HTML 元素基类 HTMLElement。必须从头开始实现它们的行为。自定义元素作为一个类来实现。在类的构造函数中：可以设置初始状态和默认值，注册事件监听器，创建一个影子根（shadow root）；

2024-02-22 14:19:28 2378

原创 Vue3——指令

指令是带有v-前缀的特殊 attribute。Vue 提供了许多内置指令。

2024-02-19 14:42:18 608

原创 Linux——日志管理

日志轮转实现的效果是：记录的信息再重要也只能记录最近一段时间的日志。日志文件经常需要按时间或大小等维度分成多份，删除时间久远的日志文件。，是产生日志的软件，是用于处理绝大部分日志记录，系统操作有关的信息，如登录信息，程序启动关闭信息，错误信息。可惜磁盘的空间是有限的。：日志轮转的子配置文件夹，里面存储子配置文件。程序属于什么设备，是程序一开始设计的时候由设计师决定的。将大量的日志分割管理，删除旧日志，节省磁盘空间。如nginx，mysql等都有自己的日志记录。所以表示的是cron程序的所有日志都输出在。

2024-02-12 23:42:49 1031

大三上项目代码——web

计算机网络——课程笔记.rar

操作系统——课程笔记.rar

软件体系结构——课程笔记.rar

web开发技术——课程笔记.rar

系统分析与设计——课程笔记.rar

第一章 Web开发技术-概述.html

第五章 JQuery.html

第四章JavaScript.html

第三章 CSS3.html

第三章 CSS2.html

第三章 CSS1.html

第七章 JSP-JSTL EL.html

第六章 Servlet.html

第二章 HTML4.html

第二章 HTML2.html

第二章 HTML1.html

第八章 JDBC.html

导言 课前介绍.html

Tomcat部署.html

MySQL数据库连接.html

GitHub的使用.html

空空如也

导言课前介绍.html