logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

前端性能优化系列——优化白屏时间

一、前言前端优化是一个永恒的话题,每个前端开发者都希望自己的页面能够快速加载,给用户良好的体验,但是在实际开发中,我们经常会遇到一个棘手的问题,那就是首页白屏问题。首页白屏问题是指用户打开页面后,需要等待很长时间才能看到页面内容,这会让用户感到不耐烦,甚至流失,造成白屏的原因有很多,比如网络延迟、JS 加载过多、渲染性能不佳等等,针对不同的原因,我们需要采取不同的优化策略。今天和大家讨论一种常见的

#前端#状态模式
前端性能优化的整理笔记

大厂面试题分享 面试题库后端面试题库 (面试必备) 推荐:★★★★★前端面试题库🏄利用碎片化的时间,系统的整理,性能优化的知识点。🎯前端性能优化,需要深入了解前端技术的原理。💪从而,做出高性能的工程,提高自身含金量。🏃使用流行的性能优化技术,快速提高Web性能。🚴了解技术背后的优秀设计思想,掌握前沿解决方案。💎Speed Index 速度指数TTFB (Time To First By

#前端#性能优化
vue + element Table的数据多选,多页选择数据回显,分页记录保存选中的数据。

1、html在el-table添加@selection-change=“handleSelection”<el-table ref="multipleTable":data="goodslist" tooltip-effect="dark"@selection-change="handleSelection" ><el-table-column type="selection"

web前端面试十大 难点问题

1、什么是闭包?闭包的用途是什么?闭包的缺点是什么?定义:闭包是函数和函数内部能访问到的变量的总和。具体实现:在函数A中声明了函数B,并在函数B中使用了A内部的局部变量或形参,函数B以返回值或对象属性的形式能够在函数A的外部继续调用。用途:1)保存临时状态,在循环和定时器中可以使用当时的状态;2)用来“封装”一些数据,如f1外部可以使用f1的内部数据,但不能直接通过f1.a获取。缺点:1.常驻内存

发现http 请求被自动变成https请求

仔细观察上图可以发现,网页中 img 标签 src 指向资源地址为 http 资源地址,但是在 network 面板查看发出的网络资源请求却变成了 https 请求,导致资源找不到报错404。(注:图片资源实际真实地址确实为 http 资源)原因,因为添加如下CSP内容,将自动将http的不安全请求升级为https<meta http-equiv="Content-Security-Poli

#javascript
前端性能优化系列——优化白屏时间

一、前言前端优化是一个永恒的话题,每个前端开发者都希望自己的页面能够快速加载,给用户良好的体验,但是在实际开发中,我们经常会遇到一个棘手的问题,那就是首页白屏问题。首页白屏问题是指用户打开页面后,需要等待很长时间才能看到页面内容,这会让用户感到不耐烦,甚至流失,造成白屏的原因有很多,比如网络延迟、JS 加载过多、渲染性能不佳等等,针对不同的原因,我们需要采取不同的优化策略。今天和大家讨论一种常见的

#前端#状态模式
js获取当前日期,格式为YYYY-MM-DD

function getNowFormatDate() {var date = new Date();var seperator1 = "-";var year = date.getFullYear();var month = date.getMonth() + 1;var strDate = date.g...

字符串拆分成数组 split()

var a =&amp;quot;fdgrgvafdvr&amp;quot;;var b = a.split(&amp;quot;&amp;quot;);

一行代码就能随意修改网页内容

一、打开你想要编辑的网站我这里拿百度首页做个示范。二、进入开发者模式按F12进入开发者模式 。三、输入神奇代码1、打开随意编辑网页内容的功能选择Console,在命令框输入document.designMode='on'后按回车。这时你可以发现,点到文字处,会出现小光标,这就说明你可以修改这里的内容。此时直接就可以修改光标处的内容,这里我随便改一下(不是真的改,刷新页面即可恢复原来网页内容)。2、

#vim#html
CSS 实现 10 种现代布局,你都会了吗

01. 超级居中:place-items: center对于第一个“单行”布局,让我们解决所有 CSS 领域中最大的谜团:居中。我想让您知道,使用 place-items: center 会让此操作比您想象的容易。首先指定 grid 作为 display 方法,然后在同一个元素上写入 place-items: center。place-items 是同时设置 align-items 和 justi

#css#前端#javascript +2
    共 24 条
  • 1
  • 2
  • 3
  • 请选择