作者：vienwu 随便写点啥，不然要被k。。 javascript 的出错我们应该都很熟悉，例如xxx undefined,SyntaxError等。 我们 team 将出现错误的 javascri
``` javascript的出错我们应该都很熟悉，例如`xxx undefined`,`SyntaxError`等。 我们team将出现错误的javascript代码取名为badjs，也有一个
function define(){ ... } var a = define; define = function(){ try{ a.apply(this,arguments); }catch(e){ ...错误上报 } };
前几天随便写了一个hexo小插件，这几天刚好考完期末考试，趁着实习前没啥事，于是又拿来看看，想想有什么可以改进改进的。为了发散思路，我就把hexo.io的插件列表里的插件基本上从头到尾看了一遍。这个不看不知道，看完之后我发现其实里面的内容质量也是参差不齐的，好一点的呢，开发、测试、集成、样例、徽章都十分齐备，文档简明扼要，一看就是专业玩家；差一点的呢，基本都没有集成，没有测试，没有徽章，文档简陋或者啰嗦，有的issue满天也没人处理，有的build failure也不解决，更有的连repository都404了。。。看上去hexo的社区似乎在走下坡路了，毕竟博客这种东西，本来能坚持下来的人就不多，用户流失日益严重，而且hexo本身学习门槛也比较高，况且像这种项目还没有金主爸爸养，坚持维护也挺不容易的。 额。。。先不议论别人，还是先想办法提高提高自己项目的逼格吧。。。
整理了16款css按钮，经过全部测试，没发现有影响使用的bug，其中也可能存在部分bug，但是应该问题不大。
现如今大家越来越认识到质量前移的重要性。如果一开始就写出优质的、经过测试的代码，那么后面的测试阶段将会减少很多不必要的时间。如果开发人员迫于业务压力，一味追求项目开发进度，往往会容易形成大量的“烂代码”。一般的烂代码体现在逻辑混乱、复杂度高、易读性差、没有单元测试和缺乏必要的注释。如果把这样的“烂代码”编译交付测试团队，那么测试人员势必会发现很多低级缺陷，甚至连冒烟测试都无法通过，这样势必会浪费很多时间，延误测试进度。所以，回到开始，为何不一开始就是写出优质代码呢？
前端代码审查清单是一个保证前端代码质量的审查清单。当我们在开发写代码的时候，总会各种各样的问题，自测的时候由于太熟悉自己的代码逻辑往往测试不够充分，无法发现问题。
在开发编辑器中，vscode占有的比重越来越高，相比笨重的webstorm和功能不怎么全的subline，优势太明显。所以我们需要掌握vscode里开发项目一些小技巧。今天来了解下vue在vscode里的设置。
Taro 是由京东 - 凹凸实验室打造的一套遵循 React 语法规范的多端统一开发框架。、一套代码，通过 Taro 的编译工具，将源代码分别编译出可以在不同端（微信小程序、H5、App 端等）运行的代码。同时 Taro 还提供开箱即用的语法检测和自动补全等功能，有效地提升了开发体验和开发效率。
React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的JS框架 React 在原生移动应用平台的衍生产物，支持iOS和安卓两大平台。RN使用Javascript语言，类似于HTML的JSX，以及CSS来开发移动应用，因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。
今年年终翻倍了，可能在大家眼里都不是个事，但是对于我来说确确实实翻倍了。主要原因还是因为主导项目使用了Sonar，提高了开发效率和代码质量为我加了不少分，废话不多说，开搞。
最流行的JS库和框架 主要看绿色柱和橙色柱即可，绿色 相当于 知名度，橙色 相当于 使用程度。 使用最多的库和框架： jquery,underscore,lodash,angular1,react 他
配置过代码格式化的同学一定纠结过如下问题：Eslint和Prettier都能格式化代码风格，是单用Eslint，还是两个一起用呢？
对于多人参与的中大型前端项目，代码质量与代码风格的重要性不言而喻，对于开发者而言，当你重构或者接手别人工作时，都期望是一目了然的舒爽，而不是令人头晕眼花的"shi shan"。对于团队而言，良好的代码质量可以减少产品的缺陷，一致的代码风格能够提升团队开发效率。
好的代码一定是整洁的，并且能够帮助阅读的人快速理解和定位。好的代码可以加快应用的开发迭代速度，不必花过多的时间来修复 bug 和完善代码。好的代码不但能够使得新的项目成员更容易加入项目，同时方便项目组成员快速做好 Back up。好的代码便于促进团队间交流合作提升开发效率。
本文作者在学习了Google Code Review 指南的基础上；总结了长期做CodeReview的好处：提声代码质量、提前发现问题、经验和知识的传递；CodeReview的关注点：功能性、复杂性、代码风格、文档&注释、代码亮点；还指出了CodeReview应该及时；以及注意的礼节，reviewer写得好的地方也应该点赞；
Flutter 是当下移动端领域非常热门的跨端框架，各个大厂都在积极探索这项技术，并在主营业务上实现落地。
进入现在这家公司我的第一个任务就是对HDBS进行代码质量优化。HDBS可能大家不是很了解，现在给大家简单介绍下：HDBS是HadoopBaseService的简称，Hadoop有了解过大数据的朋友相信并不陌生，BaseService自然也就是基础服务的意思；所以HDBS这个服务主要是基础服务的配置，同时Hadoop则表示数据量的大。以下是我暂时了解的应用架构图方便各位理解，毕竟才来这个公司一个星期可能画的不是很完整不过总体就是这么回事：
像其他框架一样，Vue 的生态也有很多一系列的工具，通过工具，可以快速帮我们构建项目、发布项目、部署打包等，方便我们调试，避免不必要的Bug等。本篇文章我将重点介绍下构建工具和调试用的浏览器插件，这两款工具都有相关的官方工具，因此推荐大家进行使用。
作为一个组件库，也是一个比较大的项目，在开发组件库的过程中一定会出现多人协作的过程，所以我们需要在很多方面对其进行限制，否则就可能出现不同人员不同的开发习惯与编码风格造成项目的混乱，或者不同的编辑器配置都会造成影响，包括在git提交的过程中也会造成随意提交信息的一系列问题，所以，基于此，我们在本章节内容中。将对这些方面进行限制，并告诉大家这些不同的插件的作用以及如何使用。
ESLint于2013年6月份推出，至今4个年头，最新版本v4.8.0。它是目前主流的用于Javascript和JSX代码规范检查的利器，很多大公司比如Airbnb和Google均有一套自己的Java
昨日本该更新文章，是围绕前后端模块的（因为前两天是按计划写linux以及网络模块）。但昨日实在没想出要写什么文章， 心态处在一个尴尬的境地，简单的知识点觉得没必要搬运，但是深入的东西不是花个一天半天就能写的出来，况且现在也有不少朋友关注我，写文章得认真对待，左思右想干脆就没写了。
搜索jenkins,进入官网，5分钟以内相信你能找到适合你操作系统的安装步骤。此处为省事，列出centos步骤(注意安装稳定版)
今天和一个资深的前端开发前辈聊了聊，我说作为一个非专业的前端爱好者，该怎么快速学习前端的知识。这位前辈这样说，“你应该庆幸你是因为爱好才学习前端知识，而不是为了谋生而学习。还有从开始就不要把自己作为一个业余的开发者去学习，只要是你爱好的就应该成为学习动力，努力之后一定可以成为专业的开发者。”这番话对我感触挺大的，有爱好并为之努力，一定可以收获更多。
项目构建时 lint 规则可以继承优秀团队基于最佳实践设定的编码规范，如 airbnb, 这样避免重复造轮子造成人力的资源浪费和规则覆盖的缺陷，继承社区知名代码规范后团队内部再进行细节调整
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <meta name="keyw
本文翻译自国外论坛 medium，原文地址：https://medium.com/@xjpp22/top-10-plugins-for-intellij-idea-you-dont-want-to-miss-38a723e26140
看完 《前端规范之Git工作流规范（Husky + Commitlint + Lint-staged） https://www.cnblogs.com/Yellow-ice/p/15349873.html》，再次修改本文
Sonar是一个用于代码质量管理的开源平台，用于管理源代码的质量 通过插件形式，可以支持包括java、C#、C/C++、PL/SQL、Cobol、JavaScrip、Groovy等等二十几种编程语言的代码质量管理与检测
静态代码分析或源代码分析是指使用静态代码分析工具对软件的“静态”(不运行的) 代码进行分析的一种方法，找出代码中潜在的漏洞。静态代码分析器检查源代码，找出特定的漏洞，并检查代码是否符合各种编码标准。
大家好，我是山月，这是我最近新开的专栏：「前端部署系列」。包括 Docker、CICD 等内容，大纲图示如下：
现如今大家越来越认识到质量前移的重要性。如果一开始就写出优质的、经过测试的代码，那么后面的测试阶段将会减少很多不必要的时间。如果开发人员迫于业务压力，一味追求项目开发进度，往往会容易形成大量的“烂代码”。 一般的烂代码体现在逻辑混乱、复杂度高、易读性差、没有单元测试和缺乏必要的注释。如果把这样的“烂代码”编译交付测试团队，那么测试人员势必会发现很多低级缺陷，甚至连冒烟测试都无法通过，这样势必会浪费很多时间，延误测试进度。 所以，回到开始，为何不一开始就是写出优质代码呢？
首先我们可以这些技能分成阶段，那个阶段应该具备哪些知识。 基础入门 就是可以写一些基本的样式，并能对页面的元素进行操作。举例来说，就是我们用Spring和JSP写了一个博客，然后我们可以用jQuery
在完整APP的迁移之后，终于可以好好写这些内容了。第一篇就是对之前的《前端技能图谱》进行一些细致的解释。当然这些是个人的经验，所以可存在一些区别，不过总的来说还是差不多的。 入门 在我理解下的基础知识，就是我们可以写一些基本的样式，并能对页面的元素进行操作。举例来说，就是我们用Spring和JSP写了一个博客，然后我们可以用jQuery来对页面进行一些简单的操作，并可以调用一些API。因此，我们需要基本的HTML / CSS知识。只是要写好CSS并不是一件简单的事，这需要很多实战经验。随后，我们还需要有Ja
其实对于CodeReview的由来，简单的说就像工厂流水线一样，为了保证产品的质量，一定会有一个最终环节的质检员来进行质检。那么CodeReview就像是代码工程的质检员，通过CodeReview来保证代码质量以及代码的稳定运行，这就可以理解为CodeReview的由来。
小程序开发，必然会用到JS编程，如果在发布时，JS代码未经过混淆加密处理，是不安全、不专业的。 当使用安全诊断工具进行检测，会检出高危风险。如下几图所示：
Sonar是一个用于代码质量管理的开放平台，通过插件机制，Sonar可以集成不同的测试工具、代码分析工具以及持续集成工具。与持续集成工具（如Hudson/Jenkins等）不同，Sonar并不是简单地把不同代码检查结果（例如：FindBugs、PMD等）直接显示在web UI界面上，而是通过不同的插件对这些结果再加工处理，通过量化的方式度量代码质量的变化，从而可以方便地对不同规模和种类的工程进行代码质量管理。
针对上面的问题，本文的主角 圈复杂度 重磅登场，本文将从圈复杂度原理出发，介绍圈复杂度的计算方法、如何降低代码的圈复杂度，如何获取圈复杂度，以及圈复杂度在公司项目的实践应用。
SonarQube(sonar)是一个开源平台，用于管理源代码的质量。SonarQube不只是一个质量数据报告工具，更是代码质量管理平台。支持java, C#, C/C++, PL/SQL, Cobol, JavaScrip, Groovy 等等二十几种编程语言的代码质量管理与检测。SonarQube可以从以下七个维度检测代码质量，而作为开发人员至少需要处理前5种代码质量问题。
在DevOps理念中，CI/CD毫无疑问是最重要的一环，而代码质量检查则是CI中必不可少的一步。在敏捷开发的思想下，代码的迭代周期变短，交付速度提升，这个时候代码的质量就很难保证。
最近负责公司一部分项目的代码仓库管理及 code review 等，用到了 SonarQube 这一代码质量检查工具，通过集成 GitLab CI，能够实现在每次合并请求/提交时自动执行代码质量检查并输出检测报告。
要使用Java进行代码质量评估和重构，需要采取一系列的步骤和工具来分析代码，并根据分析结果进行必要的修改和改进。下面将介绍如何使用Java进行代码质量评估和重构，包括代码静态分析工具、代码规范检查、重构技术等。
SonarQube是一个开源的代码质量管理平台，用于对代码进行静态代码分析、代码质量评估、检测代码漏洞和代码重复等。它提供了一个集中的仪表板，可以帮助开发人员和团队实时监测和跟踪代码质量，以及改进代码的可读性、可维护性和可靠性。 SonarQube支持多种编程语言，包括Java、C/C++、C#、JavaScript、Python等，可以分析和检测这些语言的代码，并提供详细的报告和指导建议。它使用了静态代码分析来检测代码中的常见问题，如代码重复、代码复杂度、安全漏洞、潜在的错误和坏味道等。 SonarQube的工作原理是通过插件和规则来对代码进行分析和评估。它提供了一系列的规则集，可以根据项目的需要进行配置和扩展。开发人员可以通过将SonarQube与版本控制系统集成，实现持续集成和自动化分析，以便在代码提交前及时发现和解决问题。 SonarQube还提供了一些高级功能，如代码覆盖率、复杂度热点、技术债务、代码质量门禁等。它还支持与Jenkins、GitLab等工具的集成，方便在开发流程中进行代码质量监控和管理。 总之，SonarQube是一个功能强大的代码质量管理平台，可以帮助开发人员提高代码质量，减少技术债务，并提供可靠的代码评估和建议。
本文目录： 一、为什么要做代码质量分析 二、常见的代码质量分析工具 三、DevOps平台中的代码质量分析 四、DevOps平台中如何为代码质量提供保障 一、为什么要做代码质量分析 在软件开发过程中，当
SonarQube（以前叫Sonar）是一个用于代码质量管理的开源平台，用于管理源代码的质量，可以从七个维度检测代码质量通过插件形式，可以支持包括java,C#,C/C++,PL/SQL,Cobol,JavaScrip,Groovy等等二十几种编程语言的代码质量管理与检测。
通过插件形式，可以支持包括 java, C#, C/C++, PL/SQL, Cobol, JavaScrip, Groovy 等等二十几种编程语言的代码质量管理与检测。
本篇文章主要聊一下在团队开发过程中，如何做到代码质量的管控与提升。首先需要有一套规范，定义什么是好的代码，再通过一些工具，帮助我们在实践规范的过程中，更好地遵循规范。
Yeoman是Google的团队和外部贡献者团队合作开发的，他的目标是通过Grunt（一个用于开发任务自动化的命令行工具）和Bower（一个HTML、CSS、Javascript和图片等前端资源的包管理器）的包装为开发者创建一个易用的工作流。
今天推荐三个插件，它们都是代码质量检测的神器。可以扫描检测出你项目中不符合规范的代码，他们分别是 SonarLint、SonarQube、Alibaba 代码规约插件。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
