共同学习，心怀感激。

原创 前端常用数据结构

其中的 Fiber 节点就是使用的单向链表进行链接的。双向链表基本上和单向是差不太多，注意很多方法其实主要就是多了一个针对 prev 的操作。前端这边用的比较多的就是二叉树，每个节点最多只有两个子节点，二叉树的度 2.在 React 中，就是使用最小堆来管理和调度任务的优先级。所谓数据结构，是在计算机中组织、管理和存储数据的一种方式。通过数组，我们可以非常方便的找到一个节点的所有亲属。针对完全二叉树，有一个应用，就是最大堆和最小堆。的数据，那么树就是一个很好的选择。如果关注的是树的形状，二叉树下面还有。

原创 前端开发中的那些规范

俗话说：无规矩不成方圆。生活如此、软件开发也如此。来聊一聊开发中有哪些地方需要规范。

原创 AI 热门工具

原创 micro-app 官网

micro-app 官网

原创 前端框架设计

框架设计里面到处体现了权衡的艺术。在框架设计之初，我们的最初的构想往往是“既要…又要…”，但是往往现实是非常残酷的， 因此我们需要处处作出权衡。这里只是举了一部分例子，但是从这些例子也可以看出，处处都需要权衡。

原创 Vue 模板编译原理解析

首先我们看一下什么是编译？所谓编译（Compile），指的是将语言 A 翻译成语言 B，语言 A 就被称之为源码（source code），语言 B 就被称之为目标代码（target code），这个事情谁来做？编译器来做。编译器你也不用想得那么神秘，就是一段程序而已。上面的步骤，如果从大的方面去分，那么可以分为和。编译后的结果是什么？编译后的结果就是渲染函数注意这里，整个编译过程并非一蹴而就，而是经历了一个又一个的步骤，一点一点转换而来的。

原创 前端框架变迁史

什么是 MVVM？

原创 什么是 MVVM ？

什么是 MVVM ？MVVM 是一种架构模式，它最初是由微软的两位工程师在 2005 年的时候所提出的。- Model：Model代表的是你的数据- View：视图，直接和用户打交道的- ViewModel：ViewModel 是 View 和 Model 之间的桥梁。View 和

原创 微前端 Micro App

MicroApp。

原创 Mac MySQL 宝典

mac mysql 宝典

原创 你不知道的JavaScript（中卷）第一部分 类型和语法 第 2 章 值

你不知道的JavaScript（中卷）第一部分 类型和语法 第 2 章 值 数组（array）、字符串（string）和数字（number）是一个程序最基本的组成部分，但在 JavaScript 中，它们可谓让人喜忧掺半。

原创 你不知道的JavaScript（中卷）第一部分 类型和语法 第1 章 类型

换句话说，如果语言引擎和开发人员对 42 （数字）和"42"（字符串）采取不同的处理方式，那就说明它们是不同的类型，一个是 number，一个是 string。正确的返回结果应该是"null"，但这个 bug 由来已久，在 JavaScript 中已经存在了将近二十年，也许永远也不会修复，因为这牵涉到太多的 Web 系统， “修复”它会产生更多的 bug，令许多系统无法正常工作。全面掌握 JavaScript 的类型之后，我们旨在改变对强制类型转换的成见，看到它的好处并且意识到它的缺点被过分夸大了。

原创 启动MongoDB 服务

启动MongoDB 服务

转载 轻松搞定 reduxjs/toolkit

轻松搞定 reduxjs/toolkit

转载 使用Expo 创建项目

使用Expo创建项目

原创 npm清除缓存

npm cache clean -f

原创 常用的 DOM 优化

随着用户体验的日益重视，前端性能对用户体验的影响备受关注，但由于引起性能问题的原因相对复杂，我们很难从某一方面或某几个方面来全面解决它，接下来用一系列文章来深层次探讨与梳理有关 Javascript 性能的方方面面，以填补并夯实大家的知识结构。接下来我们来聊一聊关于 DOM 操作相关的性能优化。前端工程师，一直说的的一句话：操作 DOM 的成本很高，不要轻易去操作 DOM。尤其是 React、vue 等 MV*框架的出现，数据驱动视图的模式越发深入人心，jQuery 时代提供的强大便利地操作 DOM

原创 详解 box-shadow

​今天我们来探究一下“阴影”。在学习美术的时候，接触素描，去画一个杯子，或者画一个球体，这个时候往往出现，老师画的很逼真，立体感、层次感很强。经过老师的讲解，我们知道想让我们所画的物体，具有立体感，通常有：高光，暗面，灰面，投影（阴影），这几部分组成。说完了 图形中的阴影后，来想想如何在我们的页面中绘画出阴影。这就涉及到我们今天要说的内容 CSS3 中的 box-shadow。探究 box-shadow在说 box-shadow 之前，大家先来看看几张图片，具体细致的感受一下 box-shado

原创 【前端面试题】01—42道常见的HTML5面试题(附答案)

HTML5为我们提供了更多的语义化标签、更丰富的元素属性，以及更让人欣喜的功能。但在面试中，HTML5部分的面试题主要考察应试者对HTML5API的掌握情况，这是HTML5的重点，也正是这些API推动了前端的发展。这些新技术早已应用在很多大型项目中。有些人认为HTML5只是新增了一些语义化HTML标签，或者HTML5只是对HTML做了拓展，我们只须了解HTML相关知识的观点是不正确的。今天我们将跟大家分享42道HTML5的相关面试题。1、HTML5有哪些新特性？移除了哪些元素？HTML5

原创 【前端面试题】02—59道CSS面试题(附答案)

CSS部分的面试题主要考察应试者对CSS基础概念模型的理解，例如文档流、盒模型、浮动、定位、选择器权重、样式继承等。很多应试者认为CSS很简单，没多少内容，面试就是面试 JavaScript部分的内容，这些观点是错误的，面试的第一关往往会考察应试者对CSS的掌握情况。因此，CSS也常常是应试者掉入的第一个陷阱。1、CSS有哪些基本选择器？它们的权重是如何表示的？CSS基本选择器有类选择器、属性选择器和ID选择器。CSS选择器的权重预示着CSS选择器样式渲染的先后顺序，元素样式渲染时，权重高的

原创 【前端面试题】01—42道常见的HTML5面试题(附答案)

​HTML5为我们提供了更多的语义化标签、更丰富的元素属性，以及更让人欣喜的功能。但在面试中，HTML5部分的面试题主要考察应试者对HTML5API的掌握情况，这是HTML5的重点，也正是这些API推动了前端的发展。这些新技术早已应用在很多大型项目中。有些人认为HTML5只是新增了一些语义化HTML标签，或者HTML5只是对HTML做了拓展，我们只须了解HTML相关知识的观点是不正确的。今天我们将跟大家分享42道HTML5的相关面试题。1、HTML5有哪些新特性？移除了哪些元素？HTML

原创 JavaScript的事件循环\运行机制\eventloop

JavaScript执行机制，重点有两点：1.JavaScript是一门单线程语言。2.Event Loop(事件循环)是JavaScript的执行机制。既然说js是单线程，那就是在执行代码的时候是从上往下执行的，先来看一段代码：setTimeout(function(){ console.log('定时器开始')});​new Promise(function(resolve){ console.log('Promise开始'); resolve();}).the

原创 js的this的原理以及用法

​js的this指向是工作中最常碰到的，同时也是笔试 or 面试中会被问到的问题，故在本文整理了js的this指向，以供参考。此篇以面试题开题，而后再讲JavaScript的this指向，最后以面试题结束。面试题varlength=10;functionfn(){console.log(this.length);}varobj={length:5,method:function(fn){fn();...

原创 JavaScript 为何 0.1 加 0.2 不等于 0.3 ???

带着问题去学习首先来个计算题众所周知，但凡有个幼儿园毕业都可以正常的计算以下问题。1+1=2 1+2=3 0.1+0.1 =0.20.1+0.2 =0.3可是，当我在用浏览器 一 一 验证以上结果时，把我给惊呆了。出现下图的情况聪明的人，一看就知道哪里出问题了。而我是个严谨的人。我们来一个一个验证一下第一个，一加一等于二，没错没有问题。第二个，一加二等于三，一样没有问题。第三个，零点一加零点一等于零点二，还是没有问题。第四个，零点一加亮点二等于...

原创 使用CSS隐藏HTML元素的几种常用方法

作者：吴志春​CSS隐藏HTML元素是工作中最常碰到的，同时也是笔试 or 面试中会被问到的问题，故在本文整理了四种CSS隐藏HTML元素，以供参考。CSS隐藏HTML元素效果需求：使用两个div标签包裹图片，让图片实现隐藏效果代码如下<divclass="bg"><div>图片之前</div><imgsrc="logo.jpg"alt="天天学前端"title="天天学前端"><div>图片之后...

原创 CSS 多种布局方式

​css布局是工作中最常碰到的，同时也是笔试 or 面试中会被问到的问题，故在本文整理了css多种布局方式，以供参考。此篇较长四千五百字左右，读者可分三部分阅读，水平居中布局，垂直居中布局，水平居中对齐。水平居中布局水平居中布局，指当前元素在父级元素中的水平方向上是居中，如：实现水平居中的方法有很多，我们一个一个来看。1、inline-block + text-align 设置子元素为一个inline-block元素 设置父元素text-align: c...

原创 JavaScript 0.1加0.2不等于0.3的解决方案

点击天天学前端，关注公众号，每次更新不错过。天天学前端在这里我们分享WEB前端的相关技术文章、学习资源、热点资讯、面试难点等内容。期待你的建议和指正。 期待和你在前端的世界中一起学习，获得更多成长！公众号续上篇为何 0.1 加 0.2 不等于 0.3 ??? 我们知道了为何0.1+0.2≠0.3，发现了问题，那么这次我们来解决问题。分析问题在解决问题之前，我们先来弄清楚问题的根源。问题的根源，整数是因为数据太大；小数是因为小数在转换成二进制时出现了无效循环的情况，由于..

原创 javascript解决小数的加减乘除精度丢失的方案

作者：吴志春续上篇 JavaScript的数字存储 我们知道了为何0.1+0.2≠0.3，发现了问题，那么这次我们来解决问题。分析问题在解决问题之前，我们先来弄清楚问题的根源。出现的问题的根源，整数是因为数据太大；小数是因为小数在转换成二进制时出现了无效循环的情况，由于存储位数限制因此存在“舍去”，精度丢失就发生了，。详细请看上一篇文章 JavaScript的数字存储。解决方案对于整数，前端出现问题的几率可能比较低，毕竟很少有业务需要需要用到超大整数，只要运算结果不超过 Math.pow

原创 HTML基础_3_HTML元素周期表

作者： 吴志春“此篇为HTML基础第三篇，通过以上的基础1和2，现在我们来认识整个HTML元素。此篇文章重点在于教大家需要查找文档。”HTML元素周期表html元素周期表包含了HTML所有的元素，见下图HTML元素周期表。元素周期表的获取后两个地方中文 ： 中文HTML元素周期表链接英文: 英文HTML元素周期表链接点进去链接即可看到HTML元素周期表。这些就是就是HTML的所有元素，对于初学者，尽量每一个都去了解一下。接下来，教大家如何使用文档，并查看每个元素的具体信息。

原创 HTML 基础_2_演示常用的HTML标签

“续上篇HTML 基础_此文章为零基础的学生打造，此篇为HTML基础第二篇，在学习之前，先演示一遍，有条件的记得动手。”HTML演示实例HTML标题HTML 标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。演示（在编辑器上写入以下代码）<html><body> <h1>标题1</h1> <h2>标题2</h2> <h3>标题3</h

原创 HTML 基础_此文章为零基础的学生打造

HTML 基础_此文章为零基础的学生打造​"此文章为零基础的学生打造，先概念，后实操，分别为念经模式和撸代码模式。"概念（念经模式）什么是 HTML？HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (Hyper Text Markup Language)HTML 不是一种编程语言，而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页想进一步了解HTML是什么，请在微信公众号天天学前端

转载 request to https://registry.cnpmjs.org/vue failed, reason: Hostname/IP does not match certificate‘s

request to https://registry.cnpmjs.org/vue failed, reason: Hostname/IP does not match certificate‘s

原创 js 二叉树的深度优先搜索和广度优先搜索

js 二叉树的深度优先搜索和广度优先搜索二叉树定义//定义二叉树function Node(value) { this.value = value; this.left = null; this.right = null;}var a = new Node("a")var b = new Node("b")var c = new Node("c")var d = new Node("d")var e = new Node("e")var f = new Nod

原创 还原二叉树，已知前序遍历，和中序遍历，后序遍历，还原二叉树

还原二叉树，已知前序遍历，和中序遍历，后序遍历，还原二叉树

原创 js 二叉树实现前序遍历、中序吧遍历、后序遍历

js 二叉树，前序遍历、中序吧遍历、后序遍历

原创 js链表算法

js链表// 链表function Node(value) { this.value = value; this.next = null}var node1 = new Node(1)var node2 = new Node(2)var node3 = new Node(3)var node4 = new Node(4)var node5 = new Node(5)node1.next = node2node2.next = node3node3.next

原创 解决vs Code打开新的文件会覆盖窗口中的原文件

vscode单击文件默认覆盖，这个是“预览模式”，所以再单击其他文件时，会覆盖当前打开的文件。当你双击你想要打开的文件就会字啊新窗口打开新文件方法一方法二你也可以在setting中修改除掉预览模式预览模式是现在各类编辑器的默认功能，如果你实在不喜欢，可以关掉的，看下面：给你配置settings.json里加一条："workbench.editor.enablePreview": false,...

原创 软件工程复习题

软件工程复习题一、选择题（1）二、选择题（2）三、选择题（3）四、填空题五、判断题1、 考试周来了，听说广理的师弟师妹们没有复习题。现在给你们送上19年的复习题。或许可以帮助到你们。考试加油ヾ(◍°∇°◍)ﾉﾞ2、预习建议，对应每道题找到课本对应的位置，加深自己的复习印象3、文章整理比较急，有错的地方麻烦留言或私信一、选择题（1）1。软件需求分析阶段的工作,可以分为4个方面:需求获取,需求分析,编写需求规格说明书以及(B)A).用户B).需求审评 C).总结 D).都不正确2。在原型

原创 查看电脑连接WiFi的密码

查看电脑连接WiFi的密码第一步win＋ R输入cmd第二步netsh wlan show profiles WiFi名称 key=clear关键内容为密码WiFi名称为你所连接WiFi名称

原创 订阅者模式

订阅者模式订阅者模式订阅者模式export class Channel { listeners = {} /** * 添加一个订阅者模式 * @param {*} prop 属性名 * @param {*} func 订阅函数 */ take(prop, func) { if(this.listeners[prop]) { this.listeners[prop].push(func); //添