随笔分类 - 开发工具
自制Chrome扩展插件:用于重定向js
摘要:前言 作为一个前端开发, 在调试生产环境的代码时,是否苦于生产环境代码被压缩,没有sourcemap? 有没有想过将生产环境的js直接重定向为本地开发环境的js? 玩微前端时,有没有想过用本地的子应用js去替换线上的子应用js? 或者有没有想过修改别人网站的文件,直接完成某些非常规操作? 最近因为项
阅读全文
纯js制作的XML在线编辑器(支持修改本地文件)
摘要:前言 一年多没更新博客了,原因是疫情期间《骑马与砍杀2》发售,然后去写游戏MOD去了。 用C#大概写了7个月的游戏MOD,每天晚上肝到很晚,然后期间又因为介绍这个游戏MOD,学习了PR,然后做起了B站的UP主。 再到后面有了些别的想法和公司业务调整,也懒得写博客,不知不觉一年多也就过去了。 收获还是
阅读全文
Chrome开发者工具使用指南
摘要:前言 工欲善其事,必先利其器。 在前端工作中,我们常常使用到Chrome开发者工具去做各种各样的事情。 但是您真的了解这些开发者工具吗? 官方文档还是挺详细的: "chrome devtools文档" 。 但是文档中仍然会有一些功能没有描述到或者被一笔带过。 而我的这篇指南,会略过那些一目了然的功能
阅读全文
【Chrome控制台】获取元素上绑定的事件信息以及监控事件
摘要:需求场景 在前端开发中,偶尔需要验证下某个元素上到底绑定了哪些事件,以及监控某个元素上的事件触发情况。 解决方案 普通操作 之前面对这种情况,一般采取的措施就是在各个事件里写console.info,然后进行点击等操作触发事件,或者在控制台trigger元素上的事件,或者dispatchEvent。
阅读全文
前端工具的安装
摘要:前端工具安装简述 前言 虽然一直有写前端,而且水平自认上升很快,但是仍然没有玩过模块化开发。 对于前端的这些工具也没有接触过,平时一般都是vs和vs code就搞定了,为了搞一搞模块化开发,准备来玩一下这些前端工具。 所以写写这些前端工具的安装步骤,记录一下以后忘了也能用,如果能帮到别人就更好了。
阅读全文