随笔分类 - 前端基础知识合集
记录一些自己需要注意的前端小知识
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1：首先谈谈websocket是什么？ WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSocket通信协议于2011年被IETF定为标准RFC 6455，并由RFC7936补充规范。WebSocket API也被W
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一、Git 1. git 和 svn 的区别 git 和 svn 最大的区别在于 git 是分布式的，而 svn 是集中式的。因此我们不能再离线的情况下使用 svn。如果服务器出现问题，就没有办法使用 svn 来提交代码。 svn 中的分
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一、什么是WebSocket WebSocket 是一种在单个TCP连接上进行全双工通信的协议。WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。 在 WebSocket API 中，浏览器
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1. 代码输出结果 function Person(name) { this.name = name } var p2 = new Person('king'); console.log(p2.__proto__) //Person.pr
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1. 代码输出结果 (function(){ var x = y = 1; })(); var z; console.log(y); // 1 console.log(z); // undefined console.log(x); //
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 大家可能经常会听到 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,
阅读全文
浙公网安备 33010602011771号