摘要：
一、需求背景与收益 Tree-shaking剪裁无用js与css，目前在dc组实现，首页效果如下： 1、原文件5.19M，优化后2.61M 2、gzip文件988.25KB， 优化后665.63KB 3、Js文件减少三分之一，项目越久收益越高 4、运行速度和用户体验都会提升 5、Lighthouse 阅读全文
摘要：
异常流量检查 httpRequest.latency > 1 并检查httpRequest.requestUrl分布 httpRequest.status > 200 httpRequest.status = 0 并检查httpRequest.status状态分布 如果发现异常流量高峰请检查http 阅读全文
摘要：
背景 在日常巡检时发现，MIK-SSR-WEB 的 Grafana 监控中出现 500 的异常响应。 原因分析 1. Grafana监控 在监控面板中发现，503 响应不为 0 2. Skywalking链路 在 Skywalking 中过滤错误响应，发现所以异常的 URL 均为 /mik-web- 阅读全文
摘要：
一、什么是微前端 微前端是按照不同维度拆分成多个子应用，通过主应用加载子应用。微前端的概念最早由 thoughtworks 在 2016 年提出。其核心思路是借鉴后端微服务架构理念。 二、微前端解决哪些问题 1、不同团队，不同技术栈，可以同时开发一个应用 2、每个团队的模块可以独立开发，独立部署 3 阅读全文
摘要：
一、Cross-Site Scripting（跨站脚本攻击）简称 XSS，是一种代码注入攻击。攻击者通过给目标网站注入脚本，诱导用户点击，使得脚本最终在用户的浏览器上执行。为了和 CSS区分，改名为 XSS。 防范方法：CSP通用策略、HTML转义、过滤能够注入脚本的标签如 < script>、Co 阅读全文
摘要：
Homepage优化方案分享2022.4.11 Open Homepage优化方案分享-甘梦杰.pptx Homepage优化方案分享-甘梦杰.pptx 19 10 2022, 10:10 上午 一、性能检测工具lighthouse（可使用调试器里lighthouse） 公司已搭建lighthous 阅读全文
摘要：
一、目前环境：lab 二、进入bitbucket的pipeline页面 三、查看CI构建流程详细信息 四、进入devops-pipeline-cd项目https://bitbucket.org/miktechnology/devops-pipeline-cd/pipelines/results/pa 阅读全文
摘要：
一、目前环境：dev、qa、uat、staging、prod 二、地址https://jenkins.devopx.michaels.com/，公司google账户登录 三、搜索查看的项目名 四、选择环境对应分支 五、查看当前环境信息 六、点击查看构建日志 七、查看CI构建流程详细信息 八、进入CD 阅读全文
摘要：
一、升级步骤 1、本地node建议升级到v20（next@13要求node@18，react@18、react-dom@18、chakra-ui@2） 2、支持渐进式升级next13，升级的项目需按 next 官方添加环境变量NEXT_PUBLIC_NEXT13，请devops帮忙Dockerfil 阅读全文
摘要：
一、Nodejs添加接口 1、nextjs用法 安装包prom-client，在ping同一目录层级创建接口api/ssr/metrics 比如首页https://mik.dev.platform.michaels.com/api/ssr/metrics dc项目https://mik.dev.pl 阅读全文