- 博客(138)
- 收藏
- 关注
RSS订阅原创 前端如何进行性能优化
使用Gzip或Brotli压缩HTML、CSS、JavaScript文件。：将多个CSS或JavaScript文件合并为一个，减少请求次数。：将小的CSS或JavaScript直接嵌入HTML中，减少请求。：使用适当的格式（如WebP），压缩图片大小，使用响应式图片（：移除未使用的代码，使用工具如Tree Shaking。：优先加载关键CSS，内联关键CSS，延迟非关键CSS。：延迟加载图片、视频等资源，直到用户滚动到它们的位置。：HTTP/2支持多路复用，减少连接数，提升加载速度。
2025-02-26 16:56:31
868
原创 常用的HTML meta标签有哪些
meta是 HTML 中的一个元数据标签，位于<head>标签内，不会在页面上直接显示，但能为浏览器和搜索引擎提供关于网页的重要信息。以下是一些常用的<meta>
2025-02-24 18:29:04
829
原创 DOCTYPE的作用
在 HTML 中，DOCTYPE>声明（也称为文档类型声明）是一个必要的元素，它位于 HTML 文档的第一行，用来告知浏览器当前文档使用的 HTML 版本或规范。
2025-02-24 16:57:55
203
原创 HTML中src和href属性有什么区别
<title>src示例</title>-- 引入图片 --><img src="example.jpg" alt="示例图片">-- 引入脚本 -->
2025-02-24 14:25:41
557
原创 typeof和instanceof有什么区别
（1）检测类型的范围：typeof主要用于检测基本数据类型（如number，String ,Boolean）以及函数、未定义类型和symbol，而instance主要用于检测对象的具体类型，检测某个对象是否是某个构造函数的实例。（2）检测基本类型和引用类型:typeof对于基本类型非常有用，但对于复杂引用类型（如数组、对象字面量）只会返回object，而instance只能用于检测复杂数据类型，不能用于检测基本数据类型。
2025-02-19 14:42:05
317
原创 为什么JavaScript中0.1+0.2！==0.3，如何让其相等
将结果四舍五入到指定的小数位数。toFixed()方法会返回一个字符串类型的结果，因此需要注意类型转换。toPrecision（）方法也可以用于格式化数字并减少精度问题。2.使用toPrecision()方法。1.使用toFixed()方法。
2025-02-19 11:49:43
122
原创 axios如何取消请求、配置
Axios 是一个基于 Promise 的 HTTP 客户端，用于浏览器和 Node.js。在实际开发中，有时候需要取消已经发起的请求，同时也需要对请求进行各种配置。以下分别介绍 Axios 取消请求和配置请求的方法。在 Axios 旧版本中，使用来取消请求。是 Axios 提供的一个用于取消请求的工具。
2025-02-11 15:21:26
1023
原创 https的论述
HTTPS（HyperText Transfer Protocol Secure）是HTTP协议的安全版本，用于保护数据传输的安全性和完整性。在HTTPS中，通过使用SSL（Secure Socket Layer）或TLS（Transport Layer Security）协议来加密和解密通信数据，从而保证通信过程中数据不被窃取或篡改。HTTPS的工作原理：HTTPS相比HTTP的优势：HTTPS的缺点：总之，HTTPS在保证网络通信安全性和完整性方面发挥着重要作用，是现代Web应用程序必不可少的技术之一
2025-02-11 11:30:24
396
原创 前端的调试方法
4.使用第三方工具：例如React Developer Tools和Vue.js devtools等工具，可以帮助我们查看组件层次结构、状态和属性，帮助我们更方便地定位问题。1.通过浏览器自带的开发者调试工具进行调试，开发者工具可进行网页源代码查看以及对html、css进行编辑，可查看控制台，存储，网络等等。3.使用调试器：在一些开发环境中，如VS Code等，都提供了内置的调试器。2.通过在代码中console.log()打印变量值，函数结果以及接口返回内容等。
2025-02-11 11:14:40
119
原创 什么是事件循环（Event Loop）机制
JavaScript 引擎首先会执行执行栈中的同步任务，按照代码顺序依次执行，将函数逐个压入执行栈并执行，直到执行栈为空。通过事件循环机制，JavaScript 能够有条不紊地处理各种同步和异步任务，实现高效的编程模型，为用户提供流畅的交互体验。的回调函数会被放入微任务队列。由于微任务会在当前事件循环的执行栈为空时优先执行，所以会先输出。，因为它们是同步任务，会立即执行。设置的回调函数会被放入宏任务队列，，最后在下一个事件循环中输出。在这个例子中，首先会输出。
2025-02-10 16:22:39
407
原创 盒模型的描述
css盒模型定义了盒子的每个部分包含margin、border、padding、content。默认情况下是标准盒模型box-sizing:content-box：盒子的大小取决于内容的大小。当设置了box-sizing:border-box，此时盒子的大小则是内边距的大小+内容的大小。根据盒子大小的计算方式不同将盒模型划分为标准盒模型与怪异盒模型。
2025-02-08 16:12:14
91
原创 html语义化
2.对于开发者而言，语义化标签有着更好的页面结构，有利于个人的代码编写；对于用户而言，当网络卡顿时有良好的页面结构，有利于增加用户体验；对于爬虫来说，有助于搜索引擎理解页面的结构和内容层次，利于网站有更靠前的排名；对于团队来讲，有利于代码的开发和后期的维护。（1）页面结构标签：<header>、<nav>、<main>、<article>、<section>、<aside>、<footer>（2）文本语义标签：<h1>-<h6>【合理使用标题标签有助于搜索引擎理解页面的结构和内容层次。
2025-02-08 14:47:38
370
原创 如何使用el-table的多选框
本人在使用el-table时，因为用到分页，导致上一页勾选的数据在再次返回时，没有选中，故在原有el-table组件的基础之上再次进行了封装。对el-table再次封装，使得功能更加强大！2.通过select这个api来实现选择框的勾选。1.首先让某些不需要勾选的列表进行多选框禁用。4.在打开弹窗前要进行选中的数据取消勾选。3.勾选后的数据可进行回显。
2025-02-07 17:32:18
328
原创 开发项目注意点
1.提交按钮要加loading效果，避免接口响应慢导致多次多次点击调取接口。2.新增编辑提交表单添加必填校验以后，要在查看时候进行rules的置空。
2025-02-06 17:24:21
75
原创 基于el-table实现跨页全选反选
选中的是当前页的数据，但是需要先判断当前页的每一行是否都存在跨页全选的数组中（state.tableData永远都是当前页全部数据，但state.saveCheckList可能在某一页不是全选，以state.saveCheckList为准来勾选）当跨页全选时，在某一页点击取消全选当前页再点击全选当前页，需要把当前页的数据在跨页全选的数据中加上。当跨页全选时，在某一页点击取消全选当前页，需要把当前页的数据在跨页全选的数据中去除。表格内全选：@select-all=“selectAll”3.调用接口获取数据。
2025-02-06 17:04:56
439
原创 在React中使用redux
第三步：在index.js中进行store的全局注入。第二步：在store的入口文件进行子模块的导入组合。第一步：创建模块counterStore。第四步：在组件中进行使用。一、首先安装两个插件。
2025-02-02 09:38:15
479
原创 react注意事项
3.利用className插件进行动态类名的使用。2.排序用lodash进行排序。5.react中获取dom。1.状态的定义以及修改。
2025-01-29 19:31:43
219
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人