灵魂拷问-前端到底能做些什么?--性能优化篇

浏览器收到服务器的响应(我们只考虑先请求html的情况)返回html;浏览器对html进行解析,基于html和js脚本构建dom树,基于css构建cssom树,合成渲染树;结合渲染树和屏幕分辨率等相关信息计算节点布局信息;浏览器基于渲染树和布局信息进行页面绘制;最后将不同的图层合并为最终的图像,出现在页面上;核心公式:“用户访问...

手工搓了一个「抖音」(附源码)

执行pnpmdev来启动项目,项目默认地址为httplocalhost:3000在浏览器中打开httplocalhost:3000来访问项目。Chrome切换成手机模式快捷键,先按F12调出控制台,再按Ctrl+Shift+M(设备仿真模拟)在线访问Vercel:httpdy.ttentau(国内推荐访问这个)注意:PC浏览器请用手机模式访问。先按F12...

每周GitHub 探索|9 款利器,助你自动化、高效工作!

1.DiceDB：一款内存中实时数据库2.shadcn/ui：漂亮的开源组件3.Follow：新一代信息浏览器4.Dawarich：Google地点历史的自托管替代品5.nerfstudio：创作者友好型NeRF工作室6.MindsDB：用于构建AI平台的企业数据7.blumtod:自动化完成Blum任务并获取收益8.You-Get：一款多功能媒体下载神器9.Automa：浏览器...

2023前端技术盘点与2024技术展望

近几年浏览器的渲染引擎有了很大的改进,目前浏览器可以有效地确定哪些需要渲染或更新,而哪些不需要。因此在今年众望所归的父选择器:has也正式被各大浏览器所支持。2、前端框架:主流框架持续完善,黑马Htmx与Qwik异军突起回顾2023年前端框架,最受欢迎的四大主流框架依旧是React、Vue、Angular和Svelte。

天下武功唯快不破 十年来 Chrome如何成为速度最快的浏览器

今年,有一些调查发现互联网上7%的站点因为内存泄漏受到了影响,而这些问题我们已经完全修复。用来提升Chrome浏览器速度的组件涵盖了DOM,CSS和诸如IndexedDB的存储系统。如果想学习更多的关于我们在性能提升方面的内容,可以持续关注Chromium博客。赋予Web开发者更多测量及优化网页的能力...

你不知道的 JS 沙箱隔离

出于线程安全设计考虑,WebWorker不支持DOM操作,必须通过postMessage通知UI主线程来实现(www.e993.com)2024年11月6日。WebWorker无法访问window、document之类的浏览器全局对象。其他诸如WebWorker无法访问页面全局变量和函数、无法调用alert、confirm等BOMAPI等问题,相对于无法访问window、document全局对象已经是小问题了...

2022年,我们只用一个月就“送走”了这么多互联网产品

IE浏览器梗,图源网络IE是InternetExplorer的缩写,因特网探索者,无论对当年还是当下,都是一个很浪漫的名字。IE的航程到站了,但因特网探索者们不会停下脚步,换上新衣,剪新发型,会有更好用的工具承载新一代人探索世界的愿望。VUE(2016.6.5-2022.6.30,终年6岁)...

VSCode成主宰、Vue备受热捧!2019前端开发趋势必读

React核心层面支持可访问性(即将发布)我们相信,良好的开发人员体验能带来良好的用户体验,因此这对每个人都有益。有关即将发布的React功能,请点击如下链接(httpsyoutu.be/uXEEL9mrkAQ)观看2019年React大会上YuzhiZheng的发言。6.Vue为版本3发行做准备,使用量继续增长...

用于VS Code的Edge开发工具扩展太强了,因此我放弃了Chrome

“launch.json”还不十分完整——必须指定项目的url。我还设置了一个附加的Edge运行时参数,并设置了一些项目文件夹,这些文件夹在调试过程中应该使用“skipFiles”属性忽略:在VSCode中打开浏览器窗口、浏览器开发工具和代码编辑器是一个很酷的功能,但我需要更大的屏幕空间来运行和调试应用。幸运的是,Edgeto...

5分钟带你了解微前端|路由|param|key|returns_网易订阅

样式隔离,确保微应用之间样式互相不干扰。JS沙箱,确保微应用之间全局变量/事件不冲突。资源预加载,在浏览器空闲时间预加载未打开的微应用资源,加速微应用打开速度。umi插件,提供了@umijs/plugin-qiankun供umi应用一键切换成微前端架构系统。