laowang357的博客

【代码】JS常用数据类型的方法函数调用，数组的方法、对象的方法、字符串的方法、数字的方法、集合的方法、映射的方法、栈的方法、队列的方法、链表的封装、树的封装、

定义一系列的算法，将每个算法封装起来，并使他们可以互相转换，在前端开发中常用于根据不同的策略处理相同类型的数据或事件，例如表单验证、排序算法等。定义一个用于创建对象的接口，由子类决定实例化哪个类，在前端开发中常用于根据不同的条件或配置创建不同类型的对象，例如组件工厂、路由工厂。将一个类的接口转换为客户希望的另一个接口，在前端开发中，常用于解决不同组件库的接口不兼容的问题，或对外部数据进行格式转换。双向数据绑定的原理就是观察者模式。遍历数组、集合或异步数据流。

2.什么是plugins：扩展webpack功能的插件，可在构建过程中执行自定义的任务和操做，可处理更广泛的任务，在webpack配置中的plugins数组中进行配置，可进行如优化、资源管理、注入环境变量，Plugin可以监听Webpack构建过程的不同阶段（通过apply方法），并执行相应的任务。它们可以修改Webpack的内部配置，以及在特定的时间点执行自定义逻辑。1.webpack默认只能处理JS和JSON文件，loader可对不同类型的文件进行转换，比如css-loader。

map()用于对每个元素进行转换，返回一个新数组-reduce()用于将数组减少到单个值-map()不会改变原数组，reduce()可能改变初始值-map()返回与原数组长度一样的数组，reduce()返回单个值。

在前端开发中，命名空间（Namespace）是一种组织和管理代码的技术。它可以避免不同库或组件之间的命名冲突，并提供一种结构化的方式来组织和访问代码。在JavaScript中，由于所有的代码都运行在同一个全局命名空间下，不同的库或组件可能会定义相同的函数名、变量名或对象名，导致冲突和错误。为了解决这个问题，可以使用命名空间将相关的代码封装在一个独立的命名空间中。命名空间可以是一个对象，它包含了一组相关的函数、变量和对象。通过将代码放置在命名空间中，可以避免全局命名冲突，并提供更好的代码组织和可维护性。

前端路由是指在单页应用程序（SPA）中通过改变 URL 路径来实现页面切换和导航的机制。在前端开发中，有两种主要的前端路由实现方式：基于 History API 的路由（history-based routing）和基于哈希（Hash）的路由（hash-based routing）。需要注意的是，基于 History API 的路由在现代浏览器中更为常见和推荐，因为它提供了更加优雅和语义化的 URL 结构，而且不会造成页面跳转时出现闪烁的问题。

Web Workers 可以执行 JavaScript 代码，但它们与主线程相互独立，拥有自己的全局作用域，无法直接访问 DOM，也不能执行与界面相关的操作。总结起来，Web Workers 是一种允许在后台运行脚本的技术，使得 Web 应用程序能够利用多线程处理复杂任务，提高性能和响应能力。Dedicated Workers（专用 Web Workers）：这是最常用的类型，每个 Dedicated Worker 都与一个脚本文件关联，它在独立的线程中执行该脚本文件。然而，某些任务，特别是。

【代码】有关promise手撕代码（手写题）

内联元素（Inline Elements）是行内元素的另一个术语，它们的行为和显示方式与行内元素相似。块级元素在默认情况下会在新行上开始，并占据可用的宽度。它们可以包含其他块级元素和行内元素。这些元素通常被视为块级元素，但它们还具有特定的语义含义，用于更好地描述页面结构。常用的分类包括行内元素（内联元素）和块级元素。需要注意的是，HTML5 中引入了更多的语义化元素，如。

JavaScript写算法常用的基础知识。

执行构造函数的代码：通过调用构造函数来初始化新对象的属性。在构造函数中，可以添加新对象的属性和方法，也可以执行其他必要的初始化操作。返回新对象：如果构造函数没有显式返回一个对象，则返回新创建的对象；否则，返回构造函数中显式返回的对象。创建一个新的空对象：创建一个空对象，该对象继承自其构造函数的原型对象。指向新创建的对象，以便在构造函数内部使用。将构造函数的作用域赋给新对象：将新对象的。以下是一个简单的示例，说明。构造函数的代码，将新对象的。属性设置为"John"，被赋值为新创建的对象。

跨域（Cross-Origin）指的是在浏览器环境中，当一个网页的 JavaScript 代码试图访问不同源（Origin）的资源时发生的安全限制。同源策略（Same-Origin Policy）要求网页只能与同一源（协议、域名、端口）的资源进行交互，限制了跨域请求。

协商缓存和强缓存是 HTTP 缓存机制中的两种不同的策略，用于减少网络请求并提高网页加载速度。它们之间的主要区别在于和。

【代码】css隐藏元素的方式有哪些？

注意：vertical-align: middle;用于控制元素在垂直方向上的对齐方式。它适用于行内元素或表格单元格。这些是一些常用的方法，你可以根据具体的需求选择适合的方法来实现水平垂直居中。6.使用父相子绝+绝对定位+margin：负值，1/2宽高。5.使用父相子绝+绝对定位+margin：auto。

清除浮动：当父元素包含浮动元素时，可能会导致父元素的高度塌陷，无法正常包裹浮动元素。但是，将包含浮动元素的父元素创建为BFC，可以通过BFC的自清除机制来解决高度塌陷问题，使父元素能够正确包裹浮动元素。独立的渲染区域：BFC创建了一个独立的渲染上下文，其中的元素按照一套特定的规则进行布局和渲染。BFC中的元素不会影响到外部的布局，并且内部的布局也不会受到外部的影响。阻止文字环绕：在BFC中，浮动元素不会影响BFC中的文本流，从而避免了文字环绕浮动元素的问题。内部块级元素的垂直对齐：在BFC中，可以使用。

这个取值表示元素的宽度和高度包括内容区域（content）、内边距（padding）和边框（border），不包括外边距（margin）。也就是说，设置元素的宽度和高度时，内边距和边框的宽度会被包含在内，不会增加元素的总宽度和高度。在标准的盒模型中，一个元素的总宽度和总高度由其内容区域（content）、内边距（padding）、边框（border）和外边距（margin）组成。在某些情况下特别有用，例如创建响应式布局时，可以更好地控制元素的宽度和高度，避免由于边框和内边距导致的布局问题。

1. 静态类型检查：TS 支持静态类型检查，它可以在编译时检查类型错误，从而减少运行时错误和调试时间。而 JS 是动态类型语言，类型检查是在运行时进行的。4. 工具支持：TS 提供了更好的开发工具支持，包括代码编辑器、调试器和自动化构建工具等。5. 学习成本：相对于 JS，TS 有一定的学习成本，需要掌握额外的语法和类型系统。2. 类和接口：TS 支持类和接口，这些是 JS 不支持的概念。总之，TS 相对于 JS 增加了类型检查、类和接口等特性，提高了代码质量和可维护性，但是需要一定的学习成本。

### - 常用命令：cd、ls、mkdir、rmdir、cp、mv、rm、cat、more、less、head、tail、grep、find、ps、kill、top、ping、ifconfig、netstat、ssh、scp、tar、gzip、chmod、chown、chgrp、useradd、passwd、su、sudo等。- 权限类型：读、写、执行，分别用数字表示为4、2、1，可通过数字或符号表示权限，如rwx、777等。- 文件权限管理命令：chmod、chown、chgrp等。

Bourne Shell提供了基本的编程功能，包括变量、条件语句、循环语句等，但是与现代编程语言相比，它的功能还比较有限。同时，随着计算机技术的不断发展，Shell脚本语言也在不断更新和发展，为用户提供更加强大的功能和更高效的操作方式。除了bash之外，还有其他一些Shell脚本语言的变种和扩展，例如Korn Shell（ksh）、C Shell（csh）、Z Shell（zsh）等。7. Shell脚本中的字符串可以使用单引号或双引号进行包裹，双引号中可以包含变量，而单引号中的内容将被视为纯文本。

客户端容器可以有多种形式，如桌面应用程序、移动应用程序、浏览器插件、云基础架构等，它们都提供了不同的开发和部署方式。在客户端容器中，我们可以通过JavaScript调用浏览器提供的API实现各种操作，例如操作DOM节点、修改CSS样式、发送Ajax请求、创建Cookie等等。在客户端容器中，我们可以运行HTML、CSS、JavaScript等前端技术，呈现出交互式、响应式的界面和功能。在前端开发中，我们经常需要考虑各种客户端容器之间的兼容性问题，例如不同浏览器的差异、不同设备的屏幕大小、分辨率等等。

2. 可维护性：CSS可以将样式与HTML文档分离，使得修改样式时不需要修改HTML文档，提高了代码的可维护性。2. 通用性强：HTML是Web开发中最基本的语言，支持各种浏览器和设备，可以在不同平台上实现相同的效果。3. 可重用性：CSS中可以定义样式类，使得多个元素可以共用同一个样式，提高了代码的可重用性。2. 样式受限：HTML只能定义页面的基本样式，对于复杂的样式和布局需要使用CSS进行定义。1. 样式控制：CSS可以控制页面的样式和布局，可以实现丰富多彩的效果。

这个规则将创建一个200x100像素的框，其中包含10像素的填充区域、1像素的实线黑色边框和10像素的外边距区域。CSS盒模型是指HTML元素的布局模型，它包含四个部分：内容区域、填充区域、边框区域和外边距区域。这个规则将只选择class为container的元素的直接子元素p，并将它们的颜色设置为红色。这个规则将选择class为container的元素内的所有p元素，并将它们的颜色设置为红色。这个规则将选择所有与h2元素具有相同父元素的p元素，并将它们的颜色设置为红色。

在执行过程中，如果遇到函数调用，Javascript会先创建一个新的函数执行环境，然后在该环境中执行函数代码。这意味着在执行代码之前，Javascript会先扫描代码，将所有的变量和函数声明提升到其所在作用域的顶部。Javascript中的函数是一等公民，可以作为变量传递、作为参数传递、作为返回值返回等。- 在Javascript中，可以使用function关键字来定义函数，也可以使用箭头函数来定义函数。总的来说，Javascript的执行过程是一个不断创建执行环境、执行代码、销毁执行环境的过程。

使用TypeScript，首先需要在本地安装TypeScript编译器。TypeScript可以通过声明文件来支持在JavaScript中使用TypeScript代码。为扩展名的文件，其中包含对JavaScript代码中使用的TypeScript类型和接口的定义。可以使用接口来定义对象的属性和方法，并在需要时引用它们。这些是一些TypeScript的基础知识，希望可以帮助你快速入门。可以使用这些类型来声明变量和函数参数的类型。可以使用类型别名来为复杂类型创建更简洁的名称。方法来初始化类的属性。

React基础与实践详细基础,React是一个用于构建用户界面的JavaScript库。它是一个组件化的库，允许您将UI拆分为单独的可重用组件，并使您能够以声明性方式描述UI。

React状态管理，在React中，状态是组件中的数据。它是用于管理组件的行为和渲染的重要组成部分。组件的状态可以是任何JavaScript数据类型，例如字符串，数字，布尔值，数组或对象。

React Router是React的一个流行路由库，它提供了一个声明式的方式来定义路由和视图之间的映射。在上面的示例中，我们定义了一个Users组件，并在其中定义了两个子组件。总之，React Router是一个非常强大的库，它提供了一种简单而灵活的方式来管理React应用程序中的路由和视图。在React Router中，我们可以通过在组件中定义子组件来实现嵌套路由。3.导航到不同的路由要在React中导航到不同的路由，我们可以使用组件或标签。

如果您需要一个特定的组件而组件库中没有提供，您可以创建自己的定制化组件。在这种情况下，您可以使用组件库提供的一些基本组件来构建您自己的组件。例如，如果您想要创建一个特定的表单组件，您可以使用组件库中的表单元素和布局选项来构建您自己的表单组件。许多组件库具有其自己的样式和主题，您可以使用这些样式和主题来自定义您的应用程序的外观和感觉。如果您需要一个定制组件，您可以创建您自己的React组件。在导入组件后，您可以在您的应用程序中使用它们。在您的React应用程序中，可以使用import语句导入所需的组件。

前端语言串讲（了解）HTML、CSS、JAVASCRIPT

什么是CSS3？深入理解css3，这个规则将创建一个200x100像素的框，其中包含10像素的填充区域、1像素的实线黑色边框和10像素的外边距区域。CSS盒模型是指HTML元素的布局模型，它包含四个部分：内容区域、填充区域、边框区域和外边距区域。这个规则将只选择class为container的元素的直接子元素p，并将它们的颜色设置为红色。这个规则将选择class为container的元素内的所有p元素，并将它们的颜色设置为红色。这个规则将选择所有与h2元素具有相同父元素的p元素，并将它们的颜色设置为红色。

（7）SEO优化：搜索引擎优化（SEO）是通过合理的网页结构、关键字选择和网站可访问性，提高网站在搜索引擎中的排名。通常使用编程语言（如Python、Java、PHP等）和数据库（如MySQL、MongoDB等）来处理与数据库的交互、业务逻辑和服务器配置等任务。（3）Web语义化：使用恰当的HTML元素和属性，使得网页内容更易理解、可访问性更好，并有利于搜索引擎优化（SEO）。主要使用HTML（超文本标记语言）、CSS（层叠样式表）和JavaScript来实现网页的结构、样式和交互。

什么是W3C标准？确保Web技术的互操作性和可持续性，涵盖了HTML、CSS、JavaScript等Web技术，互操作性即不同的Web技术能够在不同的平台、设备和浏览器上协同工作和交互，用户可以在不同的环境得到相同的体验。一个国际标准化组织（World Wide Web Consortium）推动和发展Web技术的标准化。