前端监控之性能与异常
作者:京东零售李菲菲1前言现有的大部分监控方案都是针对服务端的,而针对前端的监控很少,诸如线上页面的白屏时间是多少、静态资源的加载情况如何、接口请求耗时好久、什么时候挂掉了、为什么挂掉,这些都不清楚。同时,在产品推广过程中,经常需要统计页面的使用情况及用户
Chase620 Chase620
4年前
从中断机制看 React Fiber 技术
带你了解计算机的中断机制(操作系统心脏)是如何提在ReactFiber中应用及提高了页面渲染性能和用户体验。前言React16开始,采用了Fiber机制替代了原有的同步渲染VDOM的方案,提高了页面渲染性能和用户体验。Fiber究竟是什么,网上也有很多优秀的技术揭秘文章,本篇主要想从计算机的中断机制来聊聊ReactFiber技术
Stella981 Stella981
4年前
ASP.NET WebApi服务接口如何防止重复请求实现HTTP幂等性
一、背景描述与课程介绍明人不说暗话,跟着阿笨一起玩WebApi。在我们平时开发项目中可能会出现下面这些情况;1)、由于用户误操作,多次点击网页表单提交按钮。由于网速等原因造成页面卡顿,用户重复刷新提交页面。黑客或恶意用户使用postman等工具重复恶意提交表单(攻击网站)。这些情况都会导致表单重复提交,造成数据重复
Stella981 Stella981
4年前
Android使用WebView加载H5页面播放视频音频,退出后还在播放问题解决
Android中经常会使用到WebView来加载H5的页面,如果H5页面中有音频或者视频的播放时,还没播放完就退出界面,这个时候会发现音频或者视频还在后台播放,这就有点一脸懵逼了,下面是解决方案:方案一:在webview所在的activity中的onPause()和onResume()方法中写上两句话。publicvoidon
Stella981 Stella981
4年前
Angular最新教程
Angular之所以被称为单页面应用,就是因为我们在改变浏览器URL的时候, 不触发刷新当前页面的行为,我们看到的所有的界面,其实是在一个主URL中。 这个功能(功能?现象?表现?随便吧!)就是通过路由实现的。 下面我们先简单的看一个关于路由的例子。!(https://oscimg.oschina.net/oscnet/4e0e1
Stella981 Stella981
4年前
Amcharts插件实现柱状图+折线图+单个主题
1.需要引用封装好的amcharts.js文件和css样式表;2.在页面上创建一个div容器存放折线图;3.引用一个自定义主题js注意:     在页面的head部分我们需要添加amChartsJavaScript库文件的引用。由于V3amCharts库被拆分成了几个文件,为了节省几个kb空间—你需要添加amchart.js主文
陈杨 陈杨
7个月前
鸿蒙5莓创折线与柱状图组合图表属性用法详解
大家好,欢迎回来鸿蒙5莓创图表组件的专场,我们这一期来讲解McLineBarChart组合图组件的基础属性详解。本篇将深度拆解每个属性的用法场景,通过完整代码案例帮助开发者快速掌握核心配置技巧。一、grid属性(网格布局)作用:控制图表内容与容器的边距类型
飞码LowCode前端技术系列:如何便捷快速验证实现投产及飞码探索 | 京东云技术团队
本篇文章从数据中心,事件中心如何协议工作、不依赖环境对vue2.x、vue3.x都可以支持、投产页面问题定位三个方面进行分析。一、数据中心,事件中心设计飞码是数据驱动事件驱动的产品,考虑到飞码运行环境,飞码自己封装了store。数据中心:在同一个页面中可
陈杨 陈杨
7个月前
鸿蒙5开发宝藏案例分享---平板开发实践
以下是根据官方文档整理的鸿蒙平板开发实战指南,结合代码解析和避坑要点,帮你高效实现“一次开发,多端部署”👇一、开篇:为什么平板开发不同?平板三大特性决定开发策略:1.大屏优势:分辨率高→需展示更多内容(如分栏/网格布局)1.形态灵活:横竖屏旋转自由窗口
陈杨 陈杨
7个月前
鸿蒙5开发宝藏案例分享---点击响应时延分析
鸿蒙宝藏大发现!官方隐藏的实战案例,开发效率直接翻倍🚀大家好呀!最近在折腾鸿蒙开发时,意外挖到了华为官方的案例宝藏库!原来HarmonyOS文档里藏了近百个场景化案例,覆盖了布局适配、性能优化、动效实现等高频需求。这些案例不仅提供完整代码,还有避坑指南,