06 2021 档案
摘要：继承的7种方式 原型链继承构造函数继承组合继承原型式继承寄生式继承寄生组合式继承Es6 class extends 继承 原型链继承: 将父亲的实例作为孩子的原型. 优点: 父亲的方法可以被子类复用 缺点: 父类的所有属性都会被子类进行共享, 更改了一个子类的属性, 其他的子类的属性也一起变了. 子
阅读全文
摘要：一、Map Map可以用来存储键值对，在一定程度上扩展了Object的内容。 1. Map的基本API 创建新的Map实例 // 创建一个空映射 let map = new Map() // 传入一个包含键值对组的可迭代对象, // 传入的可迭代对象会按顺序插入到新的map实例里 let arr =
阅读全文
摘要：1. eval函数有什么用？ 调用eval函数，可以将其参数作为JavaScript程序进行解释。换句话说，eval可以把它的参数当做代码 来执行。 例子 function f(x) { eval('var y=x'); console.log('y:', y); } f('hello');//y:
阅读全文
摘要：1. 回顾进程和线程的定义 进程（Process）是计算机中的程序关于某数据集合上的一次运行活动，是系统进行资源分配和调度的基本单位。 线程（Thread）是操作系统能够进行运算调度的最小单位。它被包含在进程之中，是进程中的实际运作单位。 2. Node.js的单线程 Node特点主线程是单线程的
阅读全文
摘要：前言 在 JavaScript 中，我们可以有多种方式定义函数，如：函数声明、函数表达式和箭头函数 // 函数声明 function normalFn() { return 'normalFn'; } // 函数表达式 const normalFn = function() { return 'no
阅读全文
摘要：引入一个现实生活中的案例 我们作为用户需要去如何评估一个房子的好坏、如何办理住房手续等一些列繁琐的事物吗？显然，用户肯定不愿意这样做。用户最关心的是结果，用户对房子提出需求以及提供对等价值的金钱就可以获得满意的房子，这就是结果。 那么谁为用户去解决一系列繁琐的买房过程呢？当然就是“房屋中介”了！房屋
阅读全文
摘要：ES6允许按照一定模式从数组或对象中提取值，然后对变量进行赋值，称为解构。只要等号两边的模式相同，左边的变量就会被赋予对应的值，这种写法属于“模式匹配”。统称起来就叫做“解构赋值”。 let [a, b, c] = [1, 2, 3] 同时定义多个变量，a匹配1、b匹配2、c匹配3 解构赋值允许指定
阅读全文
摘要：1.call的实现 第一个参数为null或者undefined时，this指向全局对象window，值为原始值的指向该原始值的自动包装对象，如 String、Number、Boolean 为了避免函数名与上下文(context)的属性发生冲突，使用Symbol类型作为唯一值 将函数作为传入的上下文(
阅读全文
摘要：1.什么是伪数组 JavaScript中存在有一种类数组，或者说伪数组。经常见到的伪数组有函数的arguments对象、dom.querySelectorAll等获取的NodeList类（NodeList本身具有forEach方法）等。 伪数组并不是数组，它没有继承Array.prototype,但
阅读全文
摘要：什么是 GPU.js 首先，官网地址:https://gpu.rocks/ 简而言之，GPU.js 是一个 JavaScript 加速库，可用于使用 JavaScript 在 GPU 上进行通用计算。它支持浏览器、Node.js 和 TypeScript。 除了性能提升外，我推荐使用 GPU.js
阅读全文
摘要：前言 分享两个监测元素是否在视口内的方法 1. 位置计算 使用 Element.getBoundingClientRect() 方法返回元素相对于视口的位置 const isElementVisible = (el) => { const rect = el.getBoundingClientRec
阅读全文
摘要：1 通过style属性中的 display : none { 这种是最常用方式之一 } display : none 这两种方式的区别是: display 设置为 none之后, 该元素不占用文档流 visibility 设置为 hidden之后, 该元素仍然占用文档流, 只不过是看不见了而已 2
阅读全文
摘要：一、不BB，直接解密 就是这么一行css： font-variant-east-asian: traditional; 表示当前文字使用繁体变体。 再加粗显示一下： font-variant-east-asian: traditional; 例如： body { font-variant-east-
阅读全文
摘要：故障1：交换机刚加电时网络无法通信 【故障现象】 交换机刚刚开启的时候无法连接至其他网络，需要等待一段时间才可以。另外，需要使用一段时间之后，访问其他计算机的速度才快，如果有一段时间不使用网络，再访问的时候速度又会慢下来。 【故障分析】 由于这台交换机是一台可网管交换机，为了避免网络中存在拓扑环，从
阅读全文
摘要：当我们给img标签加上固定的宽和高时，img标签中的图片会默认被拉伸变形，如图： <body> <img src="./demo.jpg" alt=""> <style> img{ width: 300px; height: 150px; } </style> </body> 图1-给img元素加上
阅读全文
摘要：一、css实现轮播图 原文网址：https://www.jianshu.com/p/550c11f3b731 实现逻辑： 1）将所有的轮播图片放在一个容器里面，并排排列； 2）编写css动画事件：每隔一定时间向左偏移一定距离，距离为一个轮播图宽度；到最后一个轮播图后切换到第一个图片，实现无限循环 优
阅读全文
摘要：文本溢出我们经常用到的应该就是text-overflow:ellipsis了，相信大家也很熟悉，但是对于多行文本的溢出处理确接触的不是很多，最近在公司群里面有同事问到，并且自己也遇到过这个问题，所以专门研究过这个问题。 首先我们回顾一下以前实现单行缩略是可以通过下面的代码实现的（部分浏览器需要设置宽
阅读全文
摘要：静态web与动态web 在静态WEB程序中，客户端使用WEB浏览器（IE、FireFox等）经过网络(Network)连接到服务器上，使用HTTP协议发起一个请求（Request），告诉服务器我现在需要得到哪个页面，所有的请求交给WEB服务器，之后WEB服务器根据用户的需要，从文件系统（存放了所有静
阅读全文
摘要：隐藏滚动条的同时还需要支持滚动，我们经常在前端开发中遇到这种情况，最容易想到的是加一个iscroll插件，但其实现在css也可以实现这个功能，我已经在很多地方使用了，下面一起看看这三种方法。 方法1：计算滚动条宽度并隐藏起来 在本站的侧栏，你可以看到前端日报的那块内容并没有滚动条，但鼠标移上去却可以
阅读全文
摘要：DocumentFragment 是什么 ？ DocumentFragment，文档片段接口，一个没有父对象的最小文档对象。它被作为一个轻量版的 Document 使用，就像标准的 document 一样，存储由节点（nodes）组成的文档结构。与 document 相比，最大的区别是 Docume
阅读全文
摘要：1.使用相对单位 通常我们在项目开发中，使用px作为尺寸的单位，而不是使用相对单位，如：rem、em等。在万物互联的时代，最好的方式是相对单位rem、vh、vw等现代 CSS 布局（如 flexbox 和 grid）方式，最大限度的支持各种终端设备。 绝对单位 px ：是一个绝对单位，主要是因为它是
阅读全文
摘要：minxin 让组件复用灵活化 vue 提供了 minxin 这种在组件内插入组件属性的方法，个人建议这货能少用就少用，但是有个场景则非常建议使用 minxin：当某段代码重复出现在多个组件中，并且这个重复的代码块很大的时候，将其作为一个 minxin 常常能给后期的维护带来很大的方便。 这是项目中
阅读全文
摘要：背景 复杂的网站都会有大量的css代码，通常也会有许多重复的值。 举个例子，同样一个颜色值可能在成千上百个地方被使用到，如果这个值发生了变化，需要全局搜索并且一个一个替换，效率不高且容易出错。 自定义属性在某个地方存储一个值，然后在其他许多地方引用它。另一个好处是语义化的标识。比如，--main-t
阅读全文
摘要：最近在开发小程序遇到这样一个问题， 在用户点击授权后去解密手机号时会出现第一次失败，第二次成功的情况。研究了一段时间，终于找到比较合理的解决方案，在此记录并总结一下，希望可以帮助到大家。 需求描述 在用户点击获取电话按钮后， 将用户在微信内设置的电话解密显示在联系电话输入框内 具体代码 <view
阅读全文
