第 38 页-WEB前端开发教程-PHP中文网

当前位置：首页 > 技术文章 > web前端

最新

与承诺并行预加载图像

核心要点使用Promise异步加载图片，允许同时加载不同图片集合，并在集合加载完成后执行代码。这通过减少整体加载时间来显着提高网站性能。此技术涉及为所有图片“组”（集合）创建一个共享预加载器，该预加载器将要加载的图片排队。然后，预加载器并行（而非顺序）开始加载图片，避免必须等待一个组完成才能开始下一个组。每个图片URL都替换为一个Promise，该Promise在浏览器加载图片后解析。然后，可以使用Promise.all()方法为每个组创建一个Promise，该Promise在数组中的所

js教程 417 2025-02-19 11:01:13
阶段简介

Stage.js 是一个轻量级、开源的 JavaScript 库，用于跨平台的 2D HTML5 游戏开发。它使用类似 DOM 的模型来操作画布，并自行管理应用程序的渲染周期。本教程将介绍 Stage.js 的核心功能，帮助您轻松上手。关键要点 Stage.js 是一个轻量级的开源 JavaScript 库，用于跨平台 2D HTML5 游戏开发，它使用类似 DOM 的模型来处理画布并独立管理应用程序的渲染周期。该库提供多种功能，包括节点定位（确定节点如何附加到其父节点）、用于交互式更新的

js教程 924 2025-02-19 11:00:15
用node.js显示在点矩阵LED显示器上显示图像

关键要点培训DMD库用于将线，形状和文本绘制到点矩阵LED显示屏上。该库可以从freetronics github存储库中下载并复制到/arduino/libraries/folder中。 Arduino SK

js教程 763 2025-02-19 10:59:09
介绍四个：它的webgl，但更容易

四：简化3D Web开发的WebGL框架本文介绍了四个新颖的WebGL框架，旨在简化3D Web内容的创建。 WebGL虽然强大，但可能很复杂。四个通过提供分层A来解决这一问题

js教程 628 2025-02-19 10:57:14
HTML 5.1中的新内容

HTML5.1：网页开发的新纪元探索HTML5的创意动画制作，观看我们的屏幕录制教程“使用HTML5 Canvas创建动画”。核心要点 HTML 5.1 作为HTML的最新版本，引入了诸多新特性和改进，包括使用menu和menuitems元素创建上下文菜单，使用details和summary元素创建可折叠内容，以及三种新的表单输入类型：month、week和datetime-local。此版本还包含无需CSS即可实现响应式图片的功能，例如：srcset图片属性用于列出多个备选图片源；s

css教程 234 2025-02-19 10:51:14
使用Gmail JavaScript API掌握收件箱

本文展示了使用Gmail Rest API和JavaScript构建基本的Gmail收件箱查看器。我们将利用jQuery和Bootstrap提高效率。完整的代码可在我们的GitHub存储库中找到。关键功能： Gmail API集成

js教程 337 2025-02-19 10:49:10
今天如何在网络上构建VR

到2020年，虚拟现实的价值最高为70亿美元。在此期间，网络绝对不会成为2D环境。实际上，已经有几种简单的方法将VR带入浏览器。这也是令人难以置信的fu

js教程 685 2025-02-19 10:47:09
用node.js＆transloadit构建用户头像组件

在本系列的第一部分中，我们研究了Transloadit，这是一项文件处理服务，专门研究图像，视频和音频。如果您还没有阅读，我敦促您现在这样做，因为它涵盖了许多您的背景概念

js教程 325 2025-02-19 10:38:10
ES6现在：模板字符串

ES6模板文字：JavaScript字符串的现代方法关键亮点： ES6（Ecmascript 2015）显着增强了JavaScript，引入了对现代Web开发至关重要的功能。模板文字，使用Backticks（`）作为定义者，r

js教程 466 2025-02-19 10:37:08
使用Fontello仅加载您需要的图标字体

Fontello：创建轻量级自定义图标字体 Fontello是一项免费的，用户友好的服务，用于从矢量图像制作自定义图标字体。它通过整合来自各种开源项目的图标来简化Web开发（例如字体很棒，E

css教程 288 2025-02-19 10:36:11
重新构想飞行模拟器：然后

本文探讨了飞行模拟的演变，重点是在基于网络的飞行街机中创建现实的大规模地形。飞行模拟中的关键发展： 1980年的创世纪：原始飞行模拟器（1980）是groun

js教程 291 2025-02-19 10:35:08
如何负责任地使用现代化

负责任地使用 Modernizr：提升网站性能的策略 Modernizr，一个 JavaScript 库，能够检测浏览器是否支持特定功能。然而，为了避免减慢网站速度，务必谨慎使用。本文探讨如何负责任地使用 Modernizr，以及其他类似库，例如 jQuery。为何关注 Modernizr 的加载方式？一个关键问题：您愿意等待数秒才能访问网页吗？答案是否定的，您的访客也一样。漫长的加载时间会直接影响用户体验，导致访客流失。因此，即使追求炫酷的功能，也必须兼顾网站性能。关键在于加载方式。许多

js教程 654 2025-02-19 10:30:10
HTML5＆CSS3现实世界，第二版

关键要点 HTML5和CSS3旨在确保与旧浏览器的向后兼容，这意味着对标记的更改不会引起布局问题或错误。即使较旧的浏览器不完全支持新功能，它们也不会打破页面或因果关系

css教程 850 2025-02-19 10:27:09
了解phantomjs

核心要点 PhantomJS是一个无头WebKit浏览器，具有JavaScript API，原生支持各种Web标准，包括DOM处理、CSS选择器、JSON、Canvas和SVG。它本质上是一个没有GUI的网页浏览器，能够使用JavaScript自动化各种流程。 PhantomJS是开发人员的强大工具，提供页面自动化、屏幕截图、测试和网络监控等功能。它允许与网页交互而无需打开浏览器，可以捕获网页截图，无需GUI即可运行测试，并可以监控网络行为和性能。尽管PhantomJS比较复杂，但它并不仅仅

js教程 144 2025-02-19 10:26:09
构建JavaScript自动完整小部件，以惊人的

网页应用中的自动完成功能可在用户输入时预测单词或句子的其余部分。用户通常按Tab键接受建议，或按向下箭头键接受多个建议中的一个。本教程将介绍如何使用Awesomplete JavaScript库在网站中创建自动完成组件。Awesomplete由Lea Verou创建，Lea Verou是一位著名的演讲者、作家和W3C CSS工作组的特邀专家。关键要点 Awesomplete是一个轻量级、可定制的JavaScript库，由Lea Verou开发，用于在Web应用程序中实现自动完成功能。它没有

js教程 634 2025-02-19 10:24:13