2401_85124837的博客

面试官一半开头都会叫我们先自我介绍，记得刚开始第一次面试时，我只介绍说，我是某某大学，大三学生，想应聘前端实习生，学前端一两年了，然后没了。项目在介绍后就给现场改了下这些错，我的项目还是太糙了，做一个项目一定要奔着能拿出来用的想法去，多方面都要考虑到位。后来我就反思了下，面试官不了解你，他需要通过你的自我介绍来了解你，一个完整的自我介绍是对面试官的基本尊重。这个之后，不出意料，面试官就会问你，你是什么专业的，你觉得你前端哪方面学的最好这样的。然后还有一点，就是我项目的首页的侧边栏的标签，上下挨的太近了。

这样的设计意图，主要还是职责分离，action 单元用于描述 发生了什么；由于没有确切有效的机制防止错误，在使用Vuex的过程中，需要非常非常警惕；等状态单元的映射，即如何在组件中获取state。在 action 中手误修改了 state ，而没有友好的跟踪机制（这一点在getter中特别严重）造成“直接提交mutation即可”的假象，破坏了Flux的信号机制。这里的数据流是指从 Vuex 的 state 到 Vue 组件的。机制有非常密切的关系(见下文)，个人认为这是极其不严谨的。

而实例对象上有一个 _ proto _ 属性，该属性也指向原型对象，并且该属性不是标准属性，不可以用在编程中，该属性用于浏览器内部使用（原型是函数对象的属性，不是所有对象的属性，对象经过构造函数new出来，那么这个new出来的对象的构造函数有一个属性叫原型。箭头函数，this 指向定义时候的对象，fn5在window作用域下，所以this指向window;this 的指向在函数创建的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁。// 函数默认添加的原型。// 如果是值类型，返回obj。

在默认情况下， Babel 会在每个输出文件中内嵌这些依赖的辅助函数代码，如果多个源代码文件都依赖这些辅助函数，那么这些辅助函数的代码将会出现很多次，造成代码冗余。寻找第三方，默认是在当前项目目录下的node_modules里面去找，如果没有找到，就会去上一级目录…借助mini-css-extract-plugin:本插件会将 CSS 提取到单独的文件中，为每个包含 CSS 的 JS 文件创建一个 CSS 文件，并且支持 CSS 和 SourceMaps 的按需加载。文件要来的大，所以图片压缩较为重要。

)打印出来的效果是这样的：这就很有意思了，意味着我们可以把某个对象 A 上所有属性都挂载到对象 B 上，这样我们不必对 A 进行任何监听，即不会污染 A。get() {})如果将上面的代码结合，那会出现什么效果呢？没错，我们的 React 变得更加reactive了。get() {},})return (将这段代码进一步封装，可以得到一个，也就是我们今天要说的。get() {},})return (当然，这段代码还存在很多问题，依赖了对象的结构、不支持更深层的。

因此，你可以在上监听这三个事件，当compositionstart和compositionupdate这两个个事件触发的时候，设置一个boolean值，然后续的input事件不要这么快去做一个逻辑，再compositionend触发时再改变这个boolean值，去操作一些事情了。3.compositionend，输入框的拼音变成中文的时候触发，或者结束中文输入也会触发(在中文输入的时候，按esc或者失去焦点)这里会把 b 覆盖掉。当用中文输入法的时候，这时即使我们还在拼写的时候，仍然会触发input事件。

【代码】参数冗杂的优化解决办法看这里_前台参数多的优化。

通过上面例子的实现，我们要实现懒加载都需要去监听 scroll 事件，尽管我们可以通过函数节流的方式来阻止高频率的执行函数，但是我们还是需要去计算 scrollTop，offsetHeight 等属性，有没有简单的不需要计算这些属性的方式呢，答案就是 IntersectionObserver。但是这样存在较大的性能问题，因为 scroll 事件会在很短的时间内触发很多次，严重影响页面性能，为了提高网页性能，我们需要一个节流函数来控制函数的多次触发，在一段时间内（如 200ms）只执行一次回调。

accept 规定上传文件的类型，如果多个类型可以使用逗号隔开，例如：accept=“image/png,image/jpg”（这能上传png类型的图片）accept 规定上传文件的类型，如果多个类型可以使用逗号隔开，例如：accept=“image/png,image/jpg”（这能上传png类型的图片）属性规定可描述输入字段预期值的简短的提示信息（ 在输入框里面的提示文字，内容不会被提交），例如一个样本值或是预期格式的简短的描述。属性是一个布尔属性，规定必须在提交表单之前填写输入字段，必填字段。

在以前的方法中，所有行都有不同的名称来标记元素的开始，中点或结束。每条命名的列线都具有相同的名称，以像素为单位表示其宽度，而每条命名的行线则代表网页的特定部分所覆盖的行。每条命名的列线都具有相同的名称，以像素为单位表示其宽度，而每条命名的行线则代表网页的特定部分所覆盖的行。这两个属性都将采用两个值，并用斜杠分隔，其中第一个值将确定元素的起始行，第二个值将确定元素的结束行。从技术上讲，我们要布置的项目涵盖了网页的特定区域。尽管我们不得不编写比平时更多的CSS，但是现在只要看一下CSS，就可以了解元素的位置。

因为UI图上面的导航有自定义的样式，没办法只好使用vant的。

它和其它框架（jquery）的区别是什么？描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程？简要概括一下 HTTP 的特点？HTTP1.1 如何解决 HTTP 的队头阻塞问题？nodejs中的异步、非阻塞I/O是如何实现的？能不能简单实现一下 node 中回调函数的机制？对于定长和不定长的数据，HTTP 是怎么传输的？route 和 router 的区别是什么？Vue 的 nextTick 的原理是什么？能不能说一说 TCP 和 UDP 的区别？描述一下 V8 执行一段JS代码的过程？

这种方法虽然很简洁，但是使用该种方法我们可以看到里面的引用数据类型并没有能成功去重，只能去除基本数据类型//使用filter})//使用reduce}, [])使用该两种方法也和上面的方法一样，不能去掉引用数据类型。我们再来看一下如何去除引用类型的重复值利用对象的方法进行判断对象上是否含有该属性，如果含有则过滤掉，不含有则返回新数组中} else {})这次可以看到成功的将引用数据类型也去掉了。除了以上这几种方法，还有一些循环遍历的方法也是类似的。

用来为盒状模型提供最大的的灵活性**注意: ** 设为flex布局后，子元素的属性都会失效弹性:可以自由伸缩，搜索窗口时可以体现1. 基本概念采用flex布局的元素,简称容器,容器的所有子元素自动成为容器成员，称为项目容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置（与边框的交叉点）叫做 main start ，结束位置叫做 main end；交叉轴的开始位置叫做 cross start ，结束位置叫做cross end。

所谓直接，指的是可以像访问本地内存一样，绕过传统以太网复杂的TCP/IP网络协议栈读写远端内存，而这个过程对端是不感知的，而且这个读写过程的大部分工作是由硬件而不是软件完成的。如果你是一个只会写写Python，调用PyTorch和Horovod的算法萌新，可能对于分布式底层的东西不太了解，在下岗热潮中被主管逼着转变成算子或者通讯库的搬砖工，就会像我一样两眼蒙蔽。IB是最简单的方式，其次是RoCE，当然本文不做赘述，有大篇讲的好的博客，甚至直接看论文和文档也是可以的。这就和RPC远程过程调用有类似之处。

wheel.passive时，滚动滚轮触发事件，滚动条会立即滑动，不用等回调showInfo执行完。向下滚动滚轮触发事件，执行回调showInfo，showInfo执行完后，滚动条才会往下滑动。

button onClick={() => { setCount(count + 1)}}>点我。// 在开发者工具中的这个 Hook 旁边显示标签。// 使用 ref 子组件必须是类组件。点击次数: {state.count}点击次数: { count }点击次数: { count }点击次数: { count }点击次数: { count }次数加一: { add }

其实我们在这里直接写也可以实现，但是写出来的代码会很臃肿，不够简洁，不符合React组件存在的意义，所以我们在这里在引入一个组件render(){)render(){return (})——因为我们这里的数据data，是一个对象，但是map方法是数组的方法，所以我们要使用这个方法来获取到一个数组方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致。

/ 此处的代码不可使用 window.carName。// 此处的代码可使用 window.carName。如果在循环中用 let 声明了变量 i，那么只有在循环内，变量 i 才是可见的。如果在块外声明声明，那么 var 和 let 也很相似。在函数内声明变量时，使用 var 和 let 很相似。（7）通过 var 声明的变量会提升到顶端。您可以在声明变量之前就使用它。（8）通过 const 定义的变量与 let 变量类似，但不能重新赋值。5.为了避免 bug，请始终在每个作用域的开头声明所有变量。

JavaScript的Date对象月份值从0开始，牢记0=1月，1=2月，2=3月，……，11=12月。

1️⃣ 给元素添加事件，称为注册事件或者绑定事件。2️⃣ 注册事件有两种方式：传统方式和方法监听注册方式；// 这个 event 就是事件对象，我们还喜欢的写成 e 或者 evt1️⃣ 官方解释：event 对象代表事件的状态，比如键盘按键的状态、鼠标的位置、鼠标按钮的状态。2️⃣ 简单理解：事件发生后，跟事件相关的一系列信息数据的集合都放到这个对象里面，这个对象就是事件对象 event，它有很多属性和方法。比如：谁绑定了这个事件。鼠标触发事件的话，会得到鼠标的相关信息，如鼠标位置。

if(position > -1 && position < this.length){ //检查越界值。if (position == 0){ //删除第一项，将head指向第一个元素即可；this.head){//插入空的链表中的首位。

项目效果，先睹为快：

{title: ‘时间段’, slot: ‘times’,width: 200,align: ‘center’},{title: ‘时间段’, key: ‘times’,width: 200,align: ‘center’,params.row.planDateTo) { // 不存在时，取消禁用。title: ‘结束时间’,

ES6 引入了 class 类的概念，每一个 class 类只有一个 constructor() 方法，用于创建和初始化对象。如果一个类没有指定 constructor() 方法，则会添加默认的 constructor() 方法。ES6 新增了模板字符串，可以将表达式嵌入字符串中进行拼接，也可以实现多行字符串或者字符串一行行拼接。用 ${} 来界定。我们可以使用 assign（）将多个对象进行合并，也可以使用扩展的方式将对象合并。ES6 中的 Class 表达式使得可以使用表达式来声明一个类或者一个对象。

/ ES6的构造函数（类）eat(){return ‘(’+ this.age + ‘岁的’ + this.name +‘正在吃饭…’+‘)’;let p2 = new Person(‘张三’,3);p1.eat();可以是类在某种意义上就是构造函数的升级版constructor：指向的就是Person类的构造函数（就算你不写，JavaScript引擎也会自动添加一个空的）在Person类里面编写的方法就是相当于在Person类的原型上编写类的内部的所有定义的方法，都是不可枚举的。

一、HTML 中的布局方式标准流 （默认布局）浮动定位。

页面如上图所示，基本功能模块分为两类：与页面有关和与元件有关，页面顾名思义就是我们看到的index就是一个页面，原件可以简单理解为页面中的图形，按钮等。

2021过去了，疫情还是没有结束的意思。生活还在继续，我也踏上了30岁得第一个年头。体重超过了170斤，性格还是那个并没有成熟，十几岁的外甥还是觉得我是个小青年。心理不愿意张大，我被保护的很好，幸福的人成熟的晚吧。人其实挺有意思，渴望永远保持童真，却被嫌弃着不成熟。扯远了，回顾下我的2021吧。2021 回顾让我回顾一下2021，想想都是甜的，2021 除了台湾没有被收复，疫情没有变好之外，收货满满。

链表是物理存储单元上非连续的、非顺序的存储结构，数据元素的逻辑顺序是通过链表的指针地址实现，每个元素包含两个结点，一个是存储元素的数据域 (内存空间)，另一个是指向下一个结点地址的指针域。当某个请求所针对的资源不支持对应的请求方法的时候，服务器应当返回状态码405（Method Not Allowed），当服务器不认识或者不支持对应的请求方法的时候，应当返回状态码501（Not Implemented）。队列与栈一样，也是一种线性表，不同的是，队列可以在一端添加元素，在另一端取出元素，也就是：先进先出。