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

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的，所以需

主应用1. 路由包装为history模式// src/main.jsimport routes from './routes';const router = new VueRouter({mode: 'history',routes});new Vue({router,store,render: (h) => h(App)}).$mount('#app');2.引入乾坤微前端主应用配置//

what 它是什么dexie.js是一个对浏览器indexexDB的包装库，使得我们可以更方便地操作indexedDB。why 为什么用它由于原生indexedDB提供的接口对于前端开发人员来说极为繁琐，而且接口不友好，原子操作决定了很多高频复杂操作必须由开发者自己实现，这带来了巨大的工作量和不可靠性。基于此，出现了很多对原生接口的包装，而相比于其它包装库，dexie.js具有以下明显的优点：所有

获取个人flomo API1. 进入flomo个人主页进入并登陆2. 找到头像旁边的配置按钮，点击打开：3. 在弹出的菜单中选择 “API” ：4. 右侧“你的专属记录API”就是flomo API了：5. 拿到这个API，你可以自己开发小工具来实现从任何地方将文本记录的flomo。比如使用chrome扩展 ：sendToFlomo (本人正在开发中)...

在Vue项目的开发过程中,为了本地调试方便，我们通常会在 vue.config.js 中配置 devServer 来在本地启动一个服务器，在这个选项中，我们会配置proxy 属性来将指向到本地的请求（例如： /api/action） 代理到后端的开发服务器上（例如： http://xxx.xxx.xxx/api/action）devServer: {port: 8081,proxy: {'/api