<td id="K2AY6"></td>

        1. <track id="K2AY6"></track>
          公告:由于博客https升级,原博客引用http链接失效,预览及部分图片效果请查看源代码!

          js数组并集,交集,差集的计算方式汇总

          前言

          今天主要总结一些js数组操作并集,交集,差集的一些方式。发现这些方式在工作用经常遇到,方法有很多种。今天主要总结一下我在工作用通常使用的方式,及一些简单的实现。其实我前面很多文章中都提及了我在工作中用的一些方式。例如:我前面文章讲includes方法,时候就提到了计算交集及差集。还有之前文章去重的方式,其实去重就是取并集的一种方式嘛!

          一、new Set 方式实现

          这种方式实现起来比较简单,原理就是参考new Set可以去重的功能 ,关于去重可以点击 http://www.949wjm.cn/post/qd_ghfx 第17条。

          new Set取并集

          我封装了一个函数,可以取传入所有数组的并集,函数如下:

          vscode中Tasks及Emmet的应用

          前言

          接上一篇,今天再来介绍2个vscode的使用技巧,一个是tasks,相当于脚本命令,一个是Emmet,emmet其实前面在我介绍sublime的时候写过。这篇文章是基于vscode,写下如何配置自定义代码片段。

          vscode的Tasks 的应用

          为什么要用tasks?

          当我们需要运行命令的时候,需要调出命令行工具,然后再执行某个命令操作。但是有了tasks之后,我们可以直接在编辑器中运行。

          vscode 能自动检测出 npm scripts,并把这些命令当成 task。接下来,我们可以通过 task 来执行某个 npm 脚本了。具体可以看:https://code.visualstudio.com/docs/editor/tasks#_task-autodetection

          关于npm scripts,请看:https://docs.npmjs.com/misc/scripts

          vscode保存代码,自动按照eslint规范格式化代码设置

          前言

          编辑器代码风格一致,是前端代码规范的一部分。同一个项目,或者同一个小组,保持代码风格一致很必要。就拿vue项目来说,之前做的几个项目,很多小伙伴代码格式化用的是vue-beautify ,这个格式化工具有个明显的缺点,就是三元不等式明明可以一行显示,非得格式化成3行,import用{}引入多个变量或者函数,非得格式化成好几行,看起来很是别扭。因此,好的格式化工具和团队代码风格一致,显得格外重要。我建议我们整个小组运用同一个编辑器,同一种代码校验,同一个格式化方式。下面我来介绍一下使用vscode+eslint 自动保存,自动格式化的一种方式!

          eslint 自动格式化

          先说一个前提吧,你在package.json中安装了eslint的依赖,不然配置无用。

          例如如下依赖:

          "eslint": "^4.19.1",
          "eslint-friendly-formatter": "^4.0.1",
          "eslint-loader": "^2.0.0",
          "eslint-plugin-html": "^4.0.3",

          上面说的是一个前提,下面来说一下具体的配置步骤:

          首先,在我们项目跟目录添加.eslintrc.js 文件,用于校验代码,编写eslint相关规则,关于eslint的一些具体规则,请查看eslint文档

          下面列一下我们项目中常用的eslint规则:

          前端开发中js代码异常处理及监控

          前言

          其实,我在前端工作中,对错误异常处理做的比较少,因为我们知道,JavaScript 有基本的异常处理能力,前端开发过程中,很多错误js会直接抛出,但是这仅仅是表象的,有时候会因为环境不同,例如线下是好的,线上有问题,或者API等原因,造成js报错。针对这些报错,我们要及时捕获,才能不影响线上体验,减少损失!

          异常捕获的方式

          常见的js异常捕获一般有2中方式:

          1、try..catch

          2、 window.onerror

          try..catch

          2018年中高级前端面试题目小结

          前言

          关于前端面试,及面试题目,我之前有很多文章总结过,可以在右侧搜索面试,进行查找。其实面试中可以问的问题很多,最近几年,我也面试过很多工作2-4年的前端,我一般会抓住他们做的项目,进行更详细的追问。所以,初中级前端面试的时候,除了掌握基础知识之外,项目中用到的技术要理清楚,假如你项目中用到的技术,问的时候却一问三不知,那么,基本上就会pass掉了。针对比较资深或者高级的前端面试,可能和初中级面试会有些不一样,当然,针对资深的前端,可能聊得东西更深,更广一些!这篇文章简单聊聊针对中高级前端我们要聊的话题。

          一、前端工程化

          关于前端工程化,是一个很大的命题,你在知乎上搜索前端工程化,会有一些文章,这些文章可以帮助你理解前端工程化。

          说一下我理解的前端工程化吧,前端工程化不单单包括前端的模块化、组件化、自动化,还包括前端性能优化,前端目录规划,前端规范化,自动化测试,发布等等一系列知识。这里我就不一 一介绍了,感兴趣的也可以去读读张云龙的文章:

          最后免费>公开! 香港六合挂什么 香港彩霸王五点来料
          摇钱树论坛 一码三中三图片
          开奖时间为星期日