![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
实际开发常见问题
文章平均质量分 60
有趣的小良
种一棵树最好的时间是十年前,其次是现在。
展开
-
Flex布局的局限性和解决方法
Meta标签的正确使用会给你带来意想不到的效果,例如加入关键字会自动被大型搜索网站自动搜集;可以设定页面格式及刷新等等。下面将详细介绍Meta标签。Meta标签是用于提供关于HTML文档的元数据(metadata)的HTML元素。它们不会在页面中直接显示,而是提供给浏览器、搜索引擎和其他Web服务使用。下面列出了几个Meta标签的常见作用:定义字符集编码(charset): ,指定了文档使用UTF-8字符编码,确保正确解析页面中的特殊字符和国际化内容。描述网页内容(description): ,提供对网页内原创 2023-10-16 09:47:08 · 259 阅读 · 0 评论 -
Webpack5 htmlwebpackplugin用法
Webpack是一个功能强大的模块打包工具,而HtmlWebpackPlugin是Webpack的一个插件,用于生成HTML文件并自动注入打包后的资源。介绍了Webpack5中HtmlWebpackPlugin插件的用法及其各种配置选项。借助HtmlWebpackPlugin插件,我们可以方便地生成HTML文件并自动注入打包后的资源,同时还能对HTML进行压缩和定制化配置。原创 2023-10-13 15:50:41 · 1254 阅读 · 0 评论 -
HTTP2.0的特性
HTTP/1.0作为Web发展的里程碑之一,其特性为Web应用程序的发展提供了基础。然而,由于非持久连接方式和其他局限性,HTTP/1.0在性能和效率方面存在一些不足之处。为了解决这些问题,后来的HTTP版本如HTTP/1.1以及更高版本开始引入了新的特性和改进,提高了网络通信的效率和安全性。综上所述,虽然HTTP/1.1在网络传输中有较大的优势,但是存在一些问题和不足。原创 2023-10-12 17:28:50 · 218 阅读 · 0 评论 -
Moment.js 处理日期库
这些只是 Moment.js 中一小部分常用方法的示例,你可以根据具体需求查阅 Moment.js 的官方文档来深入了解更多功能和用法。希望本文能帮助你更好地理解 Moment.js,并在前端开发中灵活运用。原创 2023-09-18 15:10:04 · 242 阅读 · 0 评论 -
decimal.js 处理浮点数计算
decimal.js库为前端开发人员提供了一个强大的工具,用于解决浮点数计算精度丢失的问题。通过decimal.js库,我们可以轻松地进行高精度的数字计算,并确保计算结果的准确性。无论是在财务应用、科学计算还是其他需要精确计算的场景中,decimal.js库都能够帮助我们处理复杂的数字运算。让我们拥抱decimal.js库,让高精度计算变得更加简单。原创 2023-09-12 16:29:33 · 1308 阅读 · 0 评论 -
自动部署工具PM2
在现代应用程序开发中,自动化部署是一项至关重要的任务。它可以帮助我们快速、可靠地将代码部署到生产环境中,并确保应用程序的持续运行。在这方面,PM2(Process Manager 2)是一个备受欢迎的自动部署工具。本文将详细介绍PM2的作用以及其常见命令,以帮助读者更好地理解和使用这个强大的工具。原创 2023-09-07 21:15:05 · 481 阅读 · 0 评论 -
lodash的merge()方法
在JavaScript开发中,对象合并是一个常见的操作。Lodash是一个流行的实用工具库,其中的merge()方法能够方便地将多个对象进行合并。本文将深入介绍lodash的merge()方法,包括它的使用方法、深浅拷贝的原理,以及与JavaScript内置的Object.assign()方法的区别和联系。merge()方法是Lodash库中的一个函数,它允许我们将多个对象合并为一个新对象,而不改变原始对象。这个方法可以处理对象的深度合并,包括嵌套对象和数组的合并。原创 2023-09-04 14:05:37 · 4574 阅读 · 2 评论 -
Git git fetch 和 git pull 区别
只会从远程仓库获取最新代码,但不会自动合并。它将新的远程分支和提交存储在本地,你可以查看这些变更,然后决定如何处理。的作用都是用于从远程仓库获取最新代码,但它们之间有一些区别。它从远程仓库获取最新代码,并将其合并到当前分支中。原创 2023-08-29 14:26:31 · 607 阅读 · 0 评论 -
CSS 样式使用link和@import有什么区别
是在CSS文件加载完毕后才会开始下载被引入的样式文件,因此可能会造成页面闪烁,加载时间更长。标签时,会立即请求并加载该样式表,并在渲染页面时应用样式。是CSS2.1提供的语法规则,较旧的浏览器可能不支持它。标签是HTML标准的一部分,几乎所有的浏览器都支持。/* 在CSS样式表中使用@import导入样式 */规则用于引入Google Fonts提供的字体样式表。规则必须出现在CSS样式表的顶部。标签可以放置在HTML文档的。加载方式:当浏览器解析到。在页面导入样式时,使用。标签用于导入外部样式表。原创 2023-08-28 09:14:57 · 480 阅读 · 0 评论 -
Git commit代码规范校验
也就是说当我们执行npm install安装完项目依赖后会执行 husky install命令,该命令会创建.husky/目录并指定该目录为git hooks所在的目录。Husky是一个可以让我们使用Git hooks的工具,通过配置pre-commit钩子函数,在代码提交前执行自定义的脚本。完成这两步之后就可以实现使用commitlint对git的commit操作进行标准化的默认校验,默认校验规则可以自行查阅commitlint的官方文档,这里不做具体介绍。原创 2023-08-24 10:09:24 · 512 阅读 · 0 评论 -
Git 分支重命名
在开发过程中,我们经常需要对分支进行重命名,以更好地组织和管理代码库。然而,在进行重命名操作之前,请确保了解相关风险,并与团队成员共享重命名后的分支名称。这将把当前分支重命名为新的名称。切换到目标分支:如果要重命名的分支不是当前所在的分支,需要先切换到目标分支。推送更新:如果已经将代码库推送到远程仓库,需要将分支重命名操作同步到远程仓库。确定当前分支:首先,在进行分支重命名之前,我们需要确定当前所在的分支。确保在进行重命名操作之前,我们已经切换到了正确的分支。命令查看当前分支,并确保我们处于正确的分支上。原创 2023-06-27 10:27:15 · 2100 阅读 · 0 评论 -
JS 对象解构赋值
当你进行对象解构时,解构的过程是将属性的值复制到新的变量中,而不是直接引用原始对象中的值。这意味着你无法通过修改解构后的变量来改变原始对象中的对应属性的值。ES6的对象解构语法是用于从一个对象中提取属性并赋值给变量。解构出来的变量值是通过匹配对象的属性名来确定的,它们是从对象中提取出来的值的副本。如果你想修改原始对象中的属性值,你需要直接访问原始对象进行修改,而不是通过解构出来的变量。原创 2023-06-27 10:19:49 · 154 阅读 · 0 评论 -
JWT技术小结
发起受保护资源请求:当用户访问需要身份验证的受保护资源时,前端应在每个请求的头部(通常是"Authorization"头部)中包含JWT。可以使用安全的传输协议(如HTTPS)来传递JWT,并采取适当的防范措施,如防止跨站点脚本攻击(XSS)和跨站点请求伪造(CSRF)等。需要注意的是,JWT的验证和处理通常是在服务器端进行的。存储JWT:前端应用程序需要将接收到的JWT存储起来,通常使用浏览器提供的一些机制,如本地存储(localStorage)或会话存储(sessionStorage)。原创 2023-06-23 16:47:47 · 80 阅读 · 0 评论 -
CSS 文字超出范围显示省略号
需要实现的效果是当文字太多的时候只显示一行或两行,其余文字用…省略号配合tooltip组件去显示的时候可以用css样式这样实现。原创 2023-06-21 15:28:31 · 378 阅读 · 0 评论 -
JS for…in和for…of迭代区别
循环用于迭代可迭代对象(如数组、字符串等)的值。它会直接返回可迭代对象的每个元素值,而不是索引或属性。循环不能直接用于遍历普通对象(Plain Object),因为普通对象并不是可迭代对象。循环用于遍历对象的可枚举属性。它会将对象的每个可枚举属性作为循环变量来进行迭代。循环不直接适用于普通对象,但可以通过转换对象为可迭代对象的方式来遍历对象的属性值。循环遍历对象的属性值,可以将对象转换为可迭代对象,或者使用其他方法来实现。这样可以迭代对象的可枚举属性,包括从原型链继承的属性。用于遍历可迭代对象的值。原创 2023-06-19 11:38:11 · 336 阅读 · 0 评论 -
JS深拷贝和浅拷贝
先说数据类型,因为深浅拷贝与数据类型有关,数据类型分为基本数据类型(String、Number、Boolean、Null、Undefined、Symbol (es6引入的一种类型) )和引用数据类型(Object、Array、Function)。基本数据类型特点:直接存储在栈中;引用数据类型:它真实的数据是存储在堆内存中,栈中存储的只是指针,指向在堆中的实体地址。原创 2023-06-08 17:23:39 · 106 阅读 · 0 评论 -
JS 数组转字符串,字符串转数组方法汇总
在JavaScript中,我们经常需要将数组和字符串进行相互转换。幸运的是,JavaScript提供了一些方法来轻松地完成这些转换。原创 2023-06-08 09:37:49 · 1020 阅读 · 0 评论 -
JSONP作用和原理
总之,JSONP是一种利用script标签来跨域请求数据的技术,它通过在服务器端返回一个包装在函数调用中的JSON数据来实现此目的。在客户端,我们需要定义一个与服务器返回的函数名相同的全局函数,以便正确解析响应数据。跨域就是域名,协议,端口有一个不同,就会阻止从一个源加载的文档或脚本获取或设置另一个源加载的文档的属性。后台会返回一个字符串,这个字符串其实是一个函数,函数名由请求方给出,后台将请求的执行结果拼接好作为参数包裹在函数名里返回,相当于返回一个函数调用。原创 2023-05-30 10:48:41 · 309 阅读 · 0 评论 -
前端导出base64字符串为xlsx文件
在前端开发中,有时需要将生成的数据以Excel文件的形式导出,常见的方法是使用后端处理并返回文件流给前端下载。一般后端是返回二进制文件流,但如果有些项目后端开发不能返回文件流,而是返回给前端一串base64字符串,那我们应该怎么实现导出功能呢?原创 2023-04-23 16:03:02 · 1481 阅读 · 1 评论