allway2
码龄11年
  • 3,861,921
    被访问
  • 3,494
    原创
  • 80
    排名
  • 1,224
    粉丝
关注
提问 私信
  • 加入CSDN时间: 2011-05-01
博客简介:

allway2的博客

查看详细资料
  • 9
    领奖
    总分 12,677 当月 1,134
个人成就
  • 获得758次点赞
  • 内容获得438次评论
  • 获得3,631次收藏
创作历程
  • 675篇
    2022年
  • 1286篇
    2021年
  • 709篇
    2020年
  • 886篇
    2019年
成就勋章
  • 入选《JavaScript领域内容榜》第34名
  • 最近
  • 文章
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

CSS 选择器备忘单

作为一名前端开发人员,很多时候你会说,“那个接受子元素并应用 CSS 的属性是什么?”或有相同想法的东西。当你开始学习 CSS 时,它是无穷无尽的。选择器是您开始使用 CSS 时首先需要了解的内容之一。一旦深入研究 CSS 选择器,您会发现 CSS 选择器比您最初想象的要多得多。无论您是经验丰富的 Web 开发人员还是新手,CSS 选择器备忘单总能派上用场,以创建跨浏览器兼容的网站。借助终极 CSS 选择器备忘单,您将学习复杂的功能强大的 CSS 选择器,通过允许您根据属性控制和操作多个元素,从而.
原创
发布博客 19 小时前 ·
25 阅读 ·
0 点赞 ·
0 评论

使用 HTML CSS 和 JavaScript 创建星级评分系统

各位读者好,今天在本博客中,您将学习如何使用 HTML CSS 和 JavaScript 创建星级评分系统 (Widget)。早些时候,我还分享了一篇关于Star Rating Widget 的博客,仅使用 HTML 和 CSS。但是这个程序是先进的,并且比以前的 Star Rating System 具有更多的功能,因为我在这个程序中添加了 JavaScript 以使其更先进。星级评分是一个评分问题,它为人们提供带有几颗星的产品或服务评分。星数可以从 5 到 10 星不等。星级评分问题是一种评分问题,
原创
发布博客 前天 22:22 ·
75 阅读 ·
0 点赞 ·
0 评论

如何在 CSS 中创建形状

在今天的教程中,让我们创建一个可以使用 CSS3 创建的最常见形状的简单列表。我们将通过文章取得进展,最后,您将学习如何创造真正伟大的东西。本教程将让您深入了解 CSS3 形状以及如何自己创建它们。它涵盖了多种形状,可以真正加快您的网站速度,因为对图像的需求将会减少。让我们开始!如果您正在寻找 SVG 的介绍,请查看这篇文章:如何使用 SVG 创建简单形状。完成本教程需要什么CSS3的知识 时间和耐心创建一个 CSS 圆圈HTML要在 CSS 中创建一个圆圈,首先我们需要一个
原创
发布博客 前天 22:15 ·
20 阅读 ·
0 点赞 ·
0 评论

创建五星级评级的五种方法

在喜欢和社交统计的世界中,评论是留下反馈的一种非常重要的方法。用户往往喜欢先了解他人的意见,然后再决定自己购买的物品,甚至是看电影看的文章,或者就餐的餐厅。开发人员经常与审查作斗争——通常会看到难以访问和过于复杂的实现。嘿,CSS-Tricks 有一个片段,它现在接近十年了。让我们来看看这个经典设计模式的新的、可访问的和可维护的方法。我们的目标是定义需求,然后进行思考过程和考虑如何实现它们的旅程。界定工作范围您是否知道,使用星级作为评级的历史可以追溯到 1844 年,当时它们首次在Mur
原创
发布博客 前天 21:57 ·
16 阅读 ·
0 点赞 ·
0 评论

什么是 HTML div标签以及如何使用 CSS 设置样式

HTML 分割标记,简称为“div”,是一种特殊元素,可让您在网页上将相似的内容集组合在一起。您可以将其用作关联相似内容的通用容器。标签是最常用的div标签之一,尽管引入了语义元素(这些元素让您可以使用多个标签作为容器),但它似乎并没有出现在任何地方。在本教程中,我将向您展示div您可以使用标签执行的各种操作,如何在同一个 HTML 文件中使用多个 div 而不会感到困惑,以及如何设置它的样式。何时使用div标签div标签是多用途的——你可以用它在网页上做几件事。您将主要在 Web 布局和
原创
发布博客 前天 21:49 ·
21 阅读 ·
0 点赞 ·
0 评论

用 JavaScript 编写日历:第 2 部分

以下是非常流行的用 JavaScript 编写日历的后续内容,其中我用 JavaScript 创建了一个日历小部件。在继续这篇文章之前,您应该继续阅读该文章并熟悉该过程,因为我将使用相同的代码来呈现以下内容。我将通过允许用户通过单击日期区域和一次拖动多个日期来选择多天来继续实施。HTML<!DOCTYPE html><html> <head> <meta charset="utf-8">...
原创
发布博客 前天 19:13 ·
22 阅读 ·
0 点赞 ·
0 评论

用 JavaScript 编写日历

概述在本教程中,我将介绍使用几行 JavaScript 将日历渲染到网页上。日历将包括仅使用普通旧 JavaScript的月份和年份的下拉列表。流程如下:将月份渲染到下拉列表中 将年份渲染到下拉列表中 呈现当前选择的月/年组合的天数 更改月份/年份时重新绘制日历更改月份和/或年份将重新绘制日历以匹配给定月份和年份的正确日期。如果你是 JavaScript 的初学者,或者只是需要更多的洞察力,我强烈推荐你可以在亚马逊上购买的 JavaScript Ninja 的秘密。这是一本扎实的读物,本
原创
发布博客 前天 18:34 ·
38 阅读 ·
0 点赞 ·
0 评论

如何使用 JavaScript 显示/隐藏或切换 DIV 元素

在 jQuery 中,您可以使用 .toggle() 方法来切换元素,任何元素。但是,如果您正在寻找纯 JavaScript 解决方案,那么这里就是。我在这里分享一个简单的代码,它展示了使用 JavaScript 切换或显示/隐藏 DIV 元素是多么容易。相关:使用 jQuery 基于下拉选择切换 DIV 元素<div> 元素通常用作容器,它还会包含许多其他元素,例如 form。您可能希望在满足某些条件时显示或隐藏 <div> 元素。这是一个常见的场景。我希望在按钮.
原创
发布博客 前天 17:47 ·
20 阅读 ·
0 点赞 ·
0 评论

TOAST.UI:免费、开源的交互式 JavaScript 应用程序组件

在做一个项目时,我需要一个日历库。正如我对每个项目所做的那样,我倾向于不使用以前使用过的库,而是尝试学习和使用新的东西。这就是我发现 Toast.ui 的原因,它是一个功能丰富的开源 UI 库,用于构建生产就绪型应用程序。Toast.ui 提供什么?Toast.ui 提供了完整的应用程序和您可以使用的基于应用程序的独立组件。应用1- 日历日历:一个完全可定制的日历库,具有多个日历视图、拖放和调整大小选项。与其他类似的免费和开源库不同,Toast.ui 日历提供了一种反应式的内联事件的
原创
发布博客 前天 16:40 ·
18 阅读 ·
0 点赞 ·
0 评论

JavaScript CRUD 示例

index.html<!DOCTYPE html><html> <head> <title>javascript CRUD application</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="htt
原创
发布博客 2022.05.26 ·
13 阅读 ·
0 点赞 ·
0 评论

使用 JavaScript 删除disabled属性

要删除disabled属性,请选择元素并调用其removeAttribute()上的方法,将其disabled作为参数传递,例如btn.removeAttribute('disabled').该removeAttribute方法将从元素中删除disabled属性。这是本文中示例的 HTML。index.html<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8...
原创
发布博客 2022.05.26 ·
17 阅读 ·
0 点赞 ·
0 评论

函数式 vs 面向对象 vs 过程式编程三种方法 JavaScript 示例

介绍这是一个真实的例子,展示了三种最常见的编程范式之间的差异。我将以三种不同的方式解决一个问题。它基于Academind Video,但最终我的解决方案发生了一些变化。每个示例将处理表单提交、验证用户输入并将创建的用户打印到控制台。我还添加了保存错误记录器。html<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta h...
原创
发布博客 2022.05.26 ·
13 阅读 ·
0 点赞 ·
0 评论

Functional vs OOP vs Procedural三种方法 JavaScript 示例

#有什么问题?当谈到编写好的代码时,您可以深入探讨关于好的代码到底是什么样子以及您应该遵循哪种编程范式的高度哲学讨论。不过,本文(和视频,见上文)不会参与这些讨论 - 相反,我们将深入探讨三种非常重要的编写代码的方式并进行比较。程序化编程 面向对象编程 函数式编程这三种方法将在 JavaScript 的示例中展示,但它们适用于大多数编程语言(尽管有些语言会将您推向某种范式 - JavaScript 没有)。您可以在本页顶部的视频中找到这三种方法的详细比较!在那里,我们构建了一个简单的
原创
发布博客 2022.05.25 ·
20 阅读 ·
0 点赞 ·
0 评论

使用JavaScript class或function创建待办To do 应用

HTML(使用JavaScript class或function相同)<html> <head> <title>to do application</title> <link rel="stylesheet" href="style.css"></link> <script src="https://kit.fontawesome.com/8160d6fcce.js"
原创
发布博客 2022.05.25 ·
16 阅读 ·
0 点赞 ·
0 评论

JavaScript 三点 (...) 运算符

在 JavaScript 中,三点运算符 (...) 意味着两件事:扩展运算符 其余运算符当用作扩展运算符时,三点运算符扩展数组的元素,其中需要零个或多个参数。一个典型的例子是合并两个数组时。例如:const boys = ['Bob', 'Charlie'];const girls = ['Alice', 'Diana'];const all = [...boys, ...girls];console.log(all); // ["Bob", "Charlie",
原创
发布博客 2022.05.25 ·
76 阅读 ·
3 点赞 ·
2 评论

JavaScript 类的完整指南

JavaScript 使用原型继承:每个对象都从其原型对象继承属性和方法。传统的类作为创建对象的蓝图,在 Java 或 Swift 等语言中使用,在 JavaScript 中不存在。原型继承只处理对象。原型继承可以模拟经典的类继承。为了将传统类引入 JavaScript,ES2015 标准引入了class语法:原型继承之上的语法糖。这篇文章让你熟悉 JavaScript 类:如何定义一个类,初始化实例,定义字段和方法,理解私有和公共字段,掌握静态字段和方法。目录1.定义:class关键
原创
发布博客 2022.05.25 ·
11 阅读 ·
0 点赞 ·
0 评论

学习如何在 JavaScript 中创建类

2015 年,发布了 JavaScript 编程语言的 ES6 版本。此版本对该语言进行了一些重大升级,并正式将其置于 Java 和 C++ 等其他语言中的面向对象编程语言的类别中。面向对象的编程关注对象以及可以对它们执行的操作。但是,在您拥有任何对象之前,您需要拥有一个类。JavaScript 类是该语言的 ES6 版本附带的改变游戏规则的特性之一。类可以描述为用于创建对象的蓝图。在本教程文章中,您将学习如何使用 JavaScript 类创建和操作对象。
原创
发布博客 2022.05.25 ·
16 阅读 ·
0 点赞 ·
0 评论

如何在 JavaScript 中获取对象的类

使用constructor对象上的属性来获取对对象类的引用,例如obj.constructor.该constructor属性返回对创建实例对象的构造函数的引用。index.jsclass Person {}const p1 = new Person();console.log(p1.constructor); // 👉️ [class Person]我们使用Object.constructor属性来获取我们用来创建对象实例的类的引用。您还可以使用运算符验证co...
原创
发布博客 2022.05.25 ·
15 阅读 ·
0 点赞 ·
0 评论

JavaScript 中的类和对象

类JavaScript 中的类是在 ES6/ECMAScript2015 中引入的。类是一种带有关键字的函数class。类在严格模式下执行,因此包含静默错误或错误的代码会抛出错误。JavaScript 类可以有一个构造方法,这是一个特殊的方法,每次创建对象时都会调用。构造方法通常用于设置对象的初始值。例子class Song { constructor() { this.name; this.songBy; } play() { console.log('Song is
原创
发布博客 2022.05.25 ·
11 阅读 ·
0 点赞 ·
0 评论

MVC 与 MVVM:示例的主要区别

什么是 MVC?MVC 框架是一种架构模式,它将应用程序分为三个主要的逻辑组件模型、视图和控制器。因此缩写为 MVC。完整形式的 MVC 是模型视图控制器。在此体系结构中,构建了一个组件来处理应用程序的特定开发方面。MVC 将业务逻辑和表示层相互分离。这种架构模式主要用于桌面图形用户界面(GUI)。什么是 MVVM?MVVM 架构借助标记语言或 GUI 代码促进了图形用户界面的开发分离。MVVM 的完整形式是 Model-View-ViewModel。MVVM 的视图模型是一个值转换器,
原创
发布博客 2022.05.25 ·
25 阅读 ·
0 点赞 ·
0 评论
加载更多