HTML script defer 属性
- 前端里那些你不知道的事儿之 【window.onload】
-
作者：京东科技孙凯一、前言相信很多前端开发者在做项目时同时也都做过页面性能优化，这不单是前端的必备职业技能，也是考验一个前端基础是否扎实的考点，而性能指标也通常是每一个开发者的绩效之一。尤其马上接近年关，页面白屏时间是否过长、首屏加载速度是否达标、动画是否能流畅运行，诸如此类关于性能更具体的指标和...
- Web性能优化
-
一内容篇尽量减少HTTP请求次数终端用户响应的时间中，有80%用于下载各项内容，这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少HTTP请求的次数，这是提高网页速度的关键步骤。减少页面组件的方法其实就是简化页面设计。那么有没有一种方法既能保持页面内容的丰富性...
- 实战网页实现平滑滚动
-
在导航中，我们使用#简单的实现了，现在我们要实现，点击导航自动跳转指定的节去，通过id去选择<ulclass="main-nav-list"><li><aclass="main-nav-link"href=&#...
- 用 Bootstrap4 制作响应式网页二(导航菜单)
-
上文已经介绍安装框架的过程，本文接下来制作一个导航菜单。导航菜单设计左右结构，左边放logo,右边放菜单链接。下面是html部分的整体代码：<!DOCTYPEhtml><html><head><metacharset="UTF-8...
- Web性能的计算方式与优化方案(二)
-
通过前面《Web性能的计算方式与优化方案（一）》几个小节的学习，我们了解到如果我们想最终在浏览器显示我们所期望的页面和交互效果，那我们首先需要的是我们应用代码、资源、脚本一切准备好，才后续页面的渲染和展示，于是缩短加载的时间，也是我们性能优化的表现，这里我们给大家介绍几个常用的优化手段。万字干货，文...
- 前端面试:异步加载和延迟加载的理解?
-
回答：异步加载和延迟加载是前端优化网站性能的两种方法。异步加载的方案:动态插入script标签通过ajax去获取js代码，然后通过eval执行script标签上添加defer或者async属性创建并插入iframe，让它异步执行js延迟加载：有些js代码并不是页面初始化的时候就立刻需要的，而稍...
- 详解虚拟DOM与Diff算法
-
vue的虚拟DOM,Diff算法，其中一些关键的地方从别处搬运了一些图进行说明(感谢制图的大佬)，也包含比较详细的源码解读。真实DOM的渲染在讲虚拟DOM之前，先说一下真实DOM的渲染。浏览器真实DOM渲染的过程大概分为以下几个部分：构建DOM树。通过htmlparser解析处理html标记，将它...
- 必看!2024 年 Web 双端使用 JavaScript 的全新趋势
-
大家好，很高兴又见面了，我是"高级前端进阶"，由我带着大家一起关注前端前沿、深入前端底层技术，大家一起进步，也欢迎大家关注、点赞、收藏、转发，您的支持是我不断创作的动力。JavaScript对于创建交互式Web体验至关重要，其发展大大增强了Web的动态性。JavaScrip...
- 分享一个2022年火遍全网的Python框架
-
作者：俊欣来源：关于数据分析与可视化最近Python圈子当中出来一个非常火爆的框架PyScript，该框架可以在浏览器中运行Python程序，只需要在HTML程序中添加一些Python代码即可实现。该项目出来之后便引起了轰动，马上蹿升到了Github趋势榜榜首，短短20天已经有10K+的star了。...
- JavaScript 脚本延迟加载的6种方式
-
首先我们先了解下什么是延迟加载，延迟加载就是等页面加载完成之后再加载JavaScript文件，他所带来的好处是载有助于提高页面加载速度。一般有以下几种方式：1:defer属性：给js脚本添加defer属性，这个属性会让脚本的加载与文档的解析同步解析，然后在文档解析完成后再执行这个脚本文...