1.What —— sentry 是什么它是一个前端错误监控警报系统。对于一个前端应用，即使经过开发自测——>前端团队内部评审——>测试团队测试后，仍然无法完全避免线上出现的错误，比如网络请求错误、前端逻辑异常等。sentry 可以监控前端应用的线上运行，当用户在使用应用的过程中遇到应用报错时（有时页面可能没反应，但报错会在控制台出现），它可以及时将错误信息上报给sentry的服务端程

前言在平时的开发中，我们经常会遇到多种运算符在同一个表达式中出现的情况，尤其是在三元条件判断运算符中。三元条件判断运算符虽然可以让我们避免写过多的if...else条件判断，但多层三元运算符嵌套，其中又包含其他不同优先级的运算符时，对于阅读我们代码的人来说，简直就是噩梦。今天我们就结合一个现实中经常用到的工具函数 isEmpty() 的实现，来讲解一下如何解读复杂的运算符嵌套isEmpty...

1. when: 什么时候需要开发命令行工具工欲善其事，必先利其器。在日常的开发工作中，有一些非常高频而又繁琐的工作，如果总是手动去操作，会导致开发效率非常低，比如项目初始化，如果每次都要手动去建立完整的项目结构，编写配置文件等等，那真的是头都要大了，所以无论是vue、react还是angular，都提供了非常便捷的命令行工具来初始化项目（即脚手架）。但是，有一些高频繁琐的工作，网络上还没有开发出

1.What —— sentry 是什么它是一个前端错误监控警报系统。对于一个前端应用，即使经过开发自测——>前端团队内部评审——>测试团队测试后，仍然无法完全避免线上出现的错误，比如网络请求错误、前端逻辑异常等。sentry 可以监控前端应用的线上运行，当用户在使用应用的过程中遇到应用报错时（有时页面可能没反应，但报错会在控制台出现），它可以及时将错误信息上报给sentry的服务端程

基于Git子模块的微前端项目管理方案1. 媒体项目从单一项目到多项目的转变及问题随着前端媒体业务的急剧扩大，传统的单体应用已经变得难以维护，由此，这几年我们一直在探索对大型复杂项目的拆分工作。一开始拆分出去的是策划中心，老的媒体项目主体是AngularJS编写的，而拆分出去的策划中心模块则采用 VueJS 编写，限于框架之间的巨大差异，难以优雅地集成在一起，就使用了 Iframe 嵌入式方案。后来

Yapi安装部署教程1.1 环境准备nodejs > 7mongodb >2.61.2 安装命令行工具1.2.1 全局安装 yapi-cli ，yapi的命令行工具$ npm i yapi-cli -g1.2.2 全局安装 ykit ， yapi打包工具$ npm i ykit -g1.3 安装在硬盘上新建一个用来安装yapi 的目录，在目录下调出命令终端，执行以下命令：$ yapi

js正则分析案例——以JSON格式校验为例[TOC]缘起最近在研究javascript中对各种数据类型与格式的判断，以及各种第三方库提供的字符串处理方法，发现有大量的地方运用了正则，并且有些正则及其复杂。对于上层应用开发人员来说，正则可能用到的地方并不是太多，最常用的无非就是表单验证，而那些常见的表单验证正则网络上也是一搜一大堆，自然不需要自己再去构建。但是，作为一名开发人员，肯定不甘于一...

情况描述：后台那边是JAVA，需要我从前台Ajax传递数据，数据包含一些表单字段，和一个json二维数组，使用的是jquery $.ajax跨域方法。var $dataStr = {"name": $name,"phone": $phone,"trainNum": $trainNum,"coach": $coach,

基于Git子模块的微前端项目管理方案1. 媒体项目从单一项目到多项目的转变及问题随着前端媒体业务的急剧扩大，传统的单体应用已经变得难以维护，由此，这几年我们一直在探索对大型复杂项目的拆分工作。一开始拆分出去的是策划中心，老的媒体项目主体是AngularJS编写的，而拆分出去的策划中心模块则采用 VueJS 编写，限于框架之间的巨大差异，难以优雅地集成在一起，就使用了 Iframe 嵌入式方案。后来

Why——为什么整这种活在实际开发中，我们遇到了以下类型的问题：1. 不同工程对nodejs版本要求不一样比如我们的工程A是基于angularjs1.5的，它要求nodejs版本为11.0.0， 而工程B是基于vue+vite的，vite要求nodejs版本需要大于12.0.0。尽管有nvm来管理nodejs版本，但它仍旧存在以下问题：全局环境污染比如angularjs工程是基于gulp的，所以需