随笔分类 - 前端基础知识合集
记录一些自己需要注意的前端小知识
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 大家可能经常会听到 css 动画比 js动画性能更好这样的论断，或者是“硬件加速”，“层提升” 这样的字眼；要了解这些内容就需要对浏览器的渲染流程有个大致的了解，本文就是我个人对这些内容的一个总结梳理 需要注意的是： 本文仅个人学习总结梳
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 先从面向对象讲起，本瓜认为：面向对象编程，它的最大能力就是：复用！ 咱常说，面向对象三大特点，封装、继承、多态。 这三个特点，以“继承”为核心。封装成类，是为了继承，继承之后再各自发展（重写），可理解为多态。所以，根本目的是为了继承，即“
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 原型和原型链 1. 原型 每个JS对象一定对应一个原型对象，并从原型对象继承属性和方法 1.1 __proto__ 对象的__proto__属性值就是对象的原型对象 此属性是过时的语法，现在建议使用Object.getPrototypeo
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 引子 对于初学者学习原型链，还是有很大的困难。一方面是函数与对象分不太清楚；另一方面，不懂原型链的继承等。本人曾今也深受困惑，并且把疑惑的地方都记录下来，为大家做出解释。明明CSDN搜索关于原型链的文章一大堆，为啥我还要写？个人觉得，写下
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 var length = 10; function fn () { return this.length + 1; } var obj = { length: 5, test1: function () { return fn(); }
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 JS是一门单线程语言，单线程就意味着，所有的任务需要排队，前一个任务结束，才会执行下一个任务。这样所导致的问题是：如果JS执行的时间过长，这样就会造成页面的渲染不连贯，导致页面渲染加载阻塞的觉。为了解决这个问题，JS中出现了同步和异
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1. 防抖节流 这也是一个经典题目了，首先要知道什么是防抖，什么是节流。 防抖： 在一段时间内，事件只会最后触发一次。 节流： 事件，按照一段时间的间隔来进行触发。 实在不懂的话，可以去这个大佬的Demo地址玩玩防抖节流DEMO // 防
阅读全文
摘要：这里给大家分享我在网上总结出来的一些JavaScript 知识，希望对大家有所帮助 一、日期处理 1. 检查日期是否有效 该方法用于检测给出的日期是否有效： const isDateValid = (...val) => !Number.isNaN(new Date(...val).valueOf(
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一、面向对象 一般使用字面量的形式直接创建对象，但是这种创建方式对于创建大量相似对象的时候，会产生大量的重复代码。但 js和一般的面向对象的语言不同，在 ES6 之前它没有类的概念。但是可以使用函数来进行模拟，从而产生出可复用的对象创建方
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1. 异步编程的实现方式？ JavaScript中的异步机制可以分为以下几种： 回调函数 的方式，使用回调函数的方式有一个缺点是，多个回调函数嵌套的时候会造成回调函数地狱，上下两层的回调函数间的代码耦合度太高，不利于代码的可维护。 Pro
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1. 对闭包的理解 闭包是指有权访问另一个函数作用域中变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，创建的函数可以访问到当前函数的局部变量。 闭包有两个常用的用途； 闭包的第一个用途是使我们在函数外部能够访问到函数内部
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1. 对原型、原型链的理解 在JavaScript中是使用构造函数来新建一个对象的，每一个构造函数的内部都有一个 prototype 属性，它的属性值是一个对象，这个对象包含了可以由该构造函数的所有实例共享的属性和方法。当使用构造函数新建
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1. let、const、var的区别 （1）块级作用域：块作用域由 { }包括，let和const具有块级作用域，var不存在块级作用域。块级作用域解决了ES5中的两个问题： 内层变量可能覆盖外层变量 用来计数的循环变量泄露为全局变量
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1. JavaScript有哪些数据类型，它们的区别？ JavaScript共有八种数据类型，分别是 Undefined、Null、Boolean、Number、String、Object、Symbol、BigInt。 其中 Symbol
阅读全文
摘要：这篇文章分享一下我收集到的有关数据扁平化的一些见解和案例，希望对大家有所帮助 什么是扁平化 数组的扁平化，就是将一个嵌套多层的数组 array (嵌套可以是任何层数)转换为只有一层的数组。 举个例子，假设有个名为 flatten 的函数可以做到数组扁平化，效果就会如下： var arr = [1,
阅读全文
摘要：前言 最近遇到了个功能，要把表单转化成图片来保存，这让我想到了一个插件HTML2CANVAS，这里给大家分享下它的用法和我使用的过程 html2canvas 能够实现在用户浏览器端直接对整个或部分页面进行截屏。这个html2canvas脚本将当页面渲染成一个canvas图片，通过读取DOM并将不同的
阅读全文
摘要：最近因为疫情隔离居家办公，闲着没事也在回忆和整合学过的知识，这里给大家分享几个有关“防抖”和“节流”方法，希望对大家有所帮助 1 前言 在前端开发过程中，会遇到很多实时输入查询、滚动条触发等业务。而这些频发操作的事件，如果每次触发都进行执行的话，会造成性能下降、后台的压力变大，那么此时就需要使用防抖
阅读全文
摘要：这里分享几个我使用到的vue开发小技巧 一、状态共享 使用Vue进行开发时，随着项目的复杂化，组件个数也逐渐增加，此时我们就面临着一个问题——多组件状态共享。当然有人会说使用Vuex来解决啊，但是如果此时我们的项目没有那么大那么复杂，在使用Vuex会导致繁琐冗余 那该怎么办？其实我们还可以通过vue
阅读全文
摘要：这里给大家分享下我搜索到的几个ES6常用数组方法及模拟实现，废话不多说，上代码 Array.from 可以将一个类数组转换成数组 在出现Array.from这个方法之前，我们转换类数组的方法： Array.prototype.slice.call(arguments) 使用Array.form Ar
阅读全文
摘要：网页内容的组成 doctype: 提供浏览器的html版本信息 head : html头部 meta: 元数据信息 charset: 声明当前文档所实用的字符编码 http-equiv: 客户端行为，如渲染模式，缓存等 name[keywords]: 搜索引擎关键字 name[description
阅读全文