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

  • 功能组成:可维护代码的构建块
    功能组成:可维护代码的构建块
    JavaScript 函数组合:构建更易维护的代码 JavaScript 函数组合是一种将多个简单函数组合成单个更复杂函数的技术,这些函数按逻辑顺序对给定数据执行子函数操作。函数应用的顺序会产生不同的结果。 为了编写可维护的代码,理解每个被组合函数的返回类型至关重要,以确保下一个函数可以正确处理它。JavaScript 不会阻止组合返回不合适类型函数,因此这部分责任落在程序员身上。 对不熟悉函数式编程范式的人来说,组合函数可能会使代码看起来很复杂。但是,随着 ES2015 语法的出现,使用箭头函
    js教程 800 2025-02-17 11:19:09
  • 没有反应的redux
    没有反应的redux
    本文经Vildan Softic同行评审。感谢所有SitePoint的同行评审员,让SitePoint的内容尽善尽美! 我属于那种喜欢从零开始,并了解一切工作原理的开发者。虽然我知道这给自己带来了(不必要的)工作量,但这确实帮助我欣赏和理解特定框架、库或模块背后的机制。 最近,我又经历了这样的时刻,开始使用Redux和纯JavaScript开发一个Web应用程序。在本文中,我想概述我的应用程序结构,检查我早期(最终失败的)迭代,然后看看我最终选择的解决方案以及在此过程中学到的知识。 关键要点
    js教程 681 2025-02-17 11:09:13
  • 缓存在本地提取Ajax请求:包装Fetch API
    缓存在本地提取Ajax请求:包装Fetch API
    本文由特邀作者Peter Bengtsson撰写。SitePoint特邀文章旨在为您带来来自JavaScript社区知名作家和演讲者的精彩内容 本文演示了如何实现已提取请求的本地缓存,以便如果重复执行,则从会话存储中读取。这样做的好处是,您无需为要缓存的每个资源编写自定义代码。 如果您想在下次JavaScript聚会上炫耀一番,展示您在处理Promise、最先进的API和本地存储方面的各种技能,请继续阅读。 主要收获 利用Fetch API,开发人员可以创建AJAX请求的本地缓存,通过减少冗余
    js教程 563 2025-02-17 11:06:10
  • 使用NGRX/Store管理Angular 2应用程序中的状态
    使用NGRX/Store管理Angular 2应用程序中的状态
    使用NGRX/Store管理Angular 2中的应用程序状态:综合指南 本文使用NGRX/Store库(REDUX实现利用RXJS)探讨了Angular 2应用程序中的有效状态管理。 我们将解决挑战
    js教程 688 2025-02-17 11:05:15
  • 2017年的6个免费材料设计CSS框架
    2017年的6个免费材料设计CSS框架
    Google的材料设计:深入研究CSS框架 主要注意事项: 自2014年首次亮相以来,Google的材料设计已成为众多Google产品及其他地区的主要设计语言。 网络开发人员可以利用其美学
    css教程 915 2025-02-17 11:04:13
  • 构建JavaScript 3D Minecraft编辑器
    构建JavaScript 3D Minecraft编辑器
    本文探讨了仅使用CSS转换,HTML和JavaScript构建基本3D Minecraft风格的世界,避免了复杂的3D编程。 作者利用其现有的CSS知识,强调了Z Index,L,L
    js教程 984 2025-02-17 10:55:10
  • 快速提示:JavaScript中的工厂功能是什么
    快速提示:JavaScript中的工厂功能是什么
    JavaScript 工厂函数:构建可组合对象的强大模式 JavaScript 工厂函数是一种返回对象的函数,无需使用 new 或 this 关键字即可创建多个类似的对象。本文将探讨工厂函数的几种用法,包括参数化工厂函数、可组合工厂函数、异步工厂函数以及高阶工厂函数,展示如何利用它们构建更灵活、更易维护的 JavaScript 代码。 核心概念 工厂函数: 返回对象的函数。 参数化工厂函数: 接受参数以改变返回对象结构的工厂函数。 可组合工厂函数: 通过组合其他工厂函数来构建复杂对象的工
    js教程 709 2025-02-17 10:54:13
  • 使用Node和Heroku构建Facebook聊天机器人
    使用Node和Heroku构建Facebook聊天机器人
    构建一个使用 Node.js 和 Heroku 的 Facebook 聊天机器人,由 Joan Yin 和 Camilo Reyes 进行了同行评审。感谢所有 SitePoint 的同行评审员,使 SitePoint 的内容达到最佳状态! 在去年的 f8 大会上,Facebook 推出了 Messenger 平台,使开发者能够创建能够与 Messenger 上或 Facebook 页面上的人进行对话的机器人。借助机器人,应用程序所有者可以通过提供个性化和交互式通信来更好地与用户互动,这种通信可
    js教程 848 2025-02-17 10:52:14
  • 开发jQuery插件简介
    开发jQuery插件简介
    jQuery 插件:提升开发效率的利器 本文将深入探讨 jQuery 插件的开发,阐述其优势并指导您逐步创建自己的插件。 jQuery 插件能够显着缩短开发时间,提高代码复用率。只需编写一次功能代码,即可在多个项目中重复使用,极大提升开发效率。我们将以一个名为 fancytoggle 的示例插件为例,演示插件开发的各个环节。该插件用于切换嵌套元素(例如列表项)的可见性,创建类似手风琴的交互式组件,例如常见问题解答 (FAQ) 部分。 您可以访问 CodePen 查看 fancytoggle 插件
    js教程 578 2025-02-17 10:50:13
  • 管理CSS框模型
    管理CSS框模型
    CSS 盒模型:理解网页布局的关键 理解 CSS 最重要的点在于:一切皆为盒子。更具体地说,文档中的每个元素都会生成一个盒子。这个盒子可以是块级盒子,也可以是内联级盒子。盒子的类型决定了元素如何影响页面布局。CSS 盒模型是一个用于描述 HTML 元素布局和大小的概念。每个元素都包含一个用于其内容、填充、边框和边距的盒子。这些盒子组合在一起,决定了元素内容的布局以及相邻元素如何与其并排显示: 元素是否创建盒子以及创建哪种类型的盒子将取决于标记语言。CSS 发展成为一种为 HTML 文档设置样式
    css教程 721 2025-02-17 10:49:11
  • 使用node.js,git和markdown构建微博
    使用node.js,git和markdown构建微博
    构建基于Node.js、Git和Markdown的微型博客 本文探讨了如何使用Node.js、Git和少量依赖项构建一个微型博客。此应用旨在从提交到存储库的文件中提供静态内容。您将学习如何构建和测试应用程序,并深入了解交付解决方案的过程。最终,您将拥有一个极简的、可运行的博客应用程序,您可以在此基础上进行构建。 关键要点: Node.js 提供了一套平衡的 API,非常适合构建无需不必要复杂性的微型博客平台。 Git 用于将博客文章存储为版本控制的文本文档,无需使用传统的数据库。 Markd
    js教程 537 2025-02-17 10:48:14
  • 图表简介JS 2.0
    图表简介JS 2.0
    本文是我们现代JavaScript选集的一部分。有关现代JavaScript的综合指南,请探索SitePoint Premium并下载您的副本。 蒂姆·塞维恩(Tim Severien)和西蒙·科德林顿(Simon Codrington)对同行进行了评论。 感谢所有SitePoint的同行评审!
    js教程 1019 2025-02-17 10:47:09
  • 介绍Graphicsjs,一个功能强大的轻量级图形库
    介绍Graphicsjs,一个功能强大的轻量级图形库
    HTML5:现代网络的基石。如今,在创建交互式图像时,SVG 和 Canvas 通常是首选技术——Flash 已被遗忘,Silverlight 则成为网络边缘罕见的独角兽,很少有人记得第三方插件。 每种技术的优缺点都有详细记录,但简而言之,SVG 更适合创建和处理交互式元素。这是因为 SVG 是一种基于 XML 的矢量格式,当使用 标签将图像加载到页面中时,其中的每个元素都可以在 SVG DOM 中使用。 在本文中,我想向您介绍 GraphicsJS,这是一个基于 SVG 的全新强大的开源 J
    js教程 295 2025-02-17 10:42:15
  • 与ramda.js的实践功能编程
    与ramda.js的实践功能编程
    本文经 Yaphi Berhanu、Vildan Softic、Jani Hartikainen 和 Dan Prince 审核。感谢所有 SitePoint 的同行评审员,使 SitePoint 内容达到最佳状态! JavaScript 的魅力之一在于其函数式编程特性。从一开始,函数就是 JavaScript 世界中的一等公民。这使得编写优雅且富有表现力的代码成为可能,这些代码可以以多种方式轻松组合在一起。然而,仅仅具备进行函数式编程的能力并不能自动实现函数式编程。Ramda.js 是一个非常
    js教程 285 2025-02-17 10:40:10
  • 引入网站速度测试:图像分析工具
    引入网站速度测试:图像分析工具
    提升网站速度和用户体验:利用Website Speed Test优化图片 图片占据网页重量的大部分,因此,系统的图片优化对转化率和用户体验至关重要。你选择的性能测试工具会极大影响网站的构建和维护。WebPagetest就是一个广受欢迎的开源工具,它旨在衡量和分析网页性能,这也是Cloudinary选择与他们合作推出Website Speed Test的原因。 Website Speed Test是一款图片分析工具,它提供的优化建议远超简单的压缩检查。该工具利用Cloudinary的先进算法,展示
    css教程 956 2025-02-17 10:35:11

工具推荐

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