Delicia_Lani的博客

webpack性能优化开发环境性能优化；生产环境性能优化；开发环境性能优化：优化打包构建速度-HMR；优化代码调试-source-map；生产环境性能优化：优化打包构建速度：oneOf；babel缓存；多进程打包；externals；dll；优化代码运行的性能：缓存(hash-chunkhash-contenthash)；tree shaking；code split；懒加载/预加载；pwa;...

近期用vue框架开发了一个微信公众号，现在需要实现点击图片，放大查看。以前浏览公众号的时候，点击图片放大查看觉得很普通，近期开发的时候我一度以为是微信自带的，今天才知道，需要调用微信提供的预览图片接口。...

服务端同学返回了这样的数据：scene: "<p>通用</p>↵"需要将scene字段解析出来，将“通用”二字正确地渲染出来。

之所以现在来写这样一篇文章，是因为我很欣慰，有很多小伙伴陆陆续续地关注了我，每次看到点赞，每次看到关注，每次看到私信，都很开心。在这里我想声明一下，我不是大佬，只是用心记录敲代码过程中遇到问题及解决方案的程序猿，所以有小伙伴在跟我交流的时候，直接喊我东东吧，嘿嘿。或许，还有一部分迷茫的小伙伴，不了解前端，或者不知道未来要从事什么职业，今天，我用这篇文章记录下我与前端的故事，希望对正在阅读的你有所帮助。那一年，我还没有毕业，对于未来有些迷茫，不知道将来从事什么职业，包括到现在，说实话，我还没有找到可以

今天在实现一个算法题的时候，用到判断两个数组中的元素是否相等，这里的相等指的是两个数组A，B，判断这两个数组中对应的元素是否相等，即顺序和数值要分别对应相等。具体来自这个题目：https://leetcode-cn.com/problems/leaf-similar-trees/那判断两个数组是否相等有哪些方法呢？第一种方法，挨个遍历，所以我是这样写的：let arr1 = [1,2,3,4,5], arr2 = [3,4,5,6];for (let i = 0; i <= arr

本文将介绍自己在工作中遇到的小问题；每次遇到需要动态扩展的内容，都需要去查找官方文档，现将常用的几个API进行总结，便于后期查找使用。legend：图例 配置项 默认值 其他值 效果图 type：类型 plain：普通图例 scroll：可滚动翻页的图例。默认横向滚动。 设置orient: 'vertical',实现纵向滚动 legend: { type: 'scro

一、typeoftypeof操作符唯一的目的就是检查数据类型 类型 typeof 结果 基本类型 undefined "undefined" Boolean "boolean" Number "number" String "string" BigInt (ECMAScript 2020 新增) "bigint" Symbol "symbol" null...

一、什么是webpack？这张图片并不陌生，同时很好地解释了什么是webpack。webpack官方给出的解释是：webpack是一个用于现代JavaScript应用程序的静态模块打包工具。如何理解呢？静态模块？在入口文件中，比如index.js文件中，引入了sass文件，less文件等，其实这些就是静态模块，每个文件都可以看做是一个模块。打包？将静态模块引入文件之后形成代码块，然后做处理--less编译为css等，这个过程叫做打包。二、为什么需要webpack？（1）上述.

(function (window) { var userAgent = window.navigator.userAgent; var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; var isIE11 = userAgent.indexOf('Trident') > -1 && userAgen.

在项目开发过程中，因为升级包，遇到下述问题：经过排查，主要原因是该插件与tyscript的版本不兼容，不支持上述文件下的语句。htmlparser2被升级到了6.0.1，这时所要求的ts版本是4点多，但是本地是3点多，导致不兼容。因此将该插件的版本进行降级，降级为3.9.1版本。...

近期有个需求，实现节点之间的连线，选用的jsplumb来绘制。我自己在实现过程中，遇到了重绘问题/加载顺序问题/自动刷新过程中保持连线正确等很多问题，查了好多资料后，得以解决，有问题的小伙伴可以一起交流。jsplumb涉及的几个重要网址，可以作为研发过程中的依据：jsplumb官网：https://jsplumbtoolkit.comjsplumb中文（这个中文网站列出的API还是比较完善的）：https://github.com/wangduanduan/jsplumb-chinese..

一.数据类型：（1）基本数据类型：number，string，Boolean，null，undefined，symbol（ES6），BigInt（ES10）；（2）引用数据类型：对象，数组，函数等；引用数据类型的存储：名存于栈，值存于堆；栈内存会提供一个引用的地址指向堆内存中的值。二.用实例来看深浅拷贝：（1）浅拷贝：a =[1, 2, 3, 4] b = a；进行拷贝操作的时候，复制的是a的引用地址，不是堆里面的值；a[0] = 0；对数组a进行修改操作，a，b指向的是同...

什么是生命周期生命周期函数通俗的讲就是组件创建、组件更新、组件销毁的时候会触发的一系列的方法。 当 Angular 使用构造函数新建一个组件或指令后，就会按下面的顺序在特定时刻调用这些 生命周期钩子方法。 每个接口都有唯一的一个钩子方法，它们的名字是由接口名再加上ng前缀构成的，比如OnInit接口的钩子方法叫做ngOnInit.生命周期钩子分类 指令与组件共有的钩子 ngOnChanges ngOnInit ngDoCheck ngOnDestroy 组件特有的钩

不使用运算符 + 和 - ​​​​​​​，计算两整数 ​​​​​​​a 、b ​​​​​​​之和。两个整数a, b; a ^ b是无进位的相加； a&b得到每一位的进位；让无进位相加的结果与进位不断的异或， 直到进位为0；getSum(a, b) { int sum, carry; sum = a ^ b; //异或这里可看做是相加但是不显现进位，比如5 ^ 3 /*0 1 0 1 0 0 1..

一、Nest搭建项目：https://www.cnblogs.com/duanyiwen/p/11828125.html二、

async函数返回一个promise对象；async函数内部的return语句返回的值，会成为then方法回调函数的参数。async function f() { return 'hello'}f().then(v => { console.log(v)})async函数返回的promise对象，必须等到内部所有的await命令后面的promise对象执行完，才会发生状态改变，除非遇到return语句，或者抛出错误。也就是说，只有async函数内部的所有异步操作执行

在全局安装angular的时候，总是安装不成功，全局安装的node，也能查看到其版本，安装angular命令能够正确执行，只是查看其版本总报不是内部或外部命令。经过排查，发现安装的node目录中并没有node_global和node_cache文件夹。采用下述方式，讲问题解决了。使用npm安装模块分为本地安装和全局安装。本地安装：npm install express 会安装到当前项目全局安装：npm install express -g 会安装到指定的目录(node_global)...

1.单页面应用+多页面https://juejin.im/post/6844903512107663368

编写一个函数来查找字符串数组中的最长公共前缀。如果不存在公共前缀，返回空字符串""。示例1:输入: ["flower","flow","flight"]输出: "fl"示例2:输入: ["dog","racecar","car"]输出: ""解释: 输入不存在公共前缀。说明:所有输入只包含小写字母a-z。/** * @param {string[]} strs * @return {string} */var longestCommonPrefix...

近期实现图表，很多字段需要自定义，显示请求回来的数据，下述文章给了我很大启示，介绍也比较全面：https://www.jianshu.com/p/4f459d16e8b4下面是我自己的代码，会发现主要是通过formatter函数来实现，关于formatter函数的介绍我还没有找到，等找到后再来分享：效果图如下：首先是中间蓝色框里的内容自定义，主要自定义series-label，这里自定义的数值30，是从服务端请求回来的一个总值，最初实现的时候，总是拿不到该值，通过formatter函数传

要想理解 Angular 绑定如何工作，重点是搞清 HTML attribute 和 DOM property 之间的区别。attribute 是由 HTML 定义的。property 是由 DOM (Document Object Model) 定义的。 少量 HTML attribute 和 property 之间有着 1:1 的映射，如id。 有些 HTML attribute 没有对应的 property，如colspan。 有些 DOM property 没有对应的

在Angular项目中使用Echarts来实现图表的过程中，从服务端请求回来数据，赋值之后，页面图表却不刷新，数据没问题，原因是

链接: https://pan.baidu.com/s/1ReylAWSIeUEKqUAjdvQ9Wg提取码: rr89近期在做电力负荷预测的项目，看论文中好多人用该数据集，折腾了一番，终于找到了，希望对小伙伴有帮助...

downloadFile(data, type) { this.downloadInfo.tid = data.id; if (data.savedReports.length !== 0) { data.savedReports.map(item => { this.downloadInfo.rid = item.id; }); ...

具体使用过程参考官方文档：https://github.com/mattlewis92/angular-highlight-js使用过程中遇到的问题及解决方式1.安装angular-highlight-js之后，引入了highlight.js，报错，需要再安装highlight.js；2.在最初实践的时候，我在app.module.ts里面引入了相关依赖，当我需要将app.module...

1.ctrl+shift+p，打开sftp：config修改sftp.json文件2.ctrl+shift+p，打开SFTP:download project，输入账号密码即可。可实现在服务器上自动上传修改的代码这是整个上传代码的过程。但是我在上传的过程中，出现断连，就是上传到某个文件的时候，会不停的loading，但是上传不了。这个时候VPN会断连一下，以为是VPN的原因，...

在clone代码的时候，报错如下：并且在报错的时候，VPN自动断线，之后自动连接。原本以为是VPN不稳定的缘故。重启之后，还是不行。经过搜索，发现有人给出了解决方案，我也是在此基础上解决了该问题。解决方式连接：http://www.manongjc.com/detail/14-ccijrthtnqtadxx.html错误原因由于Http协议错误，当 pull 或者 clon...

手写一个方法装饰器：export class AppComponent implements OnInit { ngOnInit() { new Person().pay(100); }}function methodName(target: any, key: string, descriptor: PropertyDescriptor) { const origi...

<a[routerLink]="['/tabChange']"[queryParams]="{code:buttonCode}">点击获取代码</a>在跳转后页面的代码中：import{ActivatedRoute}from'@angular/router';constructor(publicroute:ActivatedRoute){...

1.添加form表单的时候，报错Can't bind to 'formGroup' since it isn't a known property of 'form'.解决方式连接：https://blog.csdn.net/cnwyt/article/details/848589452.angular-cli修改端口号，ng serve --host localhost --port ...

自己在创建angular项目的时候，使用ng-zorro UI组件库，遇到安装之后，不生效的问题，是没有正确引入，其实官方文档也提到了。官网地址：https://ng.ant.design/docs/getting-started/zh1. 安装脚手架工具#使用@angular/cli前，务必确认Node.js已经升级到 v12.1 或以上，强烈建议升级至最新版本的@ang...

创建全局变量的ts文件，我在app目录下创建了global.ts文件，代码如下：// 无内网的环境export const basePath = 'https://www.easy-mock.com/mock/**********';在使用的文件中引入，并拿到全局定义的全局变量，代码如下：import * as globals from '../global';baseU...

1.什么是Pipe?就是管道，简单来说，管道的作用就是传输。并且不同的管道具有不同的作用。(其实就是处理数据)2.pipe用法{{ 输入数据 | 管道 : 管道参数}} (其中‘|’是管道操作符)3.Angular自带的pipe函数管道 功能 DatePipe 日期管道，格式化日期 JsonPipe 将输入数据对象经过JSO...

官网地址：https://angular.cn/guide/forms-overview目录一、表单简介建立表单模型在响应式表单中建立在模板驱动表单中建立表单中的数据流响应式表单中的数据流模板驱动表单中的数据流表单验证实践一、表单简介1.Angular提供了两种不同的方法来通过表单处理用户输入：响应式表单和模板驱动表单。两者都从视图中捕获用户输入事件...

异步与“回调地狱”我们都知道 JavaScript 是个多范式语言，它既支持过程式编程，又支持函数式编程，两者分别适用于不同的场合。在同步环境下，两者各有优缺点，甚至有时候过程式会更简明一些，但在异步环境下（最典型的场景是一个 Ajax 请求完成后紧接着执行另一个 Ajax 请求），由于无法控制执行和完成的顺序，所以就无法使用传统的过程式写法，函数式就会展现出其优势。问题在于，传统的函数式...

组件来源地址：https://ng.ant.design/components/input-number/zh我在项目中遇到的问题：使用nz-input-number组件，若用户输入非法字符，input框立马变为红色，表示警告。我第一反应就是一旦监听到用户输入了非法字符（除数字之外的），立马给予警告，同时input框就是这样实现的校验，但是在实际操作的过程中就会发现，我们无法实时监听用户的输入...

目录一、通过输入型绑定把数据从父组件传到子组件。二、父组件监听子组件的事件三、通过 setter 截听输入属性值的变化四、通过ngOnChanges()来截听输入属性值的变化五、父组件调用@ViewChild()https://angular.cn/guide/component-interaction官方文档https://blog.csdn.net/u0129678...

在实际开发中，我们有时需要知道对象的所有属性;ES5 引入了Object.keys方法，成员是参数对象自身的（不含继承的）所有可遍历（ enumerable ）属性的键名。传入对象，返回属性名var data={a:1,b:2,c:9,d:4,e:5}; console.log(Object.keys(data));//["a", "b", "c", "d", "e"] ...

基本用法Object.assign方法用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target）。const target = { a: 1 };const source1 = { b: 2 };const source2 = { c: 3 };Object.assign(target, source1, source2);target /...

一、删除远程分支现在在feature1分支上，想删除远程的feature1分支　　1 先切换到别的分支: git checkout develop　　2 删除本地分支： git branch -d feature1　　3如果删除不了可以强制删除，git branch -D feature1　　4 有必要的情况下，删除远程分支：git push origin --delete...

一、ts语法中出现的问号/* TypeScript 当 product没有值的时候，不访问其 price属性， 当 product有值的时候再去访问其 price属性*/product?.price 二、...运算符（1）展开运算符let a = [1,2,3];let b = [0, ...a, 4]; // [0,1,2,3,4] let obj = {...

目录一、@ViewChild二、获取路由参数三、loadChildren四、Angular请求另一服务的API（请求代理）五、angular路由六、Angular之constructor和ngOnInit差异及适用场景七、表单中的数据流1、响应式表单中的数据流2、模板驱动表单中的数据流现在接触的技术栈是Angular，从零开始，点滴积累，努力提升。一、@...

以前在小公司实习，只需要简单提交代码，没有涉及代码分支，请求合并分支等，现在入职到大公司，代码规范要求较高，且多人协作开发，这一必须的技能要会，手忙脚乱之余，终于搞懂了整个流程。第一个疑问：我从gitlab上面拉代码的时候要不要切分支？git clone代码之前，可以直接拉取master分支上的代码，master分支的代码要求时刻处于部署的状态，是完整的。代码拉下来之后，本地代码也...

如何生成SSH keySSH key提供了一种与GitHub通信的方式，通过这种方式，能够在不输入密码的情况下，将GitHub作为自己的remote端服务器，进行版本控制步骤检查SSH keys是否存在 生成新的ssh key 将ssh key添加到GitHub中 gevin-essay-how-to-generate-SSH-key.png 1. 检查SS...

目录一、Vue 代码层面的优化1.1、v-if 和 v-show 区分使用场景1.2、computed 和 watch 区分使用场景1.3、v-for 遍历必须为 item 添加 key，且避免同时使用 v-if1.4、长列表性能优化1.5、事件的销毁1.6、图片资源懒加载1.7、路由懒加载1.8、第三方插件的按需引入1.9、优化无限列表性能1....

vue中混入是是实现类继承的重要方式。混入的规则实例minix.jsexport default { data () { return { name: 'minix', minixName: 'minixObj', flag: false, obj: { ...

在Vue中自定义指令：insertedbind指令的简写形式inserted:inserted主要涉及和行为相关的指令， 来看这个界面：现在我们想自定义一个指令v-focus，使得每次进入页面时，我们的光标都停在search的输入栏。为了实现这个功能，可以定义全局指令，代码如下：Vue.directive('focus',{ inserted:functi...

问题因最近尝试实现客户端与服务端分离，服务端只提供接口，客户端用html+js实现，分成两个独立的项目部署，因项目是个人项目，客户端展示不考虑使用像Angular、Vue、Native这种前端框架实现，于是全部使用静态页面实现，请求数据用ajax，在开发的过程中，就遇到了页面之间传值的问题。解决方法post提交表单跳转的方式肯定不行了，因服务端并不处理这些请求参数，连到达客户端的机会都...

前言2 年前我刚接触 react-router，觉得这玩意儿很神奇，只定义几个 Route 和 Link，就可以控制整个 React 应用的路由。不过那时候只想着怎么用它，也写过 2 篇与之相关的文章#17#73（现在看来，那时候的文章写得实在是太差了）今天，我们来认真研究一番，希望能解决以下 3 个问题。单页面应用路由的实现原理是什么？ react-router 是如何跟 rea...

目录Scoped CSS#混用本地和全局样式#子组件的根元素#深度作用选择器#动态生成的内容#还有一些要留意Scoped CSS当<style>标签有scoped属性时，它的 CSS 只作用于当前组件中的元素。这类似于 Shadow DOM 中的样式封装。它有一些注意事项，但不需要任何 polyfill。它通过使用 PostCSS 来实现以...

1. position: relative;相对定位1> 不影响元素本身特性（无论区块元素还是内联元素会保留其原本特性）2> 不会使元素脱离文档流（元素原本位置会被保留，即改变位置也不会占用新位置）3> 没有定位偏移量时对元素无影响（相对于自身原本位置进行偏移）4>提升层级（用z-index样式的值可以改变一个定位元素的层级关系，从而改变元素的覆盖关系，值越...

目录1、为什么用Nodejs,它有哪些缺点？2、什么是错误优先的回调函数？3、如何避免回调地狱？4、什么是Promise?5、用什么工具保证一致的代码风格？为什么要这样？6、什么是stub？举例说明7、什么是测试金字塔？举例说明8、如何用Node监听80端口9、什么是事件循环10、运算错误与程序员错误的区别11、使用NPM有哪些好处？12、什么是st...

目录谈谈你对webpack的看法webpack的基本功能和工作原理？webpack构建过程webpack打包原理什么是webpack，与gulp,grunt有什么区别什么是entry,output?什么是loader，plugins?什么是bundle,chunk,module?如何自动生成webpack配置？webpack如何配置单页面和多页面的应用...

目录一、优化构建速度1.1 缩小文件的搜索范围1.2 使用DllPlugin减少基础模块编译次数1.3 使用HappyPack开启多进程Loader转换1.4 使用ParallelUglifyPlugin开启多进程压缩JS文件二、优化开发体验2.1 使用自动刷新2.2 开启模块热替换HMR三、优化输出质量-压缩文件体积3.1 区分环境--减小生产环境代码体积...

目录生命周期数据绑定列表渲染显示与隐藏元素事件处理数据双向绑定给事件绑定传参父子组件通信要从以下几个方面对比下react和微信小程序生命周期react 小程序 onLoad: 页面加载时触发。一个页面只会调用一次，可以在onload的参数options中获取打开当前页面路径中的参数。 onReady: 页面初次渲染完成时触发。一个页面只会调用一...

目录一、提高页面加载速度二、用户行为预测三、减少默认data的大小、组件化方案小程序科普类的文章已经很多了，今天这里讲的是针对小程序的优化方法，可以有效提高小程序的响应速度和用户体验。当然，开发体验也提高不少。一、提高页面加载速度在小程序这个环境下，怎样提高页面加载速度呢? 这个问题很大，我把问题具体一下，如何缩短从用户点击某个链接，到打开新页面的这段时间? 这里抛一个...

目录微信小程序的生命周期微信小程序组件的生命周期？简单描述下微信小程序的相关文件类型？app.json 是对当前小程序的全局配置，讲述三个配置各个项的含义？小程序的wxss和css有哪些不一样的地方？小程序有哪些参数传值的方法？微信小程序与H5的区别？小程序获取场景值的方法？小程序onPageScroll方法的使用注意什么？小程序视图渲染结束回调？小程序...

给你两个一摸一样的球，这两个球如果从一定的高度掉到地上有可能就会摔碎，当然，如果在这个高度以下往下扔，怎么都不会碎，当然超过这个高度肯定就一定摔碎了。现在已知这个恰巧摔碎高度范围在一层楼到100层楼之间。如何用最少的试验次数，用这两个玻璃球测试出摔碎的楼高。两个球，一个用来粗调，一个用来精调，具体做法是这样的。首先拿第一个球到10层楼去试，如果没有摔碎，就去20层楼，每次增加10层楼。如果...

一、FlowFlow作为静态类型的检查方式非常有利于大型项目源码的开发和维护；类似的工具还有TypeScript。二、new Vue发生了什么

一、webpack可以做哪些事情？代码转换(ES6-ES5，scss/less-css)、文件优化(压缩代码体积，合并文件等)、代码分割（开发多页面应用的时候，实现公共模块的分离）、模块合并（按照功能将多模块合并为一个模块）、自动刷新（热更新）、代码校验、自动发布二、webpack常见配置1.手动修改webpack.config.js文件名称：webpack --config webp...

这里是javascript中制作滚动代码的常用属性页可见区域宽： document.body.clientWidth;网页可见区域高： document.body.clientHeight;window.innerHeight;网页可见区域宽： document.body.offsetWidth (包括边线的宽);网页可见区域高： document.body.offsetHeig...

1、引言HTTPS（全称： Hypertext Transfer Protocol Secure，超文本传输安全协议），是以安全为目标的HTTP通道，简单讲是HTTP的安全版。本文，就来深入介绍下其原理。补充：限于篇幅，本文对于https的相关技术要点的介绍尽量简明扼要，如想要详细了解HTTPS的方方面面，请阅读《即时通讯安全篇（七）：如果这样来理解HTTPS，一篇就够了》。（本文同步...

对称加密:A与 B 之间之间的通讯数据都用同一套的密钥来进行加密解密。优点 简单快捷，密钥较短，且破译困难。 缺点 如果用户一旦多的话，管理密钥也是一种困难。不方便直接沟通的两个用户之间怎么确定密钥也需要考虑，这其中就会有密钥泄露的风险，以及存在更换密钥的需求。 对称加密通常有 DES,IDEA,3DES 加密算法。非对称加密：用公钥和私钥来加解密的算法。打个比方，A 的公钥加密过的...

目录一、栈1.【栈】判断出栈是否合法2.两个栈实现队列二、链表1.从尾到头打印链表2.反转链表3.单向反转链表三、二叉树递归实现非递归实现中序遍历的前驱后继节点前驱节点后继节点树的深度一、栈1.【栈】判断出栈是否合法var stackA = [1,2,3,4,5]var stackB = [3,1,2,5,4]functio...

1.computed1.1 定义是一个计算属性,类似于过滤器,对绑定到view的数据进行处理1.2 get用法 data: { firstName: 'Foo', lastName: 'Bar' }, computed: { fullName: function () { return this.firstName + ' ' + t...

1.$on 事件的订阅$on(eventName,callback)参数1:事件名称参数2:事件函数判断当前事件名称是否存在，如果不存在则创建一个key值为事件名称value为一个数组 将callback push到数组中consteventList = {};const$on= (eventName,callback)=>{if(!eventL...

function promiseAll(promises){ return new Promise(function(resolve,reject){ if(!Array.isArray(promises)){ return reject(new TypeError("argument must be an array")) } ...

基本知识点行内元素一般是内容的容器，而块级元素一般是其他容器的容器，行内元素适合显示具体内容，而块级元素适合做布局。块级元素(block)：独占一行，对宽高的属性值生效；如果不给宽度，块级元素就默认为浏览器的宽度，即就是100%宽。行内元素(inline)：可以多个标签存在一行，对宽高属性值不生效，完全靠内容撑开宽高。行内块元素(inline-block)：结合的行内和块级的优点，...

1、cookie数据始终在同源的http请求中携带，即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下。2、存储大小限制也不同，cookie数据不能超过4kb，同时因为每次http请求都会携带cookie，所以cookie只适合保...

实际上存在三种模式：　　Hash: 使用URL的hash值来作为路由。支持所有浏览器。　　History: 以来HTML5 History API 和服务器配置。参考官网中HTML5 History模式　　Abstract： 支持所有javascript运行模式。如果发现没有浏览器的API，路由会自动强制进入这个模式。Vue-router 中hash模式和history模式的关系...

如果在数据改变之后立即调用 Vue.nextTick(callback) ，则回调函数 callback 会在 DOM 更新之后立即调用Vue中的nextTick涉及到Vue中DOM的异步更新，感觉很有意思，特意了解了一下。其中关于nextTick的源码涉及到不少知识，很多不太理解，暂且根据自己的一些感悟介绍下nextTick。一、示例先来一个示例了解下关于Vue中的DOM更新以及...

301: 资源永久移动到新的位置，并且这个响应默认情况下会被缓存，只有在第一次的时候，才会去真正的发起第一个请求，后面的都会被缓存起来，直接跳转到 redirect 的请求 302: 临时跳转请求，默认情况下不会缓存。 ...

一、原因：单页面应用的 html 是靠 js 生成，因为首屏需要加载很大的js文件(app.js vendor.js)，所以当网速差的时候会产生一定程度的白屏二、解决办法：（1）优化 webpack 减少模块打包体积，code-split 按需加载（2）服务端渲染，在服务端事先拼装好首页所需的 html（3）首页加 loading 或 骨架屏 （仅仅是优化体验）（4）缓存一...

多页应用每一次页面跳转的时候，后台服务器都会给返回一个新的html文档，这种类型的网站也就是多页网站，也叫做多页应用。多页应用为什么多页应用的首屏时间快？首屏时间叫做页面首个屏幕的内容展现的时间，当我们访问页面的时候，服务器返回一个html，页面就会展示出来，这个过程只经历了一个HTTP请求，所以页面展示的速度非常快。为什么搜索引擎优化效果好（SEO）？搜索引...

1 + "1"加性操作符：如果只有一个操作数是字符串，则将另一个操作数转换为字符串，然后再将两个字符串拼接起来所以值为：“11”2 * "2"乘性操作符：如果有一个操作数不是数值，则在后台调用 Number()将其转换为数值[1, 2] + [2, 1]Javascript中所有对象基本都是先调用valueOf方法，如果不是数值，再调用toString方法。所以两个数组对象的...

const urls = [ "https://www.xx.cn/api?keyword=&level1=&local_batch_id=&elective=&local_province_id=33", "https://www.xx.cn/api?keyword=&level1=&local_batch_id=&elec...

给出两个字符串，找出其中连续的公共的子串的长度。var str1 = 'qweasdf'var str2 = 'asdfsfabc'var count = 0function MaxCommonStr(str1, str2) { for (var i = 0; i < str1.length; i++) { for (var j = str1.length; j &...

https://github.com/Advanced-Frontend/Daily-Interview-Question/issues/112ES6 转 ES5 目前行业标配是用 Babel，转换的大致流程如下：解析：解析代码字符串，生成 AST； 转换：按一定的规则转换、修改 AST； 生成：将修改后的 AST 转换成普通代码。...

引入箭头函数有两个方面的作用：更简短的函数并且不绑定this。箭头函数与普通函数不同之处有：箭头函数没有 this，它会从自己的作用域链的上一层继承 this（因此无法使用 apply / call / bind 进行绑定 this 值）； 不绑定 arguments，当在箭头函数中调用 aruguments 时同样会向作用域链中查询结果； 不绑定 super 和 new.target；...

目录HTTPS握手过程​HTTPS中间人攻击HTTPS握手过程步骤 1： 客户端通过发送 Client Hello 报文开始 SSL 通信。报文中包 含客户端支持的 SSL 的指定版本、加密组件（Cipher Suite）列表（所 使用的加密算法及密钥长度等）。步骤 2： 服务器可进行 SSL 通信时，会以 Server Hello 报文作为应答。和客户端一样，在报文中...

比如 sleep(1000) 意味着等待1000毫秒，可从 Promise、Generator、Async/Await 等角度实现function sleep(time) { return new Promise((resolve, reject) => { setTimeout(() => { resolve(time) }, time) }...

for (var i = 0; i < 10; i++){ setTimeout(() => { console.log(i); }, 1000)}setTimeout是异步执行，10ms后往任务队列里面添加一个任务，只有主线上的全部执行完，才会执行任务队列里的任务，当主线执行完成后，i是10，所以此时再去执行任务队列里的任务时，i全部是10了。...

var arr1 = new Array(100)for (var i = 0; i < arr1.length; i++) { arr1[i] = i}console.log(arr1)var arr2 = Array.from({length: 100}, (v, k) => k)console.log(arr2)var arr3 = Array.from...

Set 成员唯一、无序且不重复 [value, value]，键值与键名是一致的（或者说只有键值，没有键名） 可以遍历，方法有：add、delete、has WeakSet 成员都是对象 成员都是弱引用，可以被垃圾回收机制回收，可以用来保存DOM节点，不容易造成内存泄漏 不能遍历，方法有add、delete、has Map 本质上是键值对的集合，类似集合 可以...

1.Vue相关点：https://blog.csdn.net/qq_29918313/article/details/980392312.vue项目全局loading加载动画：https://blog.csdn.net/qq_29918313/article/details/908988993.vue+echarts实现图表：https://blog.csdn.net/qq_2991831...

一、输入一个递增排序的数组和一个数字S，在数组中查找两个数，使得他们的和正好是S，如果有多对数字的和等于S，输出两个数的乘积最小的。var array = [1,3,5,8,10]var sum = 13function getArray(array, sum) { var result = [] for (var i = 0; i < array.length; i++)...

js中判断一个对象的类型的方法typeof/constructor/instanceof：https://blog.csdn.net/qq_23392341/article/details/69851017判断是否是数组;判断是否是空对象：https://segmentfault.com/a/1190000010143040目录javascript中检测对象的类型的运算符有：typeo...

创建一个新对象。 这个新对象会被执行[[原型]]连接。 将构造函数的作用域赋值给新对象，即this指向这个新对象. 如果函数没有返回其他对象，那么new表达式中的函数调用会自动返回这个新对象。 function new(func) { lat target = {}; target.__proto__ = func.prototype; let res = fun...

1.Array.from:https://www.cnblogs.com/jf-67/p/8440758.html2.this指向问题：https://segmentfault.com/a/1190000011817793?utm_source=tag-newest使用call、apply、bind改变this指向，call、apply的应用，手写call、apply：https://b...

目录一、webp图片格式二、画三角形三、画自适应正方形四、画直线四、渐变五、css实现动画六、省略号实现七、画圆环八、一个div只用css最多可以画几个圆（6个）九、分析比较 opacity: 0、visibility: hidden、display: none 优劣和适用场景BFC：https://blog.csdn.net/qq_32766999/a...

目录一、闭包实现累加二、跳台阶问题三、回文系列：四、js实现阶乘n!（递归形式与for循环形式）五、溢出问题处理六、数组乱序，前后相邻输出不一致七、按照年龄进行分类：八、去重系列九、Eg[1,2,3,4,5] =1*2+2*2+3*2+4*2+5*2=30十、零钱问题十一、二叉树相关十二、链表相关十三、有效的括号十四、两个数组的交集十五、...

站的划分一般为二：前端和后台。我们可以理解成后台是用来实现网站的功能的，比如：实现用户注册，用户能够为文章发表评论等等。而前端呢？其实应该是属于功能的表现。并且影响用户访问体验的绝大部分来自前端页面。 而我们建设网站的目的是什么呢？不就是为了让目标人群来访问吗？所以我们可以理解成前端才是真正和用户接触的。除了后台需要在性能上做优化外，其实前端的页面更需要在性能优化上下功夫，只有这...