Vue
文章平均质量分 63
有趣的小良
种一棵树最好的时间是十年前,其次是现在。
展开
-
Moment.js 处理日期库
这些只是 Moment.js 中一小部分常用方法的示例,你可以根据具体需求查阅 Moment.js 的官方文档来深入了解更多功能和用法。希望本文能帮助你更好地理解 Moment.js,并在前端开发中灵活运用。原创 2023-09-18 15:10:04 · 253 阅读 · 0 评论 -
decimal.js 处理浮点数计算
decimal.js库为前端开发人员提供了一个强大的工具,用于解决浮点数计算精度丢失的问题。通过decimal.js库,我们可以轻松地进行高精度的数字计算,并确保计算结果的准确性。无论是在财务应用、科学计算还是其他需要精确计算的场景中,decimal.js库都能够帮助我们处理复杂的数字运算。让我们拥抱decimal.js库,让高精度计算变得更加简单。原创 2023-09-12 16:29:33 · 1494 阅读 · 0 评论 -
lodash的merge()方法
在JavaScript开发中,对象合并是一个常见的操作。Lodash是一个流行的实用工具库,其中的merge()方法能够方便地将多个对象进行合并。本文将深入介绍lodash的merge()方法,包括它的使用方法、深浅拷贝的原理,以及与JavaScript内置的Object.assign()方法的区别和联系。merge()方法是Lodash库中的一个函数,它允许我们将多个对象合并为一个新对象,而不改变原始对象。这个方法可以处理对象的深度合并,包括嵌套对象和数组的合并。原创 2023-09-04 14:05:37 · 4997 阅读 · 2 评论 -
Git git fetch 和 git pull 区别
只会从远程仓库获取最新代码,但不会自动合并。它将新的远程分支和提交存储在本地,你可以查看这些变更,然后决定如何处理。的作用都是用于从远程仓库获取最新代码,但它们之间有一些区别。它从远程仓库获取最新代码,并将其合并到当前分支中。原创 2023-08-29 14:26:31 · 624 阅读 · 0 评论 -
CSS 样式使用link和@import有什么区别
是在CSS文件加载完毕后才会开始下载被引入的样式文件,因此可能会造成页面闪烁,加载时间更长。标签时,会立即请求并加载该样式表,并在渲染页面时应用样式。是CSS2.1提供的语法规则,较旧的浏览器可能不支持它。标签是HTML标准的一部分,几乎所有的浏览器都支持。/* 在CSS样式表中使用@import导入样式 */规则用于引入Google Fonts提供的字体样式表。规则必须出现在CSS样式表的顶部。标签可以放置在HTML文档的。加载方式:当浏览器解析到。在页面导入样式时,使用。标签用于导入外部样式表。原创 2023-08-28 09:14:57 · 492 阅读 · 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 · 538 阅读 · 0 评论 -
Webpack5 处理图片资源
缺点:1.体积变得更大,Base64编码的数据体积通常是原数据的体积4/3,也就是datauri形式的图片会比二进制格式的图片体积大1/3。现在 Webpack5 已经将两个 Loader 功能内置到 Webpack 里了,我们只需要简单配置即可处理图片资源。优点:1.减少http请求数量,有时候图片的体积太小,占用一个HTTP会话不是很值得。的处理,样式资源打包到 main.js 里面去了,所以没有额外输出出来。此时如果查看 dist 目录的话,会发现多了三张图片资源。4.IE678兼容性较差。原创 2023-08-10 10:59:35 · 907 阅读 · 0 评论 -
Webpack5 core-js和babel-loader区别和用法
通过使用babel-loader进行语法转换只能解决部分兼容性问题,而对于新增的API和全局对象,我们需要借助core-js来提供兼容性支持。核心思想是使用polyfill模拟缺失的功能,从而使JavaScript应用程序能够在各种浏览器中工作。通过合理配置Webpack和使用core-js,我们可以大大提升JavaScript应用程序的跨浏览器支持,为用户提供更好的体验。原创 2023-08-07 19:24:16 · 1073 阅读 · 0 评论 -
Vue 路由懒加载
通过使用require、ES模块语法import以及不使用懒加载的方式,我们可以根据需求选择合适的路由懒加载技术。懒加载可以优化应用程序的性能,减少初始加载时间,并提供更好的用户体验。同时,对于较小或者不常访问的路由组件,可以考虑不使用懒加载的方式,以简化开发和维护。在Vue应用程序中,我们应根据项目需求选择适当的路由加载方式。原创 2023-08-07 08:58:45 · 758 阅读 · 0 评论 -
JS 对象解构赋值
当你进行对象解构时,解构的过程是将属性的值复制到新的变量中,而不是直接引用原始对象中的值。这意味着你无法通过修改解构后的变量来改变原始对象中的对应属性的值。ES6的对象解构语法是用于从一个对象中提取属性并赋值给变量。解构出来的变量值是通过匹配对象的属性名来确定的,它们是从对象中提取出来的值的副本。如果你想修改原始对象中的属性值,你需要直接访问原始对象进行修改,而不是通过解构出来的变量。原创 2023-06-27 10:19:49 · 162 阅读 · 0 评论 -
SSR 服务端渲染概述
服务端渲染简称 SSR,全称是 Server Side Render,是指一种传统的渲染方式,就是在浏览器请求页面 URL 的时候,服务端将我们需要的 HTML 文本组装好,并返回给浏览器,这个 HTML 文本被浏览器解析之后,不需要经过 JavaScript 脚本的执行,即可直接构建出希望的 DOM 树并展示到页面中。以上就是对 SSR 技术的一些简要介绍,总结一下就是:SSR 提高 SPA 应用的首屏响应速度,有利于 SEO 优化。SSR 最适用于静态展示页面,如果页面动态数据较多时需要谨慎使用。原创 2023-06-25 10:56:11 · 1672 阅读 · 0 评论 -
JS深拷贝和浅拷贝
先说数据类型,因为深浅拷贝与数据类型有关,数据类型分为基本数据类型(String、Number、Boolean、Null、Undefined、Symbol (es6引入的一种类型) )和引用数据类型(Object、Array、Function)。基本数据类型特点:直接存储在栈中;引用数据类型:它真实的数据是存储在堆内存中,栈中存储的只是指针,指向在堆中的实体地址。原创 2023-06-08 17:23:39 · 116 阅读 · 0 评论 -
JS 数组转字符串,字符串转数组方法汇总
在JavaScript中,我们经常需要将数组和字符串进行相互转换。幸运的是,JavaScript提供了一些方法来轻松地完成这些转换。原创 2023-06-08 09:37:49 · 1067 阅读 · 0 评论 -
JS 箭头函数
ES6箭头函数是一种匿名函数,使用“=>”符号定义。与常规函数不同的是,箭头函数没有自己的this值,而是继承了父级作用域中的this值。这个函数接受两个参数a和b,并返回它们的和。原创 2023-06-08 09:03:01 · 851 阅读 · 0 评论 -
JSONP作用和原理
总之,JSONP是一种利用script标签来跨域请求数据的技术,它通过在服务器端返回一个包装在函数调用中的JSON数据来实现此目的。在客户端,我们需要定义一个与服务器返回的函数名相同的全局函数,以便正确解析响应数据。跨域就是域名,协议,端口有一个不同,就会阻止从一个源加载的文档或脚本获取或设置另一个源加载的文档的属性。后台会返回一个字符串,这个字符串其实是一个函数,函数名由请求方给出,后台将请求的执行结果拼接好作为参数包裹在函数名里返回,相当于返回一个函数调用。原创 2023-05-30 10:48:41 · 315 阅读 · 0 评论 -
watch和computed的区别
在Vue.js中,watch和computed都是用来监听数据变化并触发响应函数的方法,但它们有一些重要的区别。原创 2023-05-30 09:00:24 · 684 阅读 · 0 评论