随笔分类 - javascript
摘要:前言 上文对原型和原型链做了一些简单的概念介绍和解析,本文将浅析一些原型链的扩展。 javaScript原型和原型链 http://lewyon.xyz/prototype.html 扩展原型链 使用new操作符 利用原型是对象的特性,实例化对象的时候,继承多个构造函数的属性和方法 兼容性:支持目前
阅读全文
摘要:前言 在了解原型和原型链之前,我们先了解一部分概念,constructor,prototype,proto。 constructor 在之前判断数据类型的文章: javaScript常见数据类型检查校验 有提到过关于构造函数的属性constructor constructor 的是返回创建实例对象的
阅读全文
摘要:宏任务和微任务的队列入门知识,可以参考之前的文章: JavaScript的事件循环机制 宏任务和微任务在前端面试中,被经常提及到,包括口头和笔试题 async && await概念 async 使用async关键字声明的函数,是AsyncFunction构造函数的实例,在async函数体内,可以使用
阅读全文
摘要:前言 数组作为在开发中常用的集合,除了for循环遍历以外,还有很多内置对象的方法,包括map,以及数组筛选元素filter等。 注:文章结尾处附深层次数组扁平化方法操作。 作为引用数据类型的一种,在处理数组Array的时候,我们需要考虑到深拷贝和浅拷贝的情况 可以参考以下文章 javaScript中
阅读全文
摘要:前言 在前端日常开发过程中,if else判断语句使用的次数应该是比较频繁的了,一些较为复杂的场景,可能会用到很多判断,在某个代码块使用很多if else时,代码会显得较为冗余,阅读起来不够清晰。 除了if else,在开发过程中,还经常使用 逻辑运算符 && || 以及三木运算符? : 等。 if
阅读全文
摘要:前言 在JavaScript中,数据类型分为两大类,一种是基础数据类型,另一种则是复杂数据类型,又叫引用数据类型 基础数据类型:数字Number 字符串String 布尔Boolean Null Undefined Symbols BigInt 引用数据类型:日期Dete,对象Object,数组Ar
阅读全文
摘要:概念 Math 是javaScript的内置对象,包含了部分数学常数属性和数学函数方法。 Math 不是一个函数对象,用户Number类型进行使用,不支持BigInt。 Math 的所有属性与方法都是静态的。 比如说当我们使用圆周率的时候,写法是 Math.PI 当使用正余弦函数的写法是 Math.
阅读全文
摘要:前言 Number和Math都属于JavaScript中的内置对象,Number数字类型作为基础数据类型,我们在开发过程中会经常用到,包括数字精度的格式化,还有字符串转换成数字等操作。 Number数字 自带属性值 Number.EPSILON 两个可表示(representable)数之间的最小间
阅读全文
摘要:前言 在vue2.x版本官方文档中 深入响应式原理 https://cn.vuejs.org/v2/guide/reactivity.html一文的解释当中,Object.defineProperty将声明响应式 property数据的状态转换为getter和setter。 Object.defin
阅读全文
摘要:在了解深拷贝和浅拷贝之前,我们先梳理一下: JavaScript中,分为基本数据类型(原始值)和复杂类型(对象),同时它们各自的数据类型细分下又有好几种数据类型 基本数据类型 数字Number 字符串String 布尔Boolean Null Undefined Symbols BigInt 基本数
阅读全文
摘要:Date基础语法 /** * Date * * 1970年1月1日(UTC)起经过的毫秒数。 * * 语法 * new Date(); * new Date(value); * new Date(dateString); * new Date(year, monthIndex [, day [, h
阅读全文
摘要:在之前的企业项目开发中,做过一些前端基础建设和项目推进的工作。 完成项目之后,一直没时间整理和反思在推进过程中,遇到的问题以及解决方案,由于前端团队人员较少,更多的是多人协作以及大家共同攻克一些问题。 工具 前端的编辑器,包括sublime,还有vscode,以及webstorm、atom这类编辑器
阅读全文
摘要:前言 在vue的开发过程中,我们会经常使用到vue的slot插槽组件,vue官方文档的描述: Vue 实现了一套内容分发的 API,这套 API 的设计灵感源自 Web Components 规范草案,将 元素作为承载分发内容的出口 slot大概分为以下几种: 基础slot组件(匿名插槽) 匿名插槽
阅读全文
摘要:需求背景 由于现有的后台管理系统,上传的视频越来越大,加上上传视频较慢,后端小哥提出直接从前端上传视频或者其他文件到阿里云OSS存储。 阿里云OSS 阿里云OSS文档介绍,这里不做过多赘述 安装 原本在最开始的时候,是使用node版本的SDK,最开始使用的[nodejs版本] 代码如下 async
阅读全文
摘要:前言 JavaScript是一门单线程的弱类型语言,但是我们在开发中,经常会遇到一些需要异步或者等待的处理操作。 类似ajax,亦或者ES6中新增的promise操作用于处理一些回调函数等。 概念 在JavaScript代码执行过程中,可以分为同步队列和异步队列。 同步任务类似我们常说的立即执行函数
阅读全文
摘要:前言 在ES6新增的数组方法中,包含了多个遍历方法,其中包含了用于筛选的filter和reduce filter 主要用于筛选数组的filter方法,在使用中,不会改变原数组,同时会将符合筛选条件的元素,放入新的数组进行返回。 /*** * @item 数组元素 * @index 遍历数组下标 *
阅读全文

浙公网安备 33010602011771号