首页 文章 精选 留言 我的

精选列表

搜索[前端组件],共10010篇文章
优秀的个人博客,低调大师

前端小报 - 201901 月刊

订阅 / 投稿:https://github.com/txd-team/monthly本期小编:x-cold (尹挚) 新闻快报 重磅消息:Github 宣布私有仓库免费,同期还上线了星标话题(topics) 的功能 2019 年伊始,GitHub 正式宣布开放无限制创建私有存储库,并开始提供统一的企业版 GitHub 服务,微软正在开始加速 toB 企业服务的布局。开发者们一片叫好声,可谓年度最佳的程序员福利了。 软件技术 B2B 公司Idera.inc收购 Travis CI Travis CI 将结合 Idera 公司其本身的数据库 / 开发者 / 测试等工具发挥更大的商业优势。不过使用免费版的社区同学也不用紧张,Travis CI 依然保证对开源软件免费的策略,并且其开源证书不会修改 (MIT),更多可以参考详细的官方公告。 需

优秀的个人博客,低调大师

前端异常监控神器

有时候,看到用户的反馈,我们往往会一脸茫然,因为反馈的信息太少了。 比如有用户反馈登录不了。为了解这个问题,一般的流程是这样的:首先试试自己能不能登录网站,发现没问题;然后查看后台日志,发现最近没有登录接口相关的报错;最后根据用户反馈的时间,去后台查日志记录。结果日志记录没有错误信息。 那这个问题没法解决了!除非找出用户的联系信息,和他去聊聊这个bug。 mengbi.jpg 这样的情况很多,有时候及时有报错信息,还是一脸蒙逼,不知道为啥呢。 是不是很蛋疼? 不过这个问题已经可以很好滴解决啦!Fundebug最近上线了一个新的大功能,叫做场景重现。其实直观理解就是加了个视频录制,把用户出错前的行为习惯可视化的录制,然后绑定到对应的错误上。通过观看场景重现,可以直观的去理解用户是如何触发错误的。如下面所示: eleme_full.gif 是不是很惊艳!不仅可以看到报错相关信息,还可以看到用户的操作视频。 实例测试 为了验证一下是否真的这么牛逼,我弄了一个简单的网站来测试一下。 为了跟大家演示,我在Github上找了一个TodoMVC项目,这样可以快速跑起来。 下载代码git clone https://github.com/isjingzhi/TodoMVC.git 安装依赖npm install 运行npm run start 项目成功跑起来了,请看下图: todomvc1.png 接下里我需要将Fundebug的JavaScript监控插件接入,首先在Fundebug网站创建一个Vue的监控项目。 create.png 然后接入代码,接入部分很多代码,只能截图一部分,不过还是比较简单的,你只需要复制黏贴就可以了。 integrate.png 首先在index.html中接入script脚本: integrate1.png 然后,在添加errorHandler代码: integrate2.png 最后,我们再假装造个错试试,我在app.js的clearAlldone函数中,故意把this改为that: createerror.png 来我们试试Fundebug能抓到怎样的错误。 我随意添加任务,然后又删除任务,最后点击右下角的Clear completed,然后就收到报错了。 error.png 基本的报错堆栈信息都有 ReferenceError Uncaught ReferenceError: that is not defined at Vue.clearAlldone (http://localhost:3000/js/app.js:120:19) at invoker (http://localhost:3000/node_modules/vue/dist/vue.js:2029:18) at HTMLButtonElement.fn._withTask.fn._withTask (http://localhost:3000/node_modules/vue/dist/vue.js:1828:18) 现在我们来看看场景重现的效果: redo.png 鉴于是一段"视频“,我再单独放出来: todomvc.gif 通过这段视频,就可以很形象去理解用户的操作流程!不得不说是一大神器! 参考 TodoMVC on Github Fundebug JavaScript监控插件

资源下载

更多资源
Mario

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长,特征是大鼻子、头戴帽子、身穿背带裤,还留着胡子。与他的双胞胎兄弟路易基一起,长年担任任天堂的招牌角色。

Nacos

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称,一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集,帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Spring

Spring

Spring框架(Spring Framework)是由Rod Johnson于2002年提出的开源Java企业级应用框架,旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念,提供核心容器、应用上下文、数据访问集成等模块,支持整合Hibernate、Struts等第三方框架,其适用范围不仅限于服务器端开发,绝大多数Java应用均可从中受益。

Rocky Linux

Rocky Linux

Rocky Linux(中文名:洛基)是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版,作为CentOS稳定版停止维护后与RHEL(Red Hat Enterprise Linux)完全兼容的开源替代方案,由社区拥有并管理,支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性,采用模块化包装和SELinux安全架构,默认包含GNOME桌面环境及XFS文件系统,支持十年生命周期更新。

用户登录
用户注册