首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

前端资源治理(一):问题及思路

随着前端技术的飞速发展,前端需要一种更加工程化的方式解决前端开发日益复杂的问题。前端工程化本质也是软件工程的一种,由于软件工程并无严格的定义(或者说缺乏统一的定义),因此前端工程化的内涵其实相当宽泛,一般来说,前端工程化重点关注的是研发和维护效率,所有最终目的是这个的,都可以算作前端工程化的范畴。前端工程化近几年也是技术热点,基本上大型前端技术交流会议都有此专题,从规范、组件、编译及构建、工作流、持续集成、监控等多个维度都有涉及,笔者尝试从前端资源治理的角度谈一下前端工程化,本文是系列文章的第一篇,主要讲问题及解决的思路,不涉及具体的实现细节。

04
您找到你想要的搜索结果了吗?
是的
没有找到

谷歌开发者工具基础培训后疑问分享

一、F12是不是抓包工具?感觉和抓包工具差不多? 答:f12跟抓包工具charles两者进行对比来讲,都是属于抓包工具,具有抓包工具,只是面对的的对象不一样,开发者工具面对的是web浏览器,而charles面对的是web,app均可,由于涉及的对象不一样,所具体的功能特性也不一样,但从功能的丰富性charles的功能会比较大强大;两者的工具的使用主要根据测试对象来选择’ 二、F12是接口工具? 答:非接口工具,是调试工具,不具有接口测试功能,可以跟postman配合使用 三、如何用它来简单排查前端问题? 答:通过抓包数据和性能加载两个角度来判断是否是前端问题,如抓包数据以后,发现返回的数据是对的,但前端展示不对,就属于前端问题;在开发者工具里面通过性能模块进行测试,发现的问题,基本都是前端问题; 详细如下: JavaScript 错误排查:控制台可以显示页面上的 JavaScript 错误,测试人员可以点击错误信息查看错误详情,从而快速定位问题所在,并进行修复。 网络请求排查:控制台可以显示页面上的网络请求,测试人员可以查看请求状态、请求时间、请求头和响应信息等,从而判断是否存在网络请求问题。 DOM 操作排查:控制台可以让测试人员直接操作页面上的 DOM 元素,例如修改元素属性、添加或删除元素等,从而检查页面是否存在 DOM 操作问题。 性能优化排查:控制台可以显示页面的性能指标,例如加载时间、资源大小、资源加载顺序等,测试人员可以从中发现性能瓶颈,并进行优化。 四、能不能概括几种常见的测试使用F12的情况? 答:seo测试,前端文字多少显示问题,元素布局,样式,交互,需要在元素模块进行测试 页面加载,返回格式错误,返回图片大小问题,不同网络页面加载测试,跨域,缓存测试,需要在网络模块进行测试 内存模块的内存泄露; 检查不同网站的兼容性测试 具体查看以下常识介绍 五、测试的过程中如何从F12中去寻找问题出现在哪里? 答:通过打开console的日志,可定位问题;源码模块的源码提示也可以定位问题 六、能否介绍网络面板的使用? 一、模拟不同网络环境,从而进行网络性能测试。步骤: 打开谷歌开发者工具,切换到 "网络" 面板。 点击 "禁/停用缓存" 以确保每次请求都是新的请求。 在工具栏上找到 "网络条件",点击 "未选择网络条件/已停用节流模式" 选择要模拟的网络类型,例如 "Slow 3G" 或 "Offline"。 刷新页面或者重新加载资源,测试页面在不同网络情况下的性能表现。 二、分析网络请求 最简单的就是抓包了,这个具体培训的操作中已讲

02

起底小程序数据分析,每一个指标都不应该被忽视

你可能做了一个小程序,也做了很多推广。 然后查看了后台的一些数据: 有本地也有外地; 有男粉丝也有女粉丝; 有青年才俊,也有中年大叔; 有iPhone也有安卓; 有的页面访问人数比较多,有的页面访问人数比较少; 有的停留了很久,有的点开就关闭了; 有人访问一次再也没来过,有人进行了多次访问; 有的按钮被点击多次,有的按钮却少有人问津(这个看不见,需要预先设定自定义分析字段,后面会讲) 那么,每个数据代表了什么?有什么指导意义? 今天我们就起底小程序的数据分析功能,分析那些躺在我们后台的数据,如何支撑我们的运

09

别蛮干!优化转化除了转化漏斗,你的弹药库还需要几种分析武器

转化分析是我讲的最多的领域。五六年前我讲的时候,大家不是很在乎,因为那时候流量不是事儿。今天,大家似乎都开始意识到,地上钻个孔就能喷出油的日子似乎离我们越来越远,如果不学会压榨流量的价值,盈利也会离我们越来越远。   一旦涉及到转化优化分析要采用什么方法,大家一定会异口同声道:转化漏斗!但我们真的做起来,就会发现,转化漏斗仅仅只是帮我们指出了一个(或者多个)地点(严格讲,地点应该替换为页面或者app的screen)存在问题而已,至于存在什么问题,如何分析,如何解决这些问题,则完全不可能独靠转化漏斗解决。

09
领券