前端-黎姿

https://www.cnblogs.com/ruimintan/p/14229532.htmlhttps://www.cnblogs.com/tcz1018/p/14073558.htmlhttps://blog.csdn.net/qq_34543252/article/details/105411422

https://www.cnblogs.com/jdWu-d/p/12036528.html

以前都是打包后丢给别人，到新公司需要前端自己部署，第一次部署记录下下载finalshell用于连接服务器配置finalshellcd 到下图文件路径3. 将要部署的dist（最新项目build之后的文件）压缩文件上传进去替代先前最好先删除之前的dist包该指令为强制删除文件指令4. 解压dist包注意：在服务器上的文件是tar.gz文件，我window上解压的文件是rar文件，故下载了7-zip将dist文件夹解压成tar再解压成tar.gz文件...

以前一看到这些js深层原理的文章觉得很难理解，现在看的文章多了，慢慢发现也没有很难。所以遇到困难不要怕，迎难而上，有些文章会讲解的比较通俗易懂，慢慢就懂了~~~加油！！JavaScript 是单线程的,，可是浏览器又能很好的处理异步请求，那么到底是为什么呢？浏览器执行线程在解释事件循环之前首先先解释一下浏览器的执行线程：浏览器是多进程的，浏览器每一个 tab 标签都代表一个独立的进程，其中浏览器渲染进程（浏览器内核）属于浏览器多进程中的一种，主要负责页面渲染，脚本执行，事件处理等其包含的线程有：G

js类型在js中，js的类型分为两个大类，分别是基本数据类型和引用数据类型。我们暂时先抛开ES6不说，先只说在ES5中的类型。在ES5中有5中简单数据类型（也就是上面说的基本数据类型）：Undefined、Null、Boolean、Number和String。还有1种复杂的数据类型————Object，Object本质上是由一组无序的名值对组成的。其中可以算在object中的还有Array和Function。在内存当中，基本数据类型存放在栈中，引用数据类型存放在堆中。说到这里就要说一下内存空间了，一般来

面试问到移动端，适配是必问的了，今天在此总结一下移动端适配解决方案一、 viewport（scale=1/dpr）<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1; minimum-scale=1; user-scalable=no;">各个属性的含义：device-width等于理想视口的宽度，设置width=device-width就相当于让布局视口等于理想视口

一、构成浏览器作为一个客户端，也是使用最广的一款软件，主要使用c++代码编写，他的主要构成：1. 用户界面：包括地址栏、后退/前进按钮、书签目录、刷新按钮等。也就是除了显示请求内容的主窗口之外的部分。2. 浏览器引擎：用来查询和操作渲染引擎的接口。3. 渲染引擎(呈现引擎)：用来处理资源内容，并显示处理结果，也就是我们所说的内核。4. 网络：完成网络调用。**5. UI后端 : **底层使用操作系统的用户接口，具有不特定平台的通用接口。6. js解析器 :解释执行js脚本。**7

面试被问到说一下缓存策略，说不出什么东西惭愧，特此学习记录所谓的http缓存，就是浏览器自己给你的一个功能，一个缓存数据库，夹在服务端和客户端中间，你只需要设置一些参数即可实现 缓存/不缓存/时效内缓存/时效外缓存等（默认存在缓存）上两张形象的图片：第一次请求：非第一次请求：以上面这两张图为基础，可以简单的讲讲http缓存，应付面试绝对够了：首先你得了解输入url到看见页面，发生了什么（这个也是面试经常问的！！网上的解答也不太一样，其实这个能用自己的话说出来就可以）1、首先，在浏览器地址

改变this指向的方法有什么？有什么区别call:第一个参数：this指向,如果要传参，后面依次是参数,cal 的特点就会直接调用函数apply:参数 1 是一样的 需要改变this指向的地方,参数 2 数组,特点 第二个参数是一个数组,它自己会把数组摊开,按照下标作为实参传给对应函数的形参bind:bind 只改变this指向 需要手动调用 ! ! !创建对象方法new 操作符 + Object 创建对象字面式创建对象;如var person ={name: “lisi”,a..

什么是Typescript？Typescript是强类型的Javascript超集，支持ES6语法，支持面向对象编程的概念，如类、接口、继承、泛型等。Typescript并不直接在浏览器上运行，需要编译器编译成纯Javascript来运行。说说Typescripy和Javascript的区别？3. 说说Typescript的优缺点？优点：1：快速简单，易于学习。2：编译时提供错误检查， 在代码运行前就会进行错误提示。3：支持所有的JS库。4：支持ES6，提供了ES6所有优点和更高的.

【框架对比】React和Vue的diff算法

面试多次被问到vue和react的对比，今天就总结一下一、监听数据变化的实现原理不同Vue通过 getter/setter以及一些函数的劫持，能精确知道数据变化。React默认是通过比较引用的方式（diff）进行的，如果不优化可能导致大量不必要的VDOM的重新渲染。为什么React不精确监听数据变化呢？这是因为Vue和React设计理念上的区别，Vue使用的是可变数据，而React更强调数据的不可变，两者没有好坏之分，Vue更加简单，而React构建大型应用的时候更加鲁棒。二、数据流的不同Reac

昨天面试被问到，要改变一个树形结构里面对象的所有key，不知道数据长度怎么做答案：递归自己调用自己，然后使用object.keys方法改变key例子：数据的结构var data = [{ id: 1, name: '家电', goods: [{ id: 11, gname: '冰箱', goods: [{

react状态管理库：mobx

简单的讲，Higher-Order Components就是一个函数，传给它一个组件，它返回一个新的组件。官网的定义：组件（HOC）是 React 中用于复用组件逻辑的一种高级技巧。HOC 自身不是 React API 的一部分，它是一种基于 React 的组合特性而形成的设计模式。具体而言，高阶组件是参数为组件，返回值为新组件的函数。const EnhancedComponent = higherOrderComponent(WrappedComponent);我们可以通过高阶组件来实现一个

一、vue和react的vnode区别virtual DOM不一样,vue会跟踪每一个组件的依赖关系, 不需要重新渲染整个组件树.​​而对于React而言,每当应用的状态被改变时,全部组件都会重新渲染,所以react中会需要shouldComponentUpdate这个生命周期函数方法来进行控制。两者对于dom的更新策略不太一样， react采用自顶向下的全量diff，vue是局部订阅的模式。二、两者diff算法区别1.Vue进行diff时，调用patch打补丁函数，一边比较一边给真实的DOM打补

定义纯函数是这样一种函数，即相同的输入，永远会得到相同的输出，而且没有任何可观察的副作用。所以我们可以看出纯函数的定义：相同输入必定能得出相同输出。函数执行过程中没有任何副作用。辨认纯函数/** * 下面例子是个正例(Positive ), * 我们可以看出slice函数输入相同的情况下输出必定相同， * 而且并不会对array造成影响（内部元素并不会变化）并且也不会对其他环境造成可预见的影响， * 所以我们可以说slice是纯函数 **/let array = [0,1,2,3,4

一、节流定义：被高频触发的事件，在n秒内一定会且只会执行一次应用例如（在服务器不行的时候）搜索框的关键词提示搜索在一定时间内只提示一次// 节流实现function throttle(func){ // 设置专属的函数执行状态管理 let isRunning = false; return function(){ // 如果已经有计时器在执行了就不执行事件处理 if(isRunning) return; // 在设置计时器之前

一、jquery选择器性能优化建议总是从#id选择器来继承这是jQuery选择器的一条黄金法则。jQuery选择一个元素最快的方法就是用ID来选择了。$( ‘#content’ ).hide();或者从ID选择器继承来选择多个元素:$( ‘#content p’ ).hide();在class前面使用tagjQuery中第二快的选择器就是tag选择器（如$(‘head’)），因为它和直接来自于原生的Javascript方法getElementByTagName()。所以最好总是用ta

为什么会有Hooks？介绍Hooks之前，首先要给大家说一下React的组件创建方式，一种是类组件，一种是纯函数组件，并且React团队希望，组件不要变成复杂的容器，最好只是数据流的管道。开发者根据需要，组合管道即可。也就是说组件的最佳写法应该是函数，而不是类。。但是我们知道，在以往开发中类组件和纯函数组件的区别是很大的，纯函数组件有着类组件不具备的多种特点，简单列举几条纯函数组件没有状态纯函数组件没有生命周期纯函数组件没有this只能是纯函数这就注定，我们所推崇的函数组件，只能做UI展示的功