欢迎来到我的小站

全排列给定一个不含重复数字的数组 nums ，返回其 所有可能的全排列。可按任意顺序 返回答案。 示例： 输入：nums = [1,2,3] 输出：[[1,2,3],[1,3,2],[2,1,3],[2,3,1],[3,1,2],[3,2,1]] 通过使用Lodash的without方法，递归将所有可能的结果连接后push进去 123456789101112131415161718192021function permute(nums: number[]): number[][] {if (nums.length === 1) { return [ nums ]; } let result: number[][] = []; const backtracking = (arr: number[], rest: number[]) => { if (rest.length === 2) { result.push(arr.concat(rest)); result.push(arr.conc ...

缺失的第一个正数 给你一个未排序的整数数组 nums ，请你找出其中没有出现的最小的正整数。请你实现时间复杂度为 O(n) 并且只使用常数级别额外空间的解决方案。 示例 ： 输入：nums = [1,2,0] 输出：3 12345678910111213function firstMissingPositive(nums: number[]): number { nums = [...new Set(nums)].filter(i=>i>0).sort((a,b)=>a-b) let num = 1 for(let i = 0; i<nums.length;i++){ if(nums[i] === num){ num++ }else{ return num } } return num};

npm run dev 的时候 webpack 做了什么事情执行 npm run dev 时候最先执行的 build/dev-server.js 文件，该文件主要完成下面几件事情： 检查 node 和 npm 的版本、引入相关插件和配置 webpack 对源码进行编译打包并返回 compiler 对象 创建 express 服务器 配置开发中间件（webpack-dev-middleware）和热重载中间件（webpack-hot-middleware） 挂载代理服务和中间件 配置静态资源 启动服务器监听特定端口（8080） 自动打开浏览器并打开特定网址（localhost:8080）

单点登录单点登录（Single Sign On），简称为 SSO，是目前比较流行的企业业务整合的解决方案之一SSO 的定义是在多个应用系统中，用户只需要登录一次就可以访问所有相互信任的应用系统SSO 一般都需要一个独立的认证中心（passport），子系统的登录均得通过passport，子系统本身将不参与登录操作当一个系统成功登录以后，passport将会颁发一个令牌给各个子系统，子系统可以拿着令牌会获取各自的受保护资源，为了减少频繁认证，各个子系统在被passport授权以后，会建立一个局部会话，在一定时间内可以无需再次向passport发起认证

Webpack 优化提⾼ webpack 的打包速度 优化 Loader 对于 Loader 来说，影响打包效率首当其冲必属 Babel 了。因为 Babel 会将代码转为字符串生成 AST，然后对 AST 继续进行转变最后再生成新的代码，项目越大，转换代码越多，效率就越低。 HappyPack 受限于 Node 是单线程运行的，所以 Webpack 在打包的过程中也是单线程的，特别是在执行 Loader 的时候，长时间编译的任务很多，这样就会导致等待的情况。 HappyPack 可以将 Loader 的同步执行转换为并行的，这样就能充分利用系统资源来加快打包效率了 DllPlugin DllPlugin 可以将特定的类库提前打包然后引入。这种方式可以极大的减少打包类库的次数，只有当类库更新版本才有需要重新打包，并且也实现了将公共代码抽离成单独文件的优化方案。 代码压缩 在 Webpack3 中，一般使用 UglifyJS 来压缩代码，但是这个是单线程运行的，为了加快效率，可以使用 webpack-parallel-uglify-plugin 来并行运行 UglifyJS，从而提 ...

回流(重排)与重绘什么是回流(重排)，哪些操作会导致回流当渲染树中部分或者全部元素的尺寸、结构或者属性发生变化时，浏览器会重新渲染部分或者全部文档的过程就称为回流。 下面这些操作会导致回流 ： 页面的首次渲染 浏览器的窗口大小发生变化 元素的内容发生变化 元素的尺寸或者位置发生变化 元素的字体大小发生变化 激活 CSS 伪类 查询某些属性或者调用某些方法 添加或者删除可见的 DOM 元素 在触发回流（重排）的时候，由于浏览器渲染页面是基于流式布局的，所以当触发回流时，会导致周围的 DOM 元素重新排列，它的影响范围有两种： 全局范围：从根节点开始，对整个渲染树进行重新布局 局部范围：对渲染树的某部分或者一个渲染对象进行重新布局 什么是重绘，哪些操作会导致重绘当页面中某些元素的样式发生变化，但是不会影响其在文档流中的位置时，浏览器就会对元素进行重新绘制，这个过程就是重绘。下面这些操作会导致重绘： color、background 相关属性：background-color、background-image 等 outline 相关属性：outline-color、outline ...

如何对项目中的图片进行优化？ 不用图片。很多时候会使用到很多修饰类图片，其实这类修饰图片完全可以用 CSS 去代替。 对于移动端来说，屏幕宽度就那么点，完全没有必要去加载原图浪费带宽。一般图片都用 CDN 加载，可以计算出适配屏幕的宽度，然后去请求相应裁剪好的图片。 小图使用 base64 格式 将多个图标文件整合到一张图片中（雪碧图） 选择正确的图片格式： 对于能够显示 WebP 格式的浏览器尽量使用 WebP 格式。因为 WebP 格式具有更好的图像数据压缩算法，能带来更小的图片体积，而且拥有肉眼识别无差异的图像质量，缺点就是兼容性并不好 小图使用 PNG，其实对于大部分图标这类图片，完全可以使用 SVG 代替 照片使用 JPEG

什么是懒加载概念 懒加载也叫做延迟加载、按需加载，指的是在长网页中延迟加载图片数据，是一种较好的网页性能优化的方式。在比较长的网页或应用中，如果图片很多，所有的图片都被加载出来，而用户只能看到可视窗口的那一部分图片数据，这样就浪费了性能。 如果使用图片的懒加载就可以解决以上问题。在滚动屏幕之前，可视化区域之外的图片不会进行加载，在滚动屏幕时才加载。这样使得网页的加载速度更快，减少了服务器的负载。懒加载适用于图片较多，页面列表较长（长列表）的场景中。 特点减少无用资源的加载 ：使用懒加载明显减少了服务器的压力和流量，同时也减小了浏览器的负担。提升用户体验 : 如果同时加载较多图片，可能需要等待的时间较长，这样影响了用户体验，而使用懒加载就能大大的提高用户体验。防止加载过多图片而影响其他资源文件的加载 ：会影响网站应用的正常使用。 原理图片的加载是由src引起的，当对src赋值时，浏览器就会请求图片资源。根据这个原理，我们使用HTML5的data-xxx属性来储存图片的路径，在需要加载图片的时候，将data-xxx中图片的路径赋值给src，这样就实现了图片的按需加载，即懒加载。注意：da ...

什么是CND概念CDN（Content Delivery Network，内容分发网络）是指一种通过互联网互相连接的电脑网络系统，利用最靠近每位用户的服务器，更快、更可靠地将音乐、图片、视频、应用程序及其他文件发送给用户，来提供高性能、可扩展性及低成本的网络内容传递给用户。 作用CDN一般会用来托管Web资源（包括文本、图片和脚本等），可供下载的资源（媒体文件、软件、文档等），应用程序（门户网站等）。使用CDN来加速这些资源的访问。 使用场景使用第三方的CDN服务 ： 如果想要开源一些项目，可以使用第三方的CDN服务使用CDN进行静态资源的缓存 ： 将自己网站的静态资源放在CDN上，比如js、css、图片等。可以将整个项目放在CDN上，完成一键部署。直播传送 ： 直播本质上是使用流媒体进行传送，CDN也是支持流媒体传送的，所以直播完全可以使用CDN来提高访问速度。CDN在处理流媒体的时候与处理普通静态文件有所不同，普通文件如果在边缘节点没有找到的话，就会去上一层接着寻找，但是流媒体本身数据量就非常大，如果使用回源的方式，必然会带来性能问题，所以流媒体一般采用的都是主动推送的方式来进行。 ...

最后单词长度 给你一个字符串 s，由若干单词组成，单词前后用一些空格字符隔开。返回字符串中 最后一个 单词的长度。 单词 是指仅由字母组成、不包含任何空格字符的最大子字符串。 123输入：s = "Hello World"输出：5解释：最后一个单词是“World”，长度为5。 注： 1 <= s.length <= 104 s 仅有英文字母和空格 ‘ ‘ 组成 s 中至少存在一个单词 for循环 123456789function lengthOfLastWord(s: string): number { let c = 0 for (let i = s.length - 1; i >= 0; i--) { if (s[i] !== ' ') c++ if (c !== 0 && s[i] === ' ') break } return c}; filter 123function le ...