关于前端debugger不生效的信息
Web前端工程师要知道的JavaScript变量命名规范
变量名称 必须为 小写字母。类的命名使用骆驼命名规则，例如：Account， EventHandler 常量 必须 在对象（类）或者枚举变量的前部声明。
尽量简短明了： 变量名应该足够简短，同时又能够清晰表达变量的含义。避免使用过长或过于复杂的变量名，以免影响代码的可读性。一致性： 在项目中保持变量命名的一致性，即使用相似的命名约定，可以使代码更易于理解和维护。
每位前端工程师都喜欢易理解、可扩展、易维护的代码，如何写出优秀的JavaScript代码，也是每位前端工程师的功课。如何才能写出优秀的JavaScript代码呢？写代码前一定要搞清楚你要解决的问题是什么，你的方案是否能够解决问题。
由于内容较多小编分开为大家介绍，今天首先来和小编一起看一看第一部分的内容，希望这些面试题能够对正准备找Web前端相关工作的小伙伴们有所帮助。
JavaScript·___ㄒ澹javaScript的简写形式就是JS，是由Netscape公司开发的一种脚本语言，一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能（其编写的程序可以被嵌入到HTML或XML页面中，并直接在浏览器中解释执行）。
JS中，方法中的沟通尽量不要用全局变量；不要在Array之类的全局对象的原型链上添加方法；尽量不要定义全局的方法和变量：如果确实有很多变量，方法放在全局上，可以学习jQuery，将很多变量，方法放在一个全局对象上；自定义事件，事件的名称也要有命名空间。2CSS中，要做到无副作用，难度很大。
Web前端新手应该知道的JavaScript开发技巧有哪些?
JavaScript数组方法通常可以提供令人难以置信的、优雅的方法来执行所需的数据转换。作为StackOverflow的贡献者，我经常看到关于如何以某种方式操纵对象数组的问题，这往往也是数组方法的完美用例。map、filter、reduceJavaScript数组方法map、filter和reduce容易混淆，这些都是转换数组或返回聚合值的有用方法。
不要对未来的忧虑干扰你现在的学习有些JavaScript初学者会问刚开始要学习哪种框架，但是如果你还没能熟练使用原生JavaScript，你就不应该问这种问题。因为你会花很多时间研究各种框架而得不到进步。走出这个陷阱的一个方法是制定一个学习路径图。例如，要成为前端开发，你的路径图可能是下图。
先来看使用数组中常用的一些小技巧。0数组去重ES6提供了几种简洁的数组去重的方法，但该方法并不适合处理非基本类型的数组。对于基本类型的数组去重，可以使用...newSet（）来过滤掉数组中重复的值，创建一个只有唯一值的新数组。
第一阶段：HTML+CSS：HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、JavaScript基础：Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。
JavaScript介绍JavaScript是一门客户端脚本语言，是适应动态网页制作的需要而诞生的一种编程语言。这门语言可用于HTML和web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。
JavaScript·___ㄒ澹javaScript的简写形式就是JS，是由Netscape公司开发的一种脚本语言，一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能（其编写的程序可以被嵌入到HTML或XML页面中，并直接在浏览器中解释执行）。
适合前端开发人员的vscode扩展插件有哪些?
1、Todo Tree（了解更多），按文件结构展示待办事项，支持自定义标签。Sort lines（点击获取），快速排序选中的代码行，自定义快捷键轻松上手。Sort JSON objects（链接在此），让settings.json等JSON文件变得井然有序。
2、Quokka 是一个调试工具插件，能够根据你正在编写的代码提供实时反馈。它易于配置，并能够预览变量的函数和计算值结果。另外，在使用 JSX 或 TypeScript 项目中，它能够开箱即用。 Faker 使用流行的 JavaScript 库 – Faker，能够帮你快速的插入用例数据。
3、Quokka.js Quokka.js 是用于快速 JavaScript / TypeScript 原型设计的开发人员生产力工具。运行时值会在您键入时更新并显示在您的代码旁边。它使 JavaScript / TypeScript 的原型设计、学习和测试速度更快。
4、HTML snippets（Visual Studio Code HTML snippets）这是一款前端开发者必备的扩展，它能将你从手动键入每个标签中解放出来。只需输入 div 然后按下回车，一对标签就出现了。更厉害的是，对于需要嵌套的标签，你可以直接用 ullia 的格式表示，按下回车后就能看到你需要的嵌套。
5、SettingsSync 最好用的插件，没有之一，一台电脑配置好之后，其它的几台电脑都不用配置。新机器登录一下就搞定了。再也不用折腾环境了。使用GitHubGist同步多台计算机上的设置，代码段，主题，文件图标，启动，键绑定，工作区和扩展。DebuggerForChrome 从VSCode调试在GoogleChrome中运行的JavaScript代码。
6、推荐一款图标插件 vscode-icons ，安装成功后，会根据不同的文件类型添加不同的图标样式，看起来会更有趣。
开发调试秘籍--前端Debugger实战
基础篇 首先，你需要具备扎实的CSS和JavaScript基础，以及Vue/React等现代框架的经验。课程内容将详尽解析如何熟练使用调试工具，定位并修复那些令人头疼的bug。学会快速定位问题，提取关键信息，甚至在面对无提示错误时，也能运用二分注释法找到症结所在。
在Chrome开发者工具的Sources标签页中，其中一个断点类型就是XHR断点。点击+图标，你可以输入URL片段，当AJAX请求的URL中出现这个URL片段时，JavaScript代码将会中断。事件监听器断点Chrome开发者工具可以捕获所有类型的事件，当用户按下一个键、点击一下鼠标时，可以对触发的事件进行调试。
岩鼠的强大之处在于其兼容性，覆盖了Android和iOS主流型号，为开发者提供了Chrome或Safari级别的原生调试体验，甚至连U4内核APP的调试难题也能迎刃而解。岩鼠的便捷性体现在其多样的打开方式，背后的技术则依赖于UNIX socket服务的巧妙设置和公开访问。
高效开发秘籍 在HBuilderX中，只需几个快捷键，如alt+9快速插入HTML代码块，Ctrl+回车添加新行，Ctrl+左键实现代码跳转。智能JS解析引擎能智能提示HTML id、tagname和CSS类名，alt+左键点击即可快速定位。 为了提升效率，HBuilderX提供了自动保存功能，防止意外丢失，手动保存则在编写后编译。
Web前端工程师应该知道的JavaScript使用小技巧
尽可能的保持代码简洁可能大家都听到过了N遍这个代码简洁问题了。作为一个开发人员你可能在你的代码开发过程中使用了很多次，但千万不要在js开发中忘记这点。
一旦你理解了JavaScript回调，很快就会发现自己陷入了“回调地狱”中。这个时候可以使用promise，将异步逻辑包装在promise中，成功时resolve或在失败时reject使用“then”来处理成功的情况，使用catch来处理异常。
第一种方法格式如下，不符合我们写代码的习惯，不建议使用varfun=newFunction（形式参数列表，方法体）；第二种方法格式如下：function方法名称（形式参数列表）{方法体}第三种方法格式如下：var方法名称=function（形式参数列表）{方法体}一般我们采用后两种方法进行Function对象的创建。
Anagramsofstring（带有重复项）使用递归。对于给定字符串中的每个字母，为字母创建字谜。使用map（）将字母与每部分字谜组合，然后使用reduce（）将所有字谜组合到一个数组中，最基本情况是字符串长度等于2或1。