东阿网站建设公司,网站开发和企业级开发有什么区别,wordpress 主题 不一样,免费表格制作appconst声明的对象属性和数组的值可以被修改吗#xff1f;为什么 原因#xff1a;当使用const声明一个对象或数组时#xff0c;实际上是保证了对象或数组的引用不会被修改#xff0c;但对象或数组本身的属性或元素是可以被修改的。这是因为const只能保证指向的内存地址不变为什么 原因当使用const声明一个对象或数组时实际上是保证了对象或数组的引用不会被修改但对象或数组本身的属性或元素是可以被修改的。这是因为const只能保证指向的内存地址不变但并不保证内存地址指向的内容不变而基本类型的变量在内存中存储的是值本身而不是引用。
http和https协议
http超文本传输协议以明文方式发送内容不提供任何方式的数据加密。
https超文本传输安全协议经过http通信但利用SSL/TLS来加密数据包
加密方式对称加密和非对称加密
1.对称加密只有一个key
2.非对称加密一对key服务端有公钥和私钥服务器端将公钥发给客户端客户端将内容用公钥加密发给服务端服务端收到后用私钥解密获取内容之后可以用获取的内容作为对称加密的key降低传输成本 tcp是基于连接的
1.第一次握手客户端向服务端发送SYN包
2.第二次握手服务端同意连接会回复SYN和ACK
3.第三次握手客户端收到之后会回复ACK包
4.连接建立
因为发送了三包数据所以成为三次握手之所以三次握手而不是两次就是为了解决网络信道不可靠的问题
http超文本传输协议以明文方式发送内容不提供任何方式的数据加密。
https超文本传输安全协议经过http通信但利用SSL/TLS来加密数据包
图片懒加载的实现主要监测以下几个属性来判断是否要显示
1. 可视区域监测页面滚动事件或其他触发条件判断图片是否进入了可视区域。可以通过计算图片元素与视口的位置关系来确定是否可见。
2. 滚动位置监测页面滚动的位置判断图片是否在用户正在浏览的范围内。可以获取滚动条的位置或计算元素的偏移量来判断图片是否在可视范围内。
3. 加载状态监测图片的加载状态判断图片是否已经加载完成。可以通过监听图片的load事件来检测图片是否成功加载。
4. 图片属性监测图片元素的自定义属性或其他属性判断是否需要加载该图片。可以在图片元素上设置自定义属性例如data-src来保存图片的真实URL然后根据需要进行加载。
通过监测这些属性可以动态地判断图片是否需要加载和显示。当满足条件时将图片的真实URL赋值给src属性触发图片的加载和显示。这样可以实现图片的懒加载效果延迟加载图片提高页面加载速度和性能。
forEach和for循环区别
1. 语法forEach是数组的方法需要通过数组对象调用语法为array.forEach(callback)。for循环是一种通用的循环方式可以应用于数组和其他可迭代对象语法为for(initialization; condition; iteration)。
2. 遍历方式forEach会自动遍历数组的每个元素并将每个元素作为参数传递给回调函数。for循环可以自定义遍历的起始位置、结束条件和迭代方式。
3. 控制流程forEach无法使用break和continue语句来控制循环的流程一旦开始遍历会一直执行直到遍历完所有元素。for循环可以使用break和continue语句来控制循环的流程可以在满足某个条件时提前结束循环或跳过当前迭代。
4. 返回值forEach没有返回值它只是用来遍历数组。for循环可以有返回值可以根据需要返回某个特定的值。
总的来说forEach适用于需要遍历数组并对每个元素执行相同操作的情况而for循环更加灵活可以自定义循环的起始位置、结束条件和迭代方式并且可以在循环中使用break和continue语句来控制流程。 异步加载Asynchronous Loading是指在网页加载过程中将某些资源如脚本、样式表、图片等的加载与页面的渲染过程分离。通过异步加载浏览器可以在加载资源的同时继续渲染页面不会阻塞页面的展示。常见的异步加载方式包括使用
string类型转换为number类型的
隐式转换
1.隐式转换“-”、“*”、“/” 2.强制类型转换Number、parseInt、parseFloat当字符串一开始不是数字时直接输出NaN
Number
注释
如果字符串中包含非数字或者是undefined则会转换为NAN如果是一个空字符串或者NAN则都会转换为0boolean类型true转为1false转为0 parseInt()
parseFloat
注释
可以从左向右将字符串中最先的连续的数字提取出来如果对于非string类型使用则会先转换为string类型再做操作例如true会先变为true再变为NAN而不是1 number转换为String类型的
a.toString()
注null和undefined没有toString方法
String()this的指向问题 在浏览器环境中全局作用域中的this指向window对象。 函数中的this 在函数中this的值取决于函数的调用方式。 如果函数作为对象的方法被调用this指向调用该方法的对象。 如果函数作为独立函数调用this指向全局对象浏览器环境中为windowNode.js环境中为global。 如果函数使用new关键字调用this指向新创建的对象。 箭头函数this的指向是上级作用域 如果函数使用call()、apply()或bind()方法调用this指向作为参数传递的对象。 箭头函数的this指向在定义时就确定了因此无法通过call()、apply()或bind()方法来改变箭头函数的this指向。 call、apply和bind的区别 1.参数传递call和apply的参数传递方式不同call需要将参数逐个传递而apply需要将参数封装成数组传递。bind方法则可以在绑定时传递参数也可以在执行时传递参数。 2.执行时机call和apply会立即执行函数而bind返回的是一个新函数需要手动调用才会执行。 3.返回值call和apply的返回值是函数的执行结果而bind返回的是一个新函数。 块儿级作用域闭包的作用闭包的应用
闭包可能存在的问题内存泄漏应该被回收的没有被回收 注释闭包本身并不会直接导致内存泄漏但不正确地使用闭包可能会导致内存泄漏的情况发生。
如果一个全局变量被赋值为一个函数而这个函数正好一直用到嵌套函数里面的变量就会导致变量不会被销毁从而导致内存泄漏。
数组和集合的区别
1.元素的唯一性数组中的元素可以重复而集合中的元素是唯一的
2.动态性数组的长度是固定的一旦创建后不能改变。集合的长度是可变的
3.元素类型数组可以存储任意类型的元素包括基本类型和对象。集合通常只能存储对象类型的元素
4.存储方式数组是一种有序的数据结构每个元素通过索引访问。集合是一种无序的数据结构 严格模式通过禁用一些不安全的语法特性强制执行一些最佳实践提供更严格的错误检查和错误处理以及优化JavaScript引擎的执行速度。
在JavaScript代码中可以通过在脚本文件或函数体的开头添加use strict;来启用严格模式。例如
use strict;
在严格模式下一些常见的行为将被禁止例如
变量必须先声明后使用
不允许使用未声明的变量
不允许对只读属性赋值
this在全局作用域下为undefined
混杂模式Quirks Mode
是指浏览器在渲染网页时使用的一种兼容旧版本浏览器的渲染模式。
在混杂模式下浏览器会尽量兼容旧版本的HTML和CSS规范以保证旧网页的正确显示。
在HTML文档的开头没有正确的DOCTYPE声明或者根本没有DOCTYPE声明浏览器将会触发混杂模式
link和import区别
1.link是HTML标签import是CSS语法规则所以link比import先被加载
2.link支持使用JavaScript控制DOM去改变样式而import不支持。
setTimeout主要用于单次延迟执行而setInterval用于持续重复执行。 JSON Web Token (JWT)是一个开放标准(RFC 7519)它定义了一种紧凑的、自包含的方式用于作为JSON对象在各方之间安全地传输信息。该信息可以被验证和信任因为它是数字签名的。
所谓数字签名就是附加在数据单元上的一些数据或是对数据单元所做的密码变换。
虚拟DOMvirtual DOM简称vdom是一个普通的js对象用来描述真实dom结构因为它不是真实的DOM所以称为虚拟DOM
localStorage中存储的数据没有过期时间除非手动删除或清除浏览器缓存否则数据会一直存在。而sessionStorage中存储的数据只在当前会话当前窗口或标签页有效关闭窗口或标签页后数据会被清除。
localStorage和sessionStorage都是在客户端存储的因此存储的数据对于用户来说是可见的不适合存储敏感信息。
session、cookie和token的区别
Session数据是存在服务器中的cookie数据存放在浏览器当中token是开发定义的session是http协议规定的
token可以跨域session不可以跨域它是与域名绑定的
promise、generator和async/await三者的区别
三者都是为了解决异步产生的之前通过回调函数解决异步便出现了回掉地狱callback hell的问题
没有顺序可言嵌套函数执行带来的是调试困难不利于维护与阅读
耦合性太强一旦某一个嵌套层级有改动就会影响整个回调的执行
为了解决回掉地狱callback hell的问题便出现了promise它可以将异步操作以同步操作的流程表达出来避免了层层嵌套的回调函数并且它的链式调用更能让人接受也符合我们同步的思想但它的缺点是
Promise的内部错误使用try catch捕获不到因为当异步函数抛出异常时对于宏任务 setTimeout、setInterval、Ajax、Dom事件而言执行函数时已经将该函数推入栈此时并不在 try-catch 所在的栈所以 try-catch 并不能捕获到错误。对于微任务Promise、async/await而言比如 promise 的构造函数的异常只能被自带的 reject 也就是.catch 函数捕获到。
1.Generator函数可以通过yield关键字来暂停和恢复函数的执行从而可以更灵活地控制异步操作的执行顺序。而Promise是通过then()方法来处理异步操作的结果不能直接控制异步操作的执行顺序。
2.错误处理Generator需要手动在代码中编写错误处理逻辑通常使用try-catch语句来捕获和处理错误。而async/await可以直接在异步函数内部使用try-catch语句来捕获和处理错误使错误处理更加简洁。Promise通过catch()方法来处理操作的失败。
3.Generator函数可以通过yield语句返回多个值每次调用next()方法都会返回一个新的值。而Promise只能返回一个结果值。
4.Generator需要手动调用next()方法来控制异步操作的执行和恢复。而async/await会自动等待Promise对象的解析使得异步操作的执行更加简单和直观。Promise通过resolve()和reject()方法来控制异步操作的状态
实现浅拷贝的方法有
赋值操作符扩展运算符方式cloneObj {...obj}cloneArr [...arr]
实现深拷贝的方法有
1.JSON.parse(JSON.stringify())利用JSON的序列化和反序列化操作可以实现简单的深拷贝。通过将对象或数组转换为JSON字符串再将JSON字符串转换回对象或数组就可以得到一个全新的对象或数组。这种方法简单易用但不能复制特殊类型的对象如函数、正则表达式和特殊类型的对象
2.如lodash的cloneDeep()方法
3.递归复制
JSON.stringify()和JSON.parse()的区别 注在使用JSON.parse()需要注意一点由于此方法是将JSON字符串转换成对象所以你的字符串必须符合JSON格式 正则表达式 防抖和节流的异同
防抖和节流都是用于控制函数的执行频率但它们的实现方式和应用场景有所不同。
防抖Debounce的实现思路是在事件触发后等待一段时间如300毫秒如果在这段时间内没有再次触发事件则执行函数。如果在等待时间内又触发了事件则重新计时。防抖适用于一些频繁触发的事件比如窗口大小改变、搜索框输入等可以减少函数的执行次数提升性能。
节流Throttle的实现思路是在事件触发后的一段时间内只执行一次函数。比如每隔300毫秒执行一次函数。节流适用于一些高频触发的事件比如滚动事件、鼠标移动事件等可以控制函数的执行频率避免过多的计算和渲染。
区别
1. 触发频率防抖是在事件触发后等待一段时间执行函数节流是在一段时间内只执行一次函数。
2. 执行时机防抖是在事件停止触发后执行函数节流是在一段时间内定时执行函数。
3. 应用场景防抖适用于频繁触发的事件节流适用于高频触发的事件。
4. 执行次数防抖可能会在事件停止触发后执行一次或多次函数节流在一段时间内只执行一次函数。
预处理语言
预处理语言在编辑样式方面提供了更多的功能和灵活性使得样式的编写更加高效、可维护和可复用。它们提供了一些高级特性帮助开发者更好地组织和管理样式代码并提供了更多的工具和技术来增强样式的表现力和适应性。
作用域链
原型链 事件冒泡
通过给子元素和父元素添加绑定事件当点击子元素的时候先触发子元素的事件绑定然后在冒泡到父元素进而触发父元素的事件绑定 事件代理
如果要操作的子标签过多可以选择绑定父标签然后在通过event.target判断触发事件的元素是否是你要的子元素然后再进行操作 简述页面从发送http请求到渲染页面的全过程
用户在浏览器输入URL并按下回车键浏览器开始解析URL根据协议通常是HTTP或HTTPS发起对服务器的请求。浏览器向DNS服务器查询域名对应的IP地址获取服务器的IP地址。浏览器利用获取到的IP地址与服务器建立TCP连接通过三次握手建立连接。建立TCP连接后浏览器向服务器发送HTTP请求请求中包含请求的资源、请求方法GET、POST等、请求头等信息。服务器接收到请求后根据请求的资源和方法进行处理然后返回HTTP响应给浏览器。响应中包含状态码、响应头和响应体等信息。浏览器接收到服务器返回的HTTP响应后开始解析响应头和响应体。根据响应头中的信息判断响应的类型如HTML、CSS、JavaScript等。如果响应是HTML类型浏览器开始解析HTML文档构建DOM树解析CSS文件构建CSSOM树执行JavaScript代码生成页面所需的DOM树和CSSOM树。浏览器根据DOM树和CSSOM树结合渲染引擎如WebKit、Blink等进行页面布局和绘制最终将页面内容呈现给用户。用户在浏览器上看到页面内容与页面交互完成整个页面加载和渲染的过程。
简述JavaScript的同源策略
JavaScript的同源策略是一种浏览器安全策略用于限制一个网页中的脚本只能与来自同一源协议、域名、端口号都相同的资源进行交互防止恶意网站通过脚本获取用户的敏感信息或对其他网站进行攻击。
常见的HTTP响应状态码包括
1xx信息性状态码
指示请求已被接收继续处理。
100 Continue服务器已经收到请求的一部分客户端可以继续发送剩余部分。101 Switching Protocols服务器将遵从客户的请求转换到另外一种协议。
2xx成功状态码
指示请求已成功接收、理解、接受或处理。
200 OK请求成功。201 Created请求已经被实现新资源已经创建。204 No Content服务器成功处理请求但没有返回任何内容。
3xx重定向状态码
需要客户端执行进一步的操作才能完成请求。
301 Moved Permanently请求的资源已被永久移动到新位置。302 Found请求的资源临时移动到新位置。
4xx客户端错误状态码
指示客户端发送的请求有错误。
400 Bad Request请求无效。403 Forbidden服务器拒绝请求。404 Not Found请求的资源不存在。
5xx服务器错误状态码
指示服务器在处理请求时发生错误。
500 Internal Server Error服务器内部错误。503 Service Unavailable服务器暂时不可用。
HTTP响应状态码可以帮助开发人员诊断和解决问题同时也可以向用户提供有用的信息。根据不同的状态码客户端和开发人员可以了解请求的处理情况并采取相应的措施。
