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

  • JavaScript功能测试与Nightwatch.js
    JavaScript功能测试与Nightwatch.js
    Eric Elliott 曾撰写过一篇关于 JavaScript 测试的文章:《JavaScript 测试:单元测试、功能测试和集成测试》,文中解释了不同类型的测试以及何时使用哪种测试。 本文将更深入地探讨 JavaScript 功能测试,并使用 Nightwatch.js 库进行演示。 在开始之前,让我们回顾一下功能测试是什么,以及它为什么重要。简单来说,功能测试旨在确保应用程序从用户的角度来看按预期工作。 我们这里讨论的不是单元测试或集成测试之类的技术测试。这里的目标是确保用户能够无缝地执行
    js教程 . chrome 430 2025-02-17 10:26:10
  • 开始使用PouchDB客户端JavaScript数据库
    开始使用PouchDB客户端JavaScript数据库
    Sebastian Seitz和Taulant Spahiu对本文进行了审查。 感谢Sitepoint的同行评审的贡献! 现代客户端的Web应用程序需要复杂的数据处理功能。 浏览器现在提供强大的Javas
    js教程 . chrome 976 2025-02-17 10:24:15
  • 您可以使用CSS网格布局放置元素的七种方式
    您可以使用CSS网格布局放置元素的七种方式
    七种使用CSS Grid布局网页元素的方法 (本文于2017年3月23日更新。具体内容:CSS Grid布局的浏览器支持) 本文将介绍七种使用Grid Layout模块在网页中放置元素的方法。 SitePoint之前发表过《CSS Grid Layout简介》。最近,我还写了《CSS Grid Layout工作草案的现状》。 这里,重点将完全放在使用CSS Grid在网页上布局元素的具体方法上。现在,让我们逐一介绍它们。 关键要点 CSS Grid Layout允许使用多种方法在网页上灵活地
    IT业界 . chrome 547 2025-02-17 10:20:13
  • 如何在JavaScript中实施国际化(I18N)
    如何在JavaScript中实施国际化(I18N)
    关键要点 国际化 (i18n) 是创建或转换产品和服务的过程,以便它们可以适应当地的语言和文化。本地化 (l10n) 是为特定地区或语言调整国际化软件的过程。 Globalize 是一个由 jQuery 团队成员开发的用于国际化和本地化的 JavaScript 库。它使用官方 Unicode CLDR JSON 数据,支持所有主要浏览器,并提供数字格式化和解析、日期和时间格式化和解析、相对时间格式化、货币格式化、消息格式化、复数支持和单位支持等功能。 JavaScript 通过国际化 API(
    js教程 . chrome 733 2025-02-17 10:00:26
  • 与互动OBServer API的本地无限滚动
    与互动OBServer API的本地无限滚动
    Intersection Observer API:高效监控DOM元素可见性 Intersection Observer API是一个新兴的客户端JavaScript API,用于高效监控指定DOM元素的可见性,这对于延迟加载、无限滚动和广告可见性等功能非常有用。 浏览器支持及polyfill 该API相对较新,目前浏览器支持有限,包括Chrome桌面版51、Chrome安卓版51、安卓WebView 51、Opera 38和Opera安卓版38。然而,Github上提供了一个正在开发中的pol
    js教程 . chrome 774 2025-02-17 09:49:08
  • 网络音频API:将带宽友好的声音添加到您的网页
    网络音频API:将带宽友好的声音添加到您的网页
    解锁浏览器音频功率:网络音频API指南 Web音频API使开发人员使用JavaScript将复杂的音频处理直接集成到网页中,从而消除了对插件的需求。 这特别有益
    js教程 . chrome 782 2025-02-17 09:37:09
  • 如何在网格布局中订购和对齐项目
    如何在网格布局中订购和对齐项目
    本教程演示了CSS网格布局中的项目放置和对齐。我们将探索订购项目并单独和小组对齐。 以前,我们涵盖了网格布局基础知识,包括元素放置和
    IT业界 . chrome 283 2025-02-17 09:24:11
  • 如何使用api.ai建立自己的AI助手
    如何使用api.ai建立自己的AI助手
    想深入了解人工智能?观看我们的视频教程《微软认知服务和文本分析 API:在您的机器人中实现 AI 情感分析》。 智能助理的世界日新月异——Siri、Cortana、Alexa、Ok Google、Facebook M、Bixby——所有科技巨头都有自己的智能助理。然而,许多开发者并没有意识到,构建自己的 AI 助理其实非常简单!您可以根据自己的需求、物联网设备和自定义 API 进行定制,可能性无限。 注意:本文于 2017 年更新,以反映 Api.ai 的最新变化。 早些时候,我编写了一篇关于
    IT业界 . chrome 217 2025-02-17 09:16:08
  • Aurelia的冒险:创建自定义PDF查看器
    Aurelia的冒险:创建自定义PDF查看器
    本文经Vildan Softic同行评审。感谢所有SitePoint的同行评审员,让SitePoint的内容达到最佳状态! 在Web应用程序中处理PDF文件一直以来都非常棘手。如果幸运的话,你的用户只需要下载文件即可。但有时,用户需要更多功能。过去,我比较幸运,但这次,我们的用户需要应用程序显示PDF文档,以便他们可以保存与每个页面相关的元数据。以前,人们可能使用昂贵的PDF插件(例如Adobe Reader)在浏览器中运行来实现此目的。然而,经过一番时间和实验,我找到了一种更好的方法来在Web
    js教程 . chrome 756 2025-02-17 09:03:09
  • 通过网络动画API使页面栩栩如生
    通过网络动画API使页面栩栩如生
    这篇文章由来宾作者Dudley Storey探索了Web Animations API,这是一种创建动态和性能的Web动画的强大工具。 SitePoint的访客帖子旨在从领先的JavaScript专家提供引人入胜的内容。 关键亮点
    js教程 . chrome 458 2025-02-17 09:01:09
  • 什么是HTTP/2?
    什么是HTTP/2?
    HTTP/2:网页传输协议的重大升级 HTTP/2是超文本传输协议(HTTP)的最新版本,旨在取代HTTP/1.1。它通过二进制数据、压缩头部、管道化、多路复用和服务器推送等特性,显着提升了数据传输效率和速度。 HTTP/2与HTTP/1.1的差异 HTTP/2(最初名为HTTP/2.0)源于谷歌在2009年设计的SPDY协议。 HTTP/1.1存在一些局限性,例如在网页规模较小、CSS和JavaScript应用有限的时代设计,难以应对如今高带宽、Ajax驱动、单页应用和客户端框架的现状。 HTT
    IT业界 . chrome 745 2025-02-17 08:49:12
  • 使用Node.js和Elasticsearch构建搜索引擎
    使用Node.js和Elasticsearch构建搜索引擎
    本文经Mark Brown、Vildan Softic和Moritz Kröger同行评审。感谢所有SitePoint的同行评审员,让SitePoint的内容尽善尽美! Elasticsearch是一个开源搜索引擎,因其高性能和分布式架构而日益普及。本文将探讨其关键特性,并指导您如何使用它来创建一个Node.js搜索引擎。 关键要点 Elasticsearch是一个高性能的分布式搜索引擎,基于Apache Lucene构建,主要用于实时索引和搜索数据。 该系统是无模式的,可以自动检测数据结构和
    js教程 . chrome 949 2025-02-17 08:47:09
  • 使用NW.JS构建跨平台桌面应用
    使用NW.JS构建跨平台桌面应用
    NW.js:使用Web技术构建原生应用的框架 NW.js是一个强大的框架,允许开发者使用HTML、JavaScript和CSS等Web技术创建原生应用程序,从而生成混合应用,这些混合应用比普通的Web应用具有显着优势。 与另一个混合应用框架Electron相比,NW.js具有以下几个优势:支持chrome.* APIs、Chrome应用、NaCl和PNaCl应用、V8快照源代码保护、内置PDF查看器、打印预览以及在Web Workers中集成Node.js。 使用NW.js创建混合应用程序的过
    js教程 . chrome 383 2025-02-17 08:37:10
  • 将硒与phpunit一起使用
    将硒与phpunit一起使用
    测试是一个非常广泛的主题,无论是单元测试,功能测试,接受测试等。在本文中,我们将看到如何使用硒进行接受测试。我将使用一个实用示例来说明真正的用法C
    php教程 . chrome 396 2025-02-17 08:31:09
  • 如何使用Selenium Webdriver和Mocha测试JavaScript
    如何使用Selenium Webdriver和Mocha测试JavaScript
    核心要点 Mocha.js 是一个功能丰富的基于 Node.js 的 JavaScript 测试框架,可用于结合 Selenium WebDriver 3 和 NodeJS 编写 JavaScript 功能测试。这需要熟悉 NodeJS 和 JavaScript 编程语言的基础知识。 Mocha 提供了一个 API,用于将测试代码构建成测试套件和测试用例模块,从而实现执行和报告生成。它支持测试套件设置和拆卸函数,以及测试用例设置和拆卸函数。 Selenium WebDriver 是一个控制 W
    js教程 . chrome 474 2025-02-16 13:21:09

工具推荐

jQuery企业留言表单联系代码

jQuery企业留言表单联系代码是一款简洁实用的企业留言表单和联系我们介绍页面代码。
表单按钮
2024-02-29

HTML5 MP3音乐盒播放特效

HTML5 MP3音乐盒播放特效是一款基于html5+css3制作可爱的音乐盒表情,点击开关按钮mp3音乐播放器。
播放器特效
2024-02-29

HTML5炫酷粒子动画导航菜单特效

HTML5炫酷粒子动画导航菜单特效是一款导航菜单采用鼠标悬停变色的特效。
菜单导航
2024-02-29

jQuery可视化表单拖拽编辑代码

jQuery可视化表单拖拽编辑代码是一款基于jQuery和bootstrap框架制作可视化表单。
表单按钮
2024-02-29

有机果蔬供应商网页模板 Bootstrap5

一款有机果蔬供应商网页模板-Bootstrap5
Bootstrap模板
2023-02-03

Bootstrap3多功能数据信息后台管理响应式网页模板-Novus

Bootstrap3多功能数据信息后台管理响应式网页模板-Novus
后端模板
2023-02-02

房产资源服务平台网页模板 Bootstrap5

房产资源服务平台网页模板 Bootstrap5
Bootstrap模板
2023-02-02

简约简历资料网页模板 Bootstrap4

简约简历资料网页模板 Bootstrap4
Bootstrap模板
2023-02-02

可爱的夏天元素矢量素材(EPS+PNG)

这是一款可爱的夏天元素矢量素材,包含了太阳、遮阳帽、椰子树、比基尼、飞机、西瓜、冰淇淋、雪糕、冷饮、游泳圈、人字拖、菠萝、海螺、贝壳、海星、螃蟹、柠檬、防晒霜、太阳镜等等,素材提供了 EPS 和免扣 PNG 两种格式,含 JPG 预览图。
PNG素材
2024-05-09

四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)

这是一款红的的 2023 毕业徽章矢量素材,共四个,提供了 AI 和 EPS 和免扣 PNG 等格式,含 JPG 预览图。
PNG素材
2024-02-29

唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)

这是一款由唱歌的小鸟和装满花朵的推车设计的春天 banner 矢量素材,提供了 AI 和 EPS 两种格式,含 JPG 预览图。
banner图
2024-02-29

金色的毕业帽矢量素材(EPS+PNG)

这是一款金色的毕业帽矢量素材,提供了 EPS 和免扣 PNG 两种格式,含 JPG 预览图。
PNG素材
2024-02-27

家居装潢清洁维修服务公司网站模板

家居装潢清洁维修服务公司网站模板是一款适合提供家居装潢、清洁、维修等服务机构宣传网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2024-05-09

清新配色个人求职简历引导页模板

清新配色个人求职简历引导页模板是一款适合清新配色风格的个人求职简历作品展示引导页网页模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2024-02-29

设计师创意求职简历网页模板

设计师创意求职简历网页模板是一款适合各种不同设计师岗位个人求职简历展示网页模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2024-02-28

现代工程建筑公司网站模板

现代工程建筑公司网站模板是一款适合从事工程建筑服务行业宣传网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2024-02-28