JS基础
文章平均质量分 57
有趣的小良
种一棵树最好的时间是十年前,其次是现在。
展开
-
Flex布局的局限性和解决方法
Meta标签的正确使用会给你带来意想不到的效果,例如加入关键字会自动被大型搜索网站自动搜集;可以设定页面格式及刷新等等。下面将详细介绍Meta标签。Meta标签是用于提供关于HTML文档的元数据(metadata)的HTML元素。它们不会在页面中直接显示,而是提供给浏览器、搜索引擎和其他Web服务使用。下面列出了几个Meta标签的常见作用:定义字符集编码(charset): ,指定了文档使用UTF-8字符编码,确保正确解析页面中的特殊字符和国际化内容。描述网页内容(description): ,提供对网页内原创 2023-10-16 09:47:08 · 261 阅读 · 0 评论 -
>> 操作符的作用和用法
前几天面试美团的时候被一道链表的算法题卡住了,面试完之后我去查了这道算法,然后发现在解题过程中使用了>>这个操作符: let mid = (left + right) >> 1,因为在之前工作学习中没使用过,所以写这个博客记录下>>操作符的作用和用法~在 JavaScript 中,>>是一个位移操作符,用于将一个二进制数向右移动指定的位数。这个操作符执行有符号右移操作。>>操作符在 JavaScript 中用于将数字的二进制表示向右移动指定的位数,并保留符号位。原创 2023-10-07 17:37:19 · 2132 阅读 · 1 评论 -
Moment.js 处理日期库
这些只是 Moment.js 中一小部分常用方法的示例,你可以根据具体需求查阅 Moment.js 的官方文档来深入了解更多功能和用法。希望本文能帮助你更好地理解 Moment.js,并在前端开发中灵活运用。原创 2023-09-18 15:10:04 · 244 阅读 · 0 评论 -
decimal.js 处理浮点数计算
decimal.js库为前端开发人员提供了一个强大的工具,用于解决浮点数计算精度丢失的问题。通过decimal.js库,我们可以轻松地进行高精度的数字计算,并确保计算结果的准确性。无论是在财务应用、科学计算还是其他需要精确计算的场景中,decimal.js库都能够帮助我们处理复杂的数字运算。让我们拥抱decimal.js库,让高精度计算变得更加简单。原创 2023-09-12 16:29:33 · 1323 阅读 · 0 评论 -
lodash的merge()方法
在JavaScript开发中,对象合并是一个常见的操作。Lodash是一个流行的实用工具库,其中的merge()方法能够方便地将多个对象进行合并。本文将深入介绍lodash的merge()方法,包括它的使用方法、深浅拷贝的原理,以及与JavaScript内置的Object.assign()方法的区别和联系。merge()方法是Lodash库中的一个函数,它允许我们将多个对象合并为一个新对象,而不改变原始对象。这个方法可以处理对象的深度合并,包括嵌套对象和数组的合并。原创 2023-09-04 14:05:37 · 4639 阅读 · 2 评论 -
CSS 样式使用link和@import有什么区别
是在CSS文件加载完毕后才会开始下载被引入的样式文件,因此可能会造成页面闪烁,加载时间更长。标签时,会立即请求并加载该样式表,并在渲染页面时应用样式。是CSS2.1提供的语法规则,较旧的浏览器可能不支持它。标签是HTML标准的一部分,几乎所有的浏览器都支持。/* 在CSS样式表中使用@import导入样式 */规则用于引入Google Fonts提供的字体样式表。规则必须出现在CSS样式表的顶部。标签可以放置在HTML文档的。加载方式:当浏览器解析到。在页面导入样式时,使用。标签用于导入外部样式表。原创 2023-08-28 09:14:57 · 481 阅读 · 0 评论 -
JS 对象解构赋值
当你进行对象解构时,解构的过程是将属性的值复制到新的变量中,而不是直接引用原始对象中的值。这意味着你无法通过修改解构后的变量来改变原始对象中的对应属性的值。ES6的对象解构语法是用于从一个对象中提取属性并赋值给变量。解构出来的变量值是通过匹配对象的属性名来确定的,它们是从对象中提取出来的值的副本。如果你想修改原始对象中的属性值,你需要直接访问原始对象进行修改,而不是通过解构出来的变量。原创 2023-06-27 10:19:49 · 154 阅读 · 0 评论 -
SSR 服务端渲染概述
服务端渲染简称 SSR,全称是 Server Side Render,是指一种传统的渲染方式,就是在浏览器请求页面 URL 的时候,服务端将我们需要的 HTML 文本组装好,并返回给浏览器,这个 HTML 文本被浏览器解析之后,不需要经过 JavaScript 脚本的执行,即可直接构建出希望的 DOM 树并展示到页面中。以上就是对 SSR 技术的一些简要介绍,总结一下就是:SSR 提高 SPA 应用的首屏响应速度,有利于 SEO 优化。SSR 最适用于静态展示页面,如果页面动态数据较多时需要谨慎使用。原创 2023-06-25 10:56:11 · 1658 阅读 · 0 评论 -
JS for…in和for…of迭代区别
循环用于迭代可迭代对象(如数组、字符串等)的值。它会直接返回可迭代对象的每个元素值,而不是索引或属性。循环不能直接用于遍历普通对象(Plain Object),因为普通对象并不是可迭代对象。循环用于遍历对象的可枚举属性。它会将对象的每个可枚举属性作为循环变量来进行迭代。循环不直接适用于普通对象,但可以通过转换对象为可迭代对象的方式来遍历对象的属性值。循环遍历对象的属性值,可以将对象转换为可迭代对象,或者使用其他方法来实现。这样可以迭代对象的可枚举属性,包括从原型链继承的属性。用于遍历可迭代对象的值。原创 2023-06-19 11:38:11 · 336 阅读 · 0 评论 -
Nodejs的模块和CommonJS规范
Node.js中的模块指的是一个独立的JavaScript文件,其中包含了某些特定功能的代码,可以被其他文件引用和使用。同时,Node.js中的模块可以使用CommonJS规范来进行导入和导出,使得不同的模块之间可以互相调用和共享代码。CommonJS是一种用于JavaScript模块化的规范,它定义了模块的导入和导出方式,使得不同的模块之间可以互相调用和共享代码。在传统的JavaScript开发中,所有的代码都放在一个文件中,这样会导致代码量过大、结构不清晰,难以维护和修改。原创 2023-06-15 11:26:05 · 157 阅读 · 0 评论 -
JS深拷贝和浅拷贝
先说数据类型,因为深浅拷贝与数据类型有关,数据类型分为基本数据类型(String、Number、Boolean、Null、Undefined、Symbol (es6引入的一种类型) )和引用数据类型(Object、Array、Function)。基本数据类型特点:直接存储在栈中;引用数据类型:它真实的数据是存储在堆内存中,栈中存储的只是指针,指向在堆中的实体地址。原创 2023-06-08 17:23:39 · 107 阅读 · 0 评论 -
JS 数组转字符串,字符串转数组方法汇总
在JavaScript中,我们经常需要将数组和字符串进行相互转换。幸运的是,JavaScript提供了一些方法来轻松地完成这些转换。原创 2023-06-08 09:37:49 · 1022 阅读 · 0 评论 -
JS 箭头函数
ES6箭头函数是一种匿名函数,使用“=>”符号定义。与常规函数不同的是,箭头函数没有自己的this值,而是继承了父级作用域中的this值。这个函数接受两个参数a和b,并返回它们的和。原创 2023-06-08 09:03:01 · 839 阅读 · 0 评论 -
JS bind方法
还可以绑定函数的参数。这样可以在调用函数时,预先传入一些参数,使得函数的调用更加方便和简洁。是 JavaScript 中非常常用的一个函数方法,它可以用来解决函数调用时。是 JavaScript 中的一个函数方法,它可以用来绑定函数的。值是在运行时确定的,它取决于函数的调用方式。但是当将其赋值给一个全局变量并调用时,它的。值和参数的问题,使得函数调用更加灵活和方便。值和参数,返回一个新的函数。在 JavaScript 中,函数的。值,那么在函数被调用时,值,确保函数被调用时。值始终指向正确的对象。原创 2023-06-06 10:41:29 · 2465 阅读 · 2 评论 -
JS字符串转数,数组转字符串方法
有toString就有toLocaleString,用法和toString一样,toLocaleString()方法能够使用用户所在地区特定的分隔符把生成的字符串连接。JS字符串转数,数组转字符串方法原创 2023-02-28 10:24:09 · 143 阅读 · 0 评论 -
es6模块化暴露语法
前端JS的模块化主要有 CommenJS(node)、JS module(es6)两种,今天我们讲的是JS module(es6)的暴露语法JS module是es6中的语法,用来模块化的开发。使用export、import语法,有三种对外暴露方式:分别暴露、统一暴露、默认暴露。需要注意的是 JS module并不能在普通的js文件中使用,export和import关键字仅可在模块系统(如vue项目中)中使用,所以不能在普通的js脚本中使用分别暴露,就是允许页面中有多个export,每个export都暴露各原创 2023-02-28 09:55:05 · 716 阅读 · 0 评论 -
SPA单页面应用的优缺点
单页Web应用(single page web application,SPA),就是只有一张Web页面的应用,是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。用户操作体验好,用户不用刷新页面,整个交互过程都是通过Ajax来操作。适合前后端分离开发,服务端提供http接口,前端请求http接口获取数据,使用JS进行客户端渲染。首页加载慢,因为单页面应用会将js、 css打包成一个文件,在加载页面显示的时候加载打包文件,如果打包文件较大或者网速慢则用户体验不好。首屏时需要请求原创 2023-02-28 09:31:52 · 476 阅读 · 0 评论 -
noscript标签的使用
noscript标签原创 2023-02-28 09:18:50 · 280 阅读 · 0 评论 -
判断this指向问题
this指向如果是以函数形式调用this指向的是window。以方法的形式调用,this指向的是方法本身。判断this指向问题,如果在面试中出现是很简单但是很多人容易答错的问题,因为很多人回答的不完全。this是浏览器传过来的,不是固定的,可以根据调用者改变;原创 2023-02-23 16:20:19 · 57 阅读 · 0 评论