- 博客(33)
- 收藏
- 关注
RSS订阅原创 http 从请求到响应的过程中发生了什么
：客户端向服务器发送一个HTTP请求，请求包含请求行、请求头部和请求体。：服务器接收到请求后，解析请求，查找所需资源，并进行处理。状态行包含HTTP版本、状态码和状态消息，如200 OK表示请求成功，404 Not Found表示资源未找到2。服务器监听端口，客户端发送SYN包请求连接，服务器响应SYN+ACK包，客户端再次发送ACK包确认连接建立，完成三次握手后，客户端和服务器进入数据传输状态1。HTTP/1.1引入了持久连接，允许一个连接处理多个请求和响应，提高了性能。
2024-10-30 17:21:09
310
原创 微信小程序app.js里面onLaunch里面的函数比page里面的onshow里面的方法后执行
app.checkLoginReadyCallback 来监听事件是否执行完成，然后再执行相应的操作。微信小程序app.js里面onLaunch里面的函数比page里面的onshow里面的方法后执行。我们在app.js里面执行登录时可以调用checkLoginReadyCallback。
2024-10-30 17:19:16
617
原创 css 透明度
如果你只想让元素的背景色透明而不影响文本内容的透明度，可以使用。属性的值可以在0（完全透明）到1（完全不透明）之间进行调整。来设置背景色，其中最后一个值表示透明度。属性来控制元素的透明度。
2024-07-03 10:15:30
738
原创 vue2的双向绑定
vue是一个mvvm框架，即数据双向绑定，即当数据发生变化的时候，视图也就发生变化，当视图发生变化的时候，数据也会跟着同步变化。指令可以在表单输入元素上创建双向数据绑定。当用户在输入框中输入内容时，数据会自动更新，反之亦然。Vue.js 2 中的双向绑定是通过。
2024-06-27 08:58:29
513
原创 css 动画
属性允许你在元素状态改变时平滑地过渡属性的值。例如，你可以让一个按钮在鼠标悬停时改变背景颜色，并且有一个平滑的过渡效果。当涉及到CSS动画时，有几种方式可以实现动画效果。
2024-06-26 09:26:40
520
原创 bind call和aplly的区别
bind是异步代码，改变后不会立即执行；而是返回一个新的函数。call和apply是改变后页面加载之后就立即执行，是同步代码。
2024-06-25 09:01:37
637
原创 create-react-app创建的项目中设置webpack配置
create-react-app 创建的项目默认使用的是 react-scripts（存在于node_modules文件夹中）来处理开发服务器和构建，它内置了一些webpack相关配置。craco（Create React App Configuration Override）用来自定义由 create-react-app 创建的项目内部配置，比如修改 webpack 配置，覆盖react-scripts的默认设置。是不可逆的，所以craco插件应运而生，为我们提供了更好的解决方案。
2024-06-24 10:56:22
813
原创 HTTP中Get与Post的区别
就是说，它仅仅是获取资源信息，就像数据库查询一样，不会修改，增加数据，不会影响资源的状态。getT方式提交的数据最多只能是1024字节，理论上post没有限制，可传较大量的数据，IIS4中最大为80KB，IIS5中为100KB。get请求的数据会附在URL之后（就是把数据放置在HTTP协议头中），以?.根据HTTP规范，GET用于信息获取，而且应该是安全的和幂等的。.根据HTTP规范，POST表示可能修改变服务器上的资源的请求。post请求意味着该操作可以通过修改请求数据获取不同的后台数据。
2024-06-21 09:09:58
583
原创 js 微任务 宏任务区别
微任务（microtask）包括 Promise、process.nextTick、Object.observe、MutationObserver 等，它们会被放入微任务队列中，等待当前宏任务执行完毕后立即执行。宏任务（macrotask）通常包括整体代码块、setTimeout、setInterval、I/O、UI 渲染等，它们会被放入宏任务队列中，等待事件循环执行。在事件循环中，每次执行一个宏任务之后，会检查微任务队列，如果有微任务，则会依次执行微任务，直到微任务队列为空，然后再执行下一个宏任务。
2024-06-20 08:51:22
550
原创 浏览器Cookies、SessionStorage 和 LocalStorage的区别
Cookies: SessionStorage: LocalStorage:
2024-06-19 09:06:20
479
原创 浏览器的本地缓存有哪些？有什么区别
HTTP缓存是针对网络请求的响应内容进行缓存，Web Storage和IndexedDB是用于存储网页中的数据，而Cookies主要用于在客户端和服务器之间传递状态信息。它们是HTML5提供的一种在客户端存储数据的机制，可以在浏览器关闭后依然保留数据。其中LocalStorage的数据在浏览器关闭后仍然存在，而SessionStorage的数据在会话结束后被清除。这是一个在浏览器中存储结构化数据的数据库，可以存储大量数据，并支持高效的检索。它提供了比Web Storage更强大的存储能力和查询能力。
2024-06-18 09:31:28
333
原创 声明函数和匿名函数的区别
是一个匿名函数，它没有名称，而是赋值给了一个变量。这种方式定义的函数通常被用作回调函数、立即执行函数等，它们可以在定义后立即被调用，也可以作为参数传递给其他函数。因此，声明函数和匿名函数的主要区别在于函数名的有无。声明函数有一个明确的名称，可以在任何地方被调用，而匿名函数没有名称，通常用于需要临时定义和使用的场景。关键字和函数名来定义。这种方式定义的函数可以在任何地方被调用，因为它的名称被绑定到当前作用域中。在 JavaScript 中，声明函数和匿名函数是两种不同的函数定义方式。是一个具名函数，它通过。
2024-06-17 09:34:01
219
原创 什么是节流？
节流的主要思想是，当一个函数被调用后，它在指定的时间间隔内只能被执行一次，即使在这段时间内多次触发了该函数。这可以有效地减少函数的执行次数，特别是在处理一些频繁触发的事件（比如滚动、拖拽、输入等）时，节流可以提高页面的性能和响应速度。节流是一种优化性能的技术，它可以限制一个函数在一定时间内被频繁调用的次数。
2024-06-17 09:24:48
519
原创 什么是防抖？
在 JavaScript 中，防抖（Debouncing）用于限制连续触发事件的频率，以提高性能和避免不必要的重复操作。防抖的基本思想是在事件被触发后，等待一定的时间间隔，如果在这个时间间隔内没有再次触发事件，才执行相应的操作。
2024-06-14 14:07:09
466
原创 什么是闭包
闭包是指一个函数可以访问其词法作用域之外的变量。这意味着函数可以“记住”在其创建时可访问的变量，即使在其执行时这些变量已经不再处于作用域内。在JavaScript中，闭包经常用于创建私有变量和函数，以及实现柯里化和高阶函数等功能。在其被调用时已经不在作用域内了。是一个闭包，它可以访问。
2024-06-13 08:58:02
144
原创 本地存储的数据变成“[object Object]”解决方法以及形成原因
会默认将Object对象转换成'[Object Object]'字符串。获取存储到的本地数据拿到的是“
2024-06-12 09:33:06
1570
原创 element ui 封装Table组件
{ prop: 'name', label: '名称', useSlot: false, minwidth: '120px'},1.首先npm i element-ui -S 安装element-ui。tableColumns传入表头。tableData 传入数据。2.引入 Element。
2024-06-12 08:54:46
1231
原创 封装element-ui的el-data-picker
/ 转换为10位时间戳。start-placeholder="开始日期"end-placeholder="结束日期">// 设置当前日期的23点59分59秒。range-separator="至"在mian.js中全局注册。
2024-06-05 14:47:52
525
1
原创 npm 发布自己的组件库
如果你还没有 npm 账号，可以在 npm 官网上注册一个账号。：编写你的组件库代码，并确保代码结构清晰，注释完善，功能完备。命令来初始化项目，并按照提示填写项目信息。命令，输入你的 npm 账号信息进行登录。：首先，在你的组件库项目目录下运行。：每次更新组件库代码后，记得修改。命令来发布你的组件库。
2024-06-05 10:07:16
550
原创 在html中在线解析markdown语法
/ 显示转换后的HTML。// 使用marked.js解析Markdown。// 这里是你的Markdown文本。注意有可能marked会报错找不到该方法，这个时候可以使用marked.marked。
2024-05-30 10:06:28
806
原创 element-ui Tabs 标签页解决意外出现蓝色阴影边框的问题
切换tabs按钮的时候，出现蓝色阴影边框 发现会出现box-shadow。
2024-05-24 10:19:08
465
1
原创 echarts graph搭配lines形成动效关系图
formatter: "{c}"//字符串模板：{c}:数据值。type: 'solid' // 线的类型（实线）lineStyle: {//关系边的公用线条样式。polyline: true,//是否是多段线。
2024-05-24 08:54:16
2362
4
原创 element-ui 快速上手
* 或写为 * Vue.use(Button) * Vue.use(Select) */ new Vue({ el: '#app', render: h => h(App) });你可以在vue项目中引入整个 Element，或是根据需要仅引入部分组件。，我们可以只引入需要的组件，以达到减小项目体积的目的。使用 npm 的方式安装。在 main.js 中。
2024-05-23 16:22:28
393
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人