- 博客(25)
- 收藏
- 关注
RSS订阅原创 接口请求方式有几种
POST 请求可能会导致新的资源的建立和/或已有资源的修改。类似于 get 请求，只不过返回的响应中没有具体的内容，用于获取报头。实体中包含一个表，表中说明与该 URI 所表示的原内容的区别。从客户端向服务器传送的数据取代指定的文档的内容。请求服务器将指定的页面拷贝至另一个网络地址。回显服务器收到的请求，主要用于测试或诊断。请求服务器将指定的页面移至另一个网络地址。在不改动协议的前提下，可增加另外的方法。请求指定的页面信息，并返回实体主体。允许客户端发送经过封装的请求。请求服务器删除指定的页面。
2023-11-28 11:27:42
391
原创 一个页面从输入 URL 到页面加载显示完成，这个过程中都发生了什么
6、服务器返回一个 HTTP 响应（报头中把 Content-type 设置为 'text/html'）1、浏览器查找域名对应的 IP 地址(DNS 查询：浏览器缓存->系统缓存->路由器缓存->ISP。8、浏览器发送请求获取嵌在 HTML 中的资源（如图片、音频、视频、CSS、JS 等）2、浏览器向 Web 服务器发送一个 HTTP 请求（TCP 三次握手）4、浏览器跟踪重定向地址，请求另一个带 www 的网址。5、服务器处理请求（通过路由读取资源）9、浏览器显示完成页面。10、浏览器发送异步请求。
2023-11-28 11:25:30
72
原创 localStorage、sessionStorage、cookie 的区别
1、cookie 数据始终在同源的 http 请求中携带（即使不需要），即 cookie 在浏览器和服务器间来回传递，而 sessionStorage 和 localStorage 不会自动把数据发送给服务器，仅在本地保存。sessionStorage 和 localStorage 虽然也有存储大小的限制，但比 cookie 大得多，可以达到 5M 或更大。4、作用域不同，sessionStorage 不在不同的浏览器窗口中共享，即使是同一个页面；cookie 也是在所有同源窗口中都是共享的。
2023-11-28 11:24:00
355
原创 HTTP 与 HTTPS 的区别
4、HTTP 的连接很简单，是无状态的。HTTPS 协议是由 SSL+HTTP 协议构建的可进行加。2、HTTP 是超文本传输协议，信息是明文传输，HTTPS 则是具有安全性的 SSL 加密传输。3、HTTP 和 HTTPS 使用的是完全不同的连接方式，用的端口也不一样，前者是 80，后者。密 传输、身份认证的网络协议，比 HTTP 协议安全。(无状态的意思是其数据包的发送、传输。(以前网易官网是 HTTP，而网易邮箱是 HTTPS。无连接的意思是指通信双方都不长久的维持对方的任何信息。
2023-11-28 11:21:21
337
原创 什么是jsonp? jsonp 的原理是什么?
jsonp 并不是一种数据格式，而 json 是一种数据格式，jsonp 是用来解决跨域获取数据的一种解决方案
2023-11-28 11:20:25
24
原创 什么是 Ajax，Ajax 的原理，Ajax 都有哪些优点和缺点？
Ajax 是“Asynchronous JavaScript and XML”的缩写。他是指一种创建交互式网页应用的网页开发技术。沟通客户端与服务器，可以在不必刷新整个浏览器的情况下，与服务器进行异步通讯的技术。
2023-11-28 11:10:17
741
1
原创 小程序页面生命周期包含哪几个？
页面隐藏/切入后台时触发。如 navigateTo 或底部 tab 切换到其他页面，小程序切入后台等。一个页面只会调用一次，可以在 onLoad 的参数中获取打开当前页面路径中的参数。页面初次渲染完成时触发。一个页面只会调用一次，代表页面已经准备妥当， 可以和视图层进行交互。如 redirectTo 或 navigateBack 到其他页面时。页面显示/切入前台时触发。
2023-11-28 11:02:38
628
1
原创 什么是 Webpack？ Webpack详解
Webpack 是一个打包模块化 javascript 的工具，在 Webpack 里一切文件皆模块，通过loader 转换文件，通过 plugin 注入钩子，最后输出由多个模块组合成的文件，Webpack 专注构建模块化项目，Webpack 可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript 模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript 等），并将其打包为合适的格式以供浏览器使用
2023-11-28 10:58:35
1699
1
原创 forEach 和 map 的区别？
1.3)浏览器支持：chrome、Safari1.5+、opera 都支持，IE9+, 若 arr 为空数组，则 map 方法返回的也是一个空数组。2. forEach 和 map 方法里每次执行匿名函数都支持 3 个参数，参数分别是 item（当前每一项），1.1).map 方法返回一个新的数组，数组中的元素为原始数组调用函数处理后的值。undefined。1.2).map 方法不会对空数组进行检测，map 方法不会改变原始数组。2.1).forEach 方法用来调用数组的每个元素，将元素传给回调函数。
2023-11-27 09:49:07
359
原创 树形控件el-tree三级菜单，动态展示数据
vue结合element ui 实现树形控件el-tree三级菜单，调取后台接口，动态展示数据，实现多级部门及部门下的人员展示
2023-09-08 16:39:39
479
1
原创 什么是内存泄漏 ? 什么原因产生的？ 如何解决？
内存泄露是指：内存泄漏也称作"存储渗漏"，用动态存储分配函数动态开辟的空间，在使用完毕后未释放，结果导致一直占据该内存单元。直到程序结束。(其实说白了就是该内存空间使用完毕之后未回收)即所谓内存泄漏。...
2022-06-01 13:32:59
9547
原创 什么是闭包？
一个作用域可以访问另外一个函数内部的局部变量 ,或者说一个函数（子函数）访问另一个函数（父函数）中的变量。 此时就会有闭包产生 ,那么这个变量所在的函数我们就称之为闭包函数。
2022-06-01 13:10:19
126
原创 ES6 的新增方法 ,ES5 和 ES6 的区别
ECMAScript6，即 ES6，是 ECMAScript 的第六次修订，于 2015 年完成，也称 ES2015，ES6 是继 ES5 之后的一次改进，相对于 ES5 更加简洁，提高了开发效率
2022-05-24 09:26:06
352
原创 前端性能优化
1、如何进行前端性能优化？1、减少 http 请求减少 http 请求的方案主要有：合并 JavaScript 和 CSS 文件、合并图片 CSS Sprites、图像映射（Image Map）和使用 Data URI 来编码图片，图片较多的页面也可以使用 lazyLoad 等技术进行优化。2、减少对 DOM 的操作修改和访问 DOM 元素会造成页面的 Repaint（重绘）和 Reflow（重排），循环对 DOM 操作更是...
2022-05-23 13:21:28
170
原创 什么是 window 对象？什么是 document 对象？
1、什么是 window 对象简单来说，document 是 window 的一个对象属性Window 对象表示浏览器中打开的窗口。如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。所有的全局函数和对象都属于 Window 对象的属性和方法。它是一个顶层对象,而不是另一个对象的属性，即浏览器的窗口。...
2022-05-23 10:26:31
2236
1
原创 什么是事件冒泡，它是如何工作的？如何阻止事件冒泡、默认行为?
在一个对象上触发某类事件（比如单击 onclick 事件），这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的 最顶层，即 document 对象（有些浏览器是 window）
2022-05-23 10:02:36
237
原创 git 的基本使用方法与使用流程
1、git 的基本使用方法：第一步：window 本机电脑安装 git 软件（只需要一次）第二步：配置环境变量（只需要一次） 安装到 D:\software\git\目录，把 bin 目录路径完整加入 Path 变量。 D:\software\git\bin第三步：配置 git 的 config（只需要一次） git config --global user.email "you@example.com" git config --global user.name "Your Name" 查看.
2022-05-19 14:15:36
26228
原创 css如何使一个盒子水平垂直居中
方法一：利用定位（常用方法,推荐）<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style>
2022-05-19 13:57:15
127
原创 Vuex的作用和属性
Vuex 的出现主要解决了以下两个问题:1, 多个组件依赖于同一状态时，对于多层嵌套的组件的传参将会非常繁琐， 并且对于兄弟组件间的状态传递无能为力。2, 来自不同组件的行为需要变更同一状态。以往采用父子组件直接引用或者 通过事件来变更和同步状态的多份拷贝。以上的这些模式非常脆弱，通常会导致 无法维护的代码。Vuex 的 5 个核心属性分别是 State、 Getter、Mutation 、Action、 Module1）statestate 为单一状态树，在 state 中需要定义我们
2022-05-19 13:46:54
908
原创 Vue 常用的指令都有哪些
1、 v-model 多用于表单元素实现双向数据绑定（同 angular 中的 ng-model）2、 v-for 格式： v-for="字段名 in(of) 数组 json" 循环数组或 json(同 angular 中的 ng-repeat),需 要注意从 Vue2 开始取消了$index3、 v-show 显示内容 （同 angular 中的 ng-show）4、 v-hide 隐藏内容（同 angular 中的 ng-hide）5、 v-if 显示与隐藏 （dom 元素的删除添加 同
2022-05-19 13:41:31
224
原创 JS中 this 的各种情况
通常意义上 this 指针指向为最后调用它的对象。这里需要注意的一点就是 如果返回值是一个对象，那么 this 指向的就是那个返回的对象，如果返回值不是一个对象那么 this 还是指向函数的实例
2022-05-19 13:34:44
630
原创 Vue 生命周期
Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载 Dom→渲染、更新→渲染、卸载等一系列过程，我们称这 是 Vue 的生命周期。
2022-05-19 13:24:42
64
原创 JS防抖和节流的应用
如果事件处理函数调用的频率无限制， 会加重浏览器的负担，导致用户体验非常糟糕 此时我们可以采用 debounce（防抖）和 throttle（节流）的方式来减少调用频率，同时又不影响 实际效果
2022-05-19 13:18:05
143
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人