- 博客(27)
- 收藏
- 关注
原创 定时器的语法和作用
setTimeout是JavaScript中的一个定时器函数,用于在指定时间后执行一段代码。setTimeout接受两个参数,第一个参数是需要执行的代码(可以是函数),第二个参数是时间长度(以毫秒为单位)。这里的timerId就是setTimeout函数的返回值,可以在之后使用clearTimeout函数来取消该定时器的执行。其中,function是需要执行的代码,delay是执行代码前需要等待的时间长度。可以看到,setTimeout函数是异步执行的,即不会阻塞后续代码的执行。
2023-05-18 12:41:55
183
原创 defineproperty
Object.defineProperty()是一个用于对象属性定义的方法,在 JavaScript 中,一个对象的属性通常由一个字符串类型的键和一个对应的值组成。通过 defineProperty() 方法,可以在一个对象中定义一个新的属性,该属性可以被 get 和 set 访问器方法所拦截处理,并且可以控制该属性的可枚举性、可删除性和可配置性等特性。- enumerable:表示该属性是否可以被枚举,即是否可以使用 for...in 或 Object.keys() 遍历到该属性。- 要定义属性的对象。
2023-05-18 12:17:52
198
原创 display
5. table-cell:将元素表现为表格单元格,必须在table父元素下使用,可以设置单元格相关属性,如vertical-align、text-align等。3. inline-block:行内块级元素,不独占一行,可以设置宽度、高度、内边距和外边距等属性。2. inline:行内元素,不独占一行,宽度和高度由内容撑开,不能设置上下内边距和外边距等属性。1. block:块级元素,独占一行,可以设置宽度、高度、内边距和外边距等属性。8. inherit:继承父元素的display值。
2023-05-18 12:01:10
238
原创 SPA是什么?
前端SPA(Single Page Application,单页应用)指的是一种在单个页面中通过JavaScript动态渲染内容的Web应用。相对于传统的多页应用,SPA只需要加载一次HTML、CSS和JavaScript等前端资源,通过AJAX或WebSocket等技术从服务器获取数据,实现页面的动态刷新和更新。前端SPA具有交互性好、用户体验优良、开发效率高等优点,适用于各种类型的Web应用,尤其是移动端应用。常见的前端SPA框架包括AngularJS、React、Vue.js等。
2023-05-18 11:57:38
793
原创 js钩子函数是什么
在 JavaScript 中,钩子函数通常是作为参数传递给其他函数的,当这些函数执行时,它们会在特定的时刻调用钩子函数。在上面的代码中,我们使用 click 方法注册了一个事件处理函数,当用户单击 element 元素时,该函数就会被触发执行。在这个事件处理函数中,我们可以编写钩子函数来处理事件。钩子函数是 JavaScript 中的一种编程概念,又称为回调函数或事件处理函数。它是一种函数,可以在某个特定的事件发生时被触发执行,以便我们可以在特定的时刻对事件进行处理。
2023-03-13 08:25:20
1056
原创 js作用域链是什么
每个函数都有自己的作用域链,而且作用域链的结构是固定的,不会随着函数的调用而改变。所以,当在函数内部定义一个新的变量时,它会被加入到该函数的变量对象中,并成为该函数作用域链的一部分。当函数执行完毕后,该函数的变量对象就会被销毁,同时也销毁了该函数的作用域链。作用域链实际上就是由当前作用域和所有外层作用域的变量对象组成的一个链表结构。当代码在作用域内访问一个变量时,JavaScript 引擎会先在当前作用域内查找该变量,如果找不到,就会逐级向上查找直到全局作用域,这个查找的过程就是作用域链。
2023-03-13 08:24:34
1336
1
原创 XMLHttpRequest解析
XMLHttpRequestXHR对象用于与服务器交互,通过XMLHttpRequest可以在不刷新页面的情况下请求特定的URL地址获取数据。这允许网页在不影响用户操作的情况下,更新页面的布局内容。XMLHttpRequest在AJAX编程中被大量使用。
2023-02-07 00:28:02
158
原创 在cmd里自定义项目文件
基于 vue-cli 初始化 Vue2 的项目目标:使用 vue-cli 搭建 vue 的项目使用 vue-cli 初始化 vue 项目的核心步骤:vue create 项目名称 Manually select features (*) Choose Vue version (*) Babel ( ) TypeScript ( ) Progressive Web App (PWA) Support (*) Ro
2023-02-07 00:26:17
125
原创 cookie sessionStorage localStorage 区别 详解
说一说cookie sessionStorage localStorage 区别?解题思路得分点 数据存储位置、生命周期、存储大小、写入方式、数据共享、发送请求时是否携带、应用场景标准回答Cookie、SessionStorage、 LocalStorage都是浏览器的本地存储。共同点:都是存储在浏览器本地的不同点: 1. cookie是由服务器端写入的,而SessionStorage、 LocalStorage都是由前端写入的,2. cookie的生命周期是由服
2023-02-07 00:17:56
222
原创 bootstrap的模态框
<div class="modal fade" id="addModal"> <!-- 这就是一个bootstrap的模态框 --></div><script> let 变量 = new bootstrap.Modal(模态框盒子) 变量.show() // 让模态框显示 变量.hide() // 让模态框隐藏</script>
2023-02-07 00:07:04
231
原创 5种常用的请求方式
○ 查询获取数据 --- 请求方式:GET ○ 添加数据 --- 请求方式:POST ○ 删除数据 --- 请求方式:DELETE ○ 修改数据 --- 请求方式:PUT / PATCH ■ PUT侧重于完整的修改 ■ PATCH侧重于部分修改
2023-02-07 00:04:48
296
原创 在地址栏输入网址,到数据返回的过程是什么?
1. 输入url地址后,首先进行DNS解析,将相应的域名解析为IP地址。 2. 根据IP地址去寻找相应的服务器。 3. 与服务器进行TCP的三次握手,建立连接。 4. 客户端发送请求,找到相应的资源库。 5. 客户端拿到数据,进行相应的渲染。
2023-02-07 00:00:08
174
原创 如何清除浏览器的缓存
答当我们请求的地址相同的时候,浏览器为了提高性能,会把相同地址的数据进行缓存。如果服务端的数据发生改变,客户端也不会更新,那就需要清除缓存 解决:在url后面加时间戳 例如:https://www.baidu.com?time=New Date()
2023-02-06 23:57:03
383
原创 echarts常用的配置项详解
200 请求成功, 2开头的异步表示请求成功 304 请求被允许,但请求内容没有改变, 3开头的一般请求完成 400 请求格式错误, 4开头的一般表示请求错误 404 请求的资源(网页)不存在, 500 内部服务器错误, 5开头的一般都是指服务器错误
2023-02-06 23:54:31
77
原创 git如何管理一个项目和git如何解决合并冲突
1、git管理项目流程答: 1、git init初始化git仓库(新项目才有这一步) 2、git clone将远程仓库的项目资料下载下来 3、git checkout -b dev (dev 为本地分支名) 4、git add .将工作区文件存在暂存区 4、git commit -m ""从暂存区存到仓储区 5、git checkout master切到master分支 6、git merge dev 合并分支,合并后要将分支删除 7
2023-02-06 23:49:26
162
原创 http和https的区别
答: 1.https协议需要到CA申请证书,一般免费证书较少,因而需要一定费用。 2.http是超文本传输协议,信息是明文传输,https则是具有安全性的ssl/tls加密传输协议。 3.http和https使用的是完全不同的连接方式,用的端口也不一样,前者是80,后者是443。 4.http的连接很简单,是无状态的;HTTPS协议是由SSL/TLS+HTTP协议构建的可进行加密传输、身份认证的网络协议,比http协议安全。
2023-02-06 23:44:55
73
原创 get 和post的区别
答: get 1. 在url后面拼接参数,只能以文本的形式传递数据 2. 传递的数据量小,4KB左右 3. 安全性低, 会将数据显示在地址栏 4. 速度快,通常用于安全性要求不高的请求 5. 会缓存数据post 1. 安全性比较高 2. 传递数据量大,请求对数据长度没有要求 3. 请求不会被缓存,也不会保留在浏览器历史记录里
2023-02-06 23:43:37
82
原创 详解闭包函数
概念:定义在函数内部,被 return 出去,在函数外部使用。特点:在闭包函数中使用的局部变量的空间会被系统保存至闭包结束。用途:可以读取到整个父级作用域中的变量,让这些变量始终保持在内存中。 注意事项:由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在浏览器中可能导致内存泄露。解决方法: 在退出函数之前,将不使用的局部变量全部删除。如将当前变量的值设置“null”,将变量的引用解除,当垃圾回收启动时,会自动对这些值为“null”的变
2023-02-06 23:35:38
196
原创 什么是懒加载
懒加载也叫做延迟加载、按需加载。指的是在长网页中延迟加载图片数据,是一种较好的网页性能优化的方式。在比较长的网页或应用中,如果图片很多,所有的图片都被加载出来,而用户只能看到可视窗口的那一部分图片数据,这样就浪费了性能。如果使用图片的懒加载就可以解决以上问题。在滚动屏幕之前,可视化区域之外的图片不会进行加载,在滚动屏幕时才加载。这样使得网页的加载速度更快,减少了服务器的负载。懒加载适用于图片较多,页面列表较长(长列表)的场景中。
2023-01-03 23:33:17
194
原创 局部作用域 块作用域 作用域链 闭包函数 变量提升
作用域(scope)规定了变量能够被访问的“范围”,离开了这个“范围”变量便不能被访问,作用域分为全局作用域和局部作用域。局部作用域分为函数作用域和块作用域。在函数内部声明的变量只能在函数内部被访问,外部无法直接访问。总结:在 JavaScript 中使用 包裹的代码称为代码块,代码块内部声明的变量外部将【有可能】无法被访问。JavaScript 中除了变量外还有常量,常量与变量本质的区别是【常量必须要有值且不允许被重新赋值】,常量值为对象时其属性和方法允许重新赋值。...
2022-07-11 22:29:00
94
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人