javascript系统系列
文章平均质量分 82
前端岚枫
技术翻译,技术人生,前端知识,生活感悟
展开
-
javascript系统系列:浅析js中的浏览器循环事件(eventLoop)
大家好,我是前端岚枫,今天主要跟大家分享我整理的浏览器事件循环eventLoop相关:eventloop, 微任务、宏任务等,此方面内容在我们的工作中常用到, 也是大厂面试经常提问的问题,希望下面文章对大家有所帮助。event loopevent loop就是异步回调的实现原理同步代码,一行一行放在Call Stack 执行遇到异步,会先“记录”下,等待时机(定时、网络请求等)时机到了,就移动到Callback Queue如Call Stack为空(即同步代码执行完)Event Loop开.原创 2021-11-18 08:25:01 · 1311 阅读 · 0 评论 -
javascript基础系列:DOM相关的技术知识点
DOM及其基础操作DOM: document object model 文档对象模型,提供一些属性和方法供我们操作页面中的元素获取DOM元素的方法document.getElementById() 指定在文档中,基于元素的ID或者这个元素对象[context].getElementsByTagName() 在指定上下文(容器)中,通过标签名获取一组元素集合[context].getElementsByClassName() 在指定上下文中,通过样式类名获取一组元素集合(不兼容ie6-8)[原创 2021-01-06 08:15:40 · 403 阅读 · 2 评论 -
javascript基础系列:字符串的常用方法
字符串的常用方法所有用的单引号、双引号、反引号包起来的都是字符串1. charAt/charCodeAtcharAt:根据索引获取指定位置的字符charCodeAt: 获取指定字符的ASCII码值(UNicode编码值)@paramsn[number] 获取字符指定的索引@return返回查找到的字符(找不到返回的是空字符串不是undefined,或者对应的编码值)let str = 'lanfengqiuqiuyangfangqihang';console.log(str.char原创 2020-11-17 20:23:05 · 635 阅读 · 0 评论 -
前端javascript经典面试题集合(2020年最新)
1. call和apply的区别是什么,哪个性能更好一些fn.call(obj, 10, 20, 30)fn.apply(obj, [10, 20, 30])call性能要比apply性能好一点,(尤其是传递给函数的参数超过三个的时候),所以后期研发的时候,可以使用call多一点let arr = [10, 20, 30]obj = {}function fn(x, y, z) {}fn.apply(obj, arr)fn.call(obj, ...arr) // 基于ES6的展开运算符也可原创 2020-11-16 19:49:54 · 898 阅读 · 0 评论 -
javascript基础系列:数组常用方法解析
javascript基础系列:数组常用方法解析今天是比较特殊的日子,我们编程人员共同的节日,1024,祝每个编程人员节日快乐!数组是javascript必不可少的一项,今天让我们来总结一下数组操作的一些常用方法。数组及数组中常用方法数组是对象类型的,属于特殊的对象let ary = [12, 23, 34, 45]console.log(typeof Ary) // =>"object"console.dir(ary) // 1. 数字作为索引(key属性名) 2. leng原创 2020-10-24 08:36:12 · 804 阅读 · 2 评论 -
javascript基础系列:函数(三)
函数 function函数就是一个方法或者一个功能体,函数就是实现某个功能的代码放到一起分装,以后想要操作实现这个功能,只需要把函数执行即可,减少页面中的冗余代码,提高代码重复使用率(低耦合高内聚)创建函数形参返回值执行函数实参arguments函数底层运行机制创建函数的时候,我们设置了形参变量,但如果执行的时候并没有传递对应的实参,那么形参变量默认的值是undefinedfunction[函数名]([形参变量1],...) { // 函数体:基于js完成需要实现的功能 return [处理后.原创 2020-09-16 23:37:24 · 359 阅读 · 0 评论 -
javascript基础系列:堆栈内存(stack&;heap)(二)
忙了一段时间,很容易忘记更新博客文章,拖延症很严重,今天晚上趁着有时间,继续系统温习,希望对大家有所帮助。本文章仅代表前端岚枫的个人观点,有不正确还望指出。浏览器运行机制及基本类型与引用类型的区别/* * 1. 创建变量a,放到当前栈内存变量存储区域中 * 2. 创建一个值12,把它存储到当前栈内存值区域中(简单的基本类型值是这样存储的,复杂的引用类型值不是这样的) * 3. = 为赋值,其实赋值是让变量和值相互关联的过程*/let a = 12; //,let b = a;b = 1.原创 2020-09-15 22:44:56 · 771 阅读 · 1 评论 -
javascript基础系列:javascript中的变量和数据类型(一)
javascript基础系列:javascript中的变量和数据类型(一)今天开始去重新系统温习一遍js基础,并作下记录javascript是由三部分组成:ECMASCRIPT(ES): 描述了该语言的语法和基本对象DOM: 文档对象模型,描述处理网页内容的方法和接口BOM:浏览器对象模型,描述与浏览器进行交互的方法和接口js做客户端语言按照相关的js语法,去操作页面中的元素,有时还要操作浏览器里面的一些功能ECMAScript3/5/6,js的语法规范(变量、数据类型、操作语句原创 2020-08-03 08:19:30 · 769 阅读 · 2 评论