随笔分类 - 前端
摘要：前言 上文对原型和原型链做了一些简单的概念介绍和解析，本文将浅析一些原型链的扩展。 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
阅读全文
摘要：http缓存策略以及强缓存和协商缓存浅析 本地缓存-强缓存 本地缓存，也就是我们常说的强缓存：是指当浏览器请求资源时，如果请求服务端的资源命中了浏览器本地的缓存资源，那么浏览器就不会发送真正请求给服务器。 此时的请求过程： 第一次请求 当浏览器还是第一次发送请求到后端的时候，本地还没有缓存资源，这个
阅读全文
摘要：前言 在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 基本数
阅读全文
摘要：前面两篇介绍了computed和watch的基本使用 watch篇 computed篇 两者的区别，继续通过代码实现的方式具体去了解 html <li>最开始的value值：{{ name }}</li> <li>computed计算后的值：{{ computedName }}</li> <li>
阅读全文
摘要：前言 watch顾名思义，属于vue2.x版本中，监听和观察组件状态变化的钩子函数，常见的应用场景有监听路由变化，以及父组件传递给子组件的props数据的变化等 基本使用 在使用watch的时候，需要在data中生命一个状态，并添加到watch当中进行观察，当发生变化时，watch可以通过默认参数获
阅读全文
摘要：前言 在基于vue框架的前端项目开发过程中，只要涉及到稍微复杂一点的业务，我们都会用到computed计算属性这个钩子函数，可以用于一些状态的结合处理和缓存的操作。 基础使用 在computed中，声明一个函数，并需要提供一个返回值，用于在页面展示或者结合其他方法进行处理 结合state状态使用 通
阅读全文
摘要：在之前的企业项目开发中，做过一些前端基础建设和项目推进的工作。 完成项目之后，一直没时间整理和反思在推进过程中，遇到的问题以及解决方案，由于前端团队人员较少，更多的是多人协作以及大家共同攻克一些问题。 工具 前端的编辑器，包括sublime，还有vscode，以及webstorm、atom这类编辑器
阅读全文
摘要：前言 在vue的开发过程中，我们会经常使用到vue的slot插槽组件，vue官方文档的描述： Vue 实现了一套内容分发的 API，这套 API 的设计灵感源自 Web Components 规范草案，将 元素作为承载分发内容的出口 slot大概分为以下几种： 基础slot组件(匿名插槽) 匿名插槽
阅读全文
摘要：需求背景 由于现有的后台管理系统，上传的视频越来越大，加上上传视频较慢，后端小哥提出直接从前端上传视频或者其他文件到阿里云OSS存储。 阿里云OSS 阿里云OSS文档介绍，这里不做过多赘述 安装 原本在最开始的时候，是使用node版本的SDK，最开始使用的[nodejs版本] 代码如下 async
阅读全文
摘要：javascript的基本数据类型以及引用数据类型，基本数据类型在开发中经常会用到，包括作为变量使用，判断数据类型来处理一些业务等 基本（简单数据类型） undefined,Null,Boolean,Number,String 复杂的数据类型Object undefined undefined 类型
阅读全文
摘要：前言 JavaScript是一门单线程的弱类型语言，但是我们在开发中，经常会遇到一些需要异步或者等待的处理操作。 类似ajax，亦或者ES6中新增的promise操作用于处理一些回调函数等。 概念 在JavaScript代码执行过程中，可以分为同步队列和异步队列。 同步任务类似我们常说的立即执行函数
阅读全文
摘要：前言 在ES6新增的数组方法中，包含了多个遍历方法，其中包含了用于筛选的filter和reduce filter 主要用于筛选数组的filter方法，在使用中，不会改变原数组，同时会将符合筛选条件的元素，放入新的数组进行返回。 /*** * @item 数组元素 * @index 遍历数组下标 *
阅读全文
浙公网安备 33010602011771号