前端
文章平均质量分 83
布达拉三世
这个作者很懒,什么都没留下…
展开
-
Performance面板分析性能瓶颈全流程
工作中发现了一个下拉框打开的数据比较慢,并且打开弹框的时候会有相当长一段时间的延迟,下拉的弹框不是使用组件库的,而是自己封装的一个组件,怀疑存在数据量过大影响的情况,所以借助性能分析工具来找出具体的原因。如何优化不是本文的关键,本文主要和大家一起学习如何使用 performance 面板 来进行性能瓶颈的定位,学习面板的使用,找到性能瓶颈源码并解决问题。此时,会看到一个包含了各种性能数据的时间轴图表。3. 开始记录性能: 点击页面顶部的 "Record"(录制)按钮,开始记录性能数据。原创 2024-04-26 08:39:57 · 428 阅读 · 0 评论 -
前端部署如何提高性能
在二者部署的时间间隔内,如果有用户访问页面,就会在新的页面结构中加载旧的资源,并且把这个旧版本的资源当做新版本缓存起来,其结果就是:用户访问到了一个样式错乱的页面,除非手动刷新,否则在资源缓存过期之前,页面会一直执行错误。看上图,用文件的摘要信息来对资源文件进行重命名,把摘要信息放到资源文件发布路径中,这样,内容有修改的资源就变成了一个新的文件发布到线上,不会覆盖已有的资源文件。全套做下来,就是相对比较完整的静态资源缓存控制方案了,而且,还要注意的是,静态资源的缓存控制要求在。原创 2024-04-16 09:14:42 · 761 阅读 · 0 评论 -
移动端web适配方案
以下是移动端适配的多个方案,也可以说说你是怎么做的。原创 2024-04-15 08:55:16 · 1076 阅读 · 0 评论 -
前端Chrome调试技巧最全汇总
console占位符描述%cCSS样式占位符,值就是CSS样式,如下示例,可用来自定义log的样式%oor%O打印 JavaScript 对象。在审阅器点击对象名字可展开更多对象的信息。%dor%i打印整数。支持数字格式化。例如,console.log("Foo %.2d", 1.1) 会输出有先导 0 的两位有效数字:Foo 01。%s打印字符串。%f打印浮点数。支持格式化,比如 console.log("Foo %.2f", 1.1) 会输出两位小数:Foo 1.10。原创 2024-04-09 08:41:38 · 2123 阅读 · 0 评论 -
说说我为啥不喜欢用 forEach
在箭头函数中,this关键字引用的是定义该函数时所在的对象。在普通函数中,this关键字引用的是调用该函数的对象。如果需要确保this关键字的作用域正确,可以使用bind()方法来绑定函数的作用域。但是,在使用普通函数或箭头函数作为参数时,方法会等待异步函数完成并返回结果,因此我们可以正确地处理异步函数。方法来绑定函数的作用域,或使用箭头函数来定义回调函数。方法中使用普通函数时,该函数的作用域并不是调用。方法来绑定函数的作用域,将该函数的作用域绑定到。关键字引用的是定义该函数时所在的对象。原创 2024-04-07 08:39:43 · 634 阅读 · 0 评论 -
前端接口防止重复请求实现方案
前言前段时间老板心血来潮,要我们前端组对整个的项目都做一下接口防止重复请求的处理(似乎是有用户通过一些快速点击薅到了一些优惠券啥的)。。。听到这个需求,第一反应就是,防止薅羊毛最保险的方案不还是在服务端加限制吗?前端加限制能够拦截的毕竟有限。可老板就是执意要前端搞一下子,行吧,搞就搞吧。虽然大部分的接口处理我们都是加了的,但又不能确保真的是每个接口都加了的,可是如果要一个接口一个接口的排查,那这维护了四五年的系统,成百上千的接口肯定要耗费非常多的精力,根本就是不现实的,所以就只能去做。原创 2024-04-03 09:50:38 · 971 阅读 · 0 评论 -
前端 JavaScript 动画库
JavaScript 动画库已成为开发人员的必备工具,旨在用引人入胜的交互式视觉元素丰富 Web 应用程序。这些库的发展大大简化了动画过程,使其更易于访问。通过利用适当的库,开发人员可以制作令人印象深刻的动画,增强网站和应用程序的参与度和用户体验。动画有可能极大地改变网站的美学和氛围。当明智地利用它们来增强用户体验时,它们将成为宝贵的资源。动画在吸引注意力和增加网站停留时间方面特别有效,从而增加流量。原创 2024-04-01 08:33:00 · 1207 阅读 · 0 评论 -
前端是什么
3.1 互联网技术岗位详解,涉及到前段开发、后端开发、移动端开发、大数据、项目管理、测试、运维、技术管理等八大领域。2、熟悉W3C标准和各主流浏览器在前端开发中的差异,能熟练运用DIV+CSS,提供针对不同浏览器的前端页面解决方案;4、与产品、后台开发人员保持良好沟通,能快速理解、消化各方需求,并落实为具体的开发工作;5、了解服务器端的相关工作,在交互体验、产品设计等方面有自己的见解。3、负责相关产品的需求以及前端程序的实现,提供合理的前端架构;2.1 前端设计和前端架构。2.2 前端开发分类。原创 2024-03-29 08:46:56 · 1252 阅读 · 0 评论 -
JavaScript 中的 7 个逆天 console 方法
在浏览器控制台上支持清空,但 Node 终端支持度不够,调用该方法将不会产生任何效果(也不会报错)。来自哪里呢,这是计数器的标签,在count方法里面有一个内部字典,其中包含每个标签键的计数器值。循环次数比较少时 for 循环性能是最差的,当循环次数变大时,性能优于另外两种循环。里面每个新标签从0开始计数,每次调用后,它将计数器加1并记录它...: 可以很轻松的将对象数组显示为表格,每个对象一行,每个属性一列。这是将一堆控制台信息组合在一起的绝佳组合,通过缩进优化日志展示。方法将标签的内部计数器重置为0。原创 2024-03-28 09:24:06 · 545 阅读 · 0 评论 -
微信⼩程序嵌套H5⽹⻚
微信⼩程序以其轻量级、即⽤即⾛的特点在移动端应⽤中占据了⼀席之地。但在某些场景下,我们可能需要在⼩程序中嵌套H5⽹⻚来满⾜特定的功能需求。本⽂将探讨微信⼩程序嵌套H5⽹⻚时遇到的技术问题、提供解决⽅案,并通过代码示例展示如何实施,最后分析其与原⽣小程序的优劣势。原创 2024-03-26 08:46:27 · 607 阅读 · 0 评论 -
10 个 JavaScript 单行代码
在使用需要一定程度随机化的算法时,您经常会发现洗牌数组是一项非常必要的技能,在 JavaScript 中,我们没有像 python 那样的模块,如果您希望显示的内容尊重使用您网站的人的配色方案,JavaScript 包含一种检测某人是否正在使用深色模式的方法,以便您可以相应地调整颜色。您可以在互联网上找到各种解决方案,但下面的解决方案可能是最小和最智能的解决方案之一。尚未被某些主流浏览器支持,并且定义它的规范尚未被任何标准组织采用(具体来说,它不是W3C或WHATWG发布的任何规范的一部分)。原创 2024-03-25 08:32:48 · 421 阅读 · 0 评论 -
前端项目如何准确预估个人工时
可能有同学觉得自己就是个小码农甚至因为自己是外包,不敢发表自己的想法和见解,其实大可不必,只要你就事论事,有理有据,完全可以大方说出来,你不说出来,你永远只能从自己的角度看这个问题,你无法确认自己是对的还是错的。没有考虑思考时间,对于复杂的业务逻辑,或者没做过的界面形态,或者复杂的界面形态等,必须将思考时间计算进来,或者说,在已经基本想明白怎么去实现的基础上,再去评估工时。不要duang的一下,对整个界面/模块进行评估,应该对行列,表单项,逻辑点,进行评估,然后将总的时间加起来,就是这个界面的预估工时。原创 2024-03-18 09:56:44 · 1079 阅读 · 0 评论 -
前端入职第一天的工作环境搭建
办理入职入职当天,HR小姐姐会带领你签署入职合同、办理员工档案(企业如有经营管理系统,会告知你账号密码)、录入门禁等。而大公司大概率会在你入职的当月前后,组织近期刚入职的员工,进行新员工培训,帮助你理解包括但不限于企业文化/愿景/价值观、公司的组织架构、行政制度、财务制度等。认识团队签署完劳动合同后,一般HR小姐姐会带你熟悉公司及周边环境,并介绍你认识团队成员,把你交付给直属领导(一般是面试你的)。原创 2024-03-15 08:58:18 · 1236 阅读 · 0 评论