0基础学前端
关注
分享
扫一扫
文章平均质量分 85
0基础学前端
无限大.
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
解析跨域：原理、解决方案与实践指南
在现代Web开发中，跨域问题是一个常见且重要的挑战。随着互联网应用的日益复杂，前端与后端之间的交互越来越频繁，跨域请求的需求也随之增加。原创 2025-02-19 20:18:32 · 1445 阅读 · 0 评论 -
实现前端当中的页面过渡动画
在现代网页设计中，用户体验是至关重要的。而页面切换时的平滑过渡效果，不仅能让界面更加美观，也能增强用户的互动体验。原创 2025-01-29 19:46:50 · 1358 阅读 · 0 评论 -
用HTML、CSS和JavaScript实现庆祝2025蛇年大吉（附源码）
实时更新的时钟显示当前日期的日历烟花效果，营造节日气氛主要内容“2025蛇年大吉”蛇年主题元素（如蛇的图案、颜色等）除夕主题元素（如红包、鞭炮等）通过这些元素，我们可以让访问者感受到浓厚的节日氛围。原创 2025-01-28 18:26:46 · 2752 阅读 · 1 评论 -
基于 HTML5 Canvas 制作一个精美的 2048 小游戏--day 1
在这个快节奏的生活中，简单而富有挑战性的游戏总能给我们带来乐趣。2048是一款受欢迎的益智游戏，不仅考验智力，还能让人回味无穷。今天，我带领大家将一起学习如何使用HTML5Canvas来制作一个精美的2048小游戏。原创 2025-01-17 22:36:56 · 1521 阅读 · 0 评论 -
HTTP状态码详解
HTTP状态码是服务器所返回的数字代码，用于指示HTTP请求的处理结果。1xx：信息性状态码（Requestreceived,continuingprocess）2xx：成功状态码（Therequestwassuccessfullyreceived,understood,andaccepted）3xx：重定向状态码（Furtheractionneedstobetakeninordertocompletetherequest）4xx。原创 2025-01-17 21:42:26 · 1114 阅读 · 0 评论 -
网页美观进阶：每一种渐变的实现方式
在 CSS 中，渐变是一种平滑过渡的颜色变化效果。它可以是线性的，也可以是径向的。通过渐变，开发者可以创建独特的背景、按钮或图形元素，而无需使用图像文件，使得网页的加载速度更快。线性渐变沿着一条直线从一种颜色过渡到另一种颜色。渐变的方向可以通过关键词或角度来定义。径向渐变是一种从中心点向四周扩散的颜色变化效果，通常用于创建更具张力的视觉效果。多色渐变允许我们同时使用多种颜色，使渐变效果更为复杂和生动。原创 2025-01-13 23:49:53 · 1180 阅读 · 0 评论 -
理解AJAX与Axios：异步编程的世界
AJAX和Axios为我们提供了强大的工具来进行异步编程。AJAX作为一种传统的异步请求方式，在浏览器中广泛使用，适合简单的数据交互。而Axios作为一个基于Promise的现代HTTP客户端，不仅能提升代码的可读性和易用性，还提供了更多的功能，例如请求拦截、响应拦截、自动转换JSON等，这使得开发者的工作变得更加高效。理解同步编程与异步编程的区别，对于开发者在不同场景中选择最合适的解决方案至关重要。同步代码简单易懂，但在处理I/O操作时，可能会导致性能瓶颈。原创 2025-01-13 23:35:33 · 1827 阅读 · 0 评论 -
深入探讨HTML页面中CSS的加载顺序
在创建网页时，CSS（层叠样式表）对于设计和用户体验至关重要。然而，许多开发者对CSS在HTML文档中的加载顺序了解不够深入。原创 2024-12-17 08:47:48 · 1362 阅读 · 0 评论 -
0基础学前端系列 -- 前端的存储方式
在Web开发中，选择合适的存储机制是至关重要的。Session：适合存储用户的会话状态，数据存储在服务器端。Cookie：适合存储小型数据，支持过期时间和主机限制。：适合存储持久的用户偏好设置，数据不会过期。：适合存储会话级别的数据，关闭浏览器后数据会丢失。IndexedDB：适合存储大量结构化数据和二进制数据，支持异步操作。存储方式存储位置数据大小限制过期时间存储类型同源策略使用场景Session服务器端取决于服务器配置有过期时间可以存储复杂数据是。原创 2024-11-26 20:49:26 · 1283 阅读 · 0 评论 -
0基础学前端系列 -- 深入理解 HTML 布局
和和属性分别用于设置 CSS Grid 布局中网格的行高和列宽。这两个属性的灵活性与相似性使得开发者可以根据具体设计需求创建多样的布局。以下将详细探讨这两个属性的使用。1.1. 固定的列宽和行高通过直接指定具体数值，可以创建具有固定宽度和高度的网格。这样的方式简单明了，尤其适用于对尺寸要求严格的场景。/* 定义三列，具体宽度为 250px、150px 和 250px *//* 行列间隙 *//* 定义两行，行高均为 60px */在上述代码中，设置为。原创 2024-11-25 22:35:18 · 1960 阅读 · 0 评论 -
0基础学前端 day9 -- 了解JS框架
Vue.js 是一个渐进式的 JavaScript 框架，用于构建用户界面。它的核心库关注于视图层，容易上手，并且可以与其他库或项目结合使用。Vue.js 的组件化结构使得代码的重用变得更加容易。React 是一个用于构建用户界面的 JavaScript 库，强调组件和数据流。在 React 中，每个组件都可以具有自己的状态，组件之间的交互和数据流是通过 props 完成的。无论是 Vue.js 还是 React，它们都在现代Web开发中扮演着重要的角色。原创 2024-11-13 17:01:07 · 953 阅读 · 0 评论 -
0基础学前端 day9--css布局
CSS布局概述一、引言CSS布局是Web开发中至关重要的一部分，用于控制网页元素的排列和显示方式。不同的布局技术被应用于网页设计中，以确保其在各种设备和屏幕尺寸上都具有良好的用户体验。CSS布局技术包括浮动（float）、定位（position）、盒模型、Flexbox（伸缩盒）、和Grid（网格布局）等。浮动（Float）浮动是一种传统的布局方式，最初用于实现文字环绕的功能。浮动元素会脱离正常文档流，并向左或向右移动，允许后续内容围绕它们排列。代码示例<html><head原创 2024-10-01 18:02:39 · 2479 阅读 · 0 评论 -
0基础学前端 day8 -- HTML表单
表单（Form）是网页中用于接收用户输入的区域，是Web应用程序与用户之间进行数据交互的关键元素。HTML使用标签来定义表单，表单元素可以收集用户的各种输入，如文本框、复选框、选择框等。表单的数据可以通过网络发送到服务器进行处理。原创 2024-09-30 11:09:19 · 1488 阅读 · 0 评论 -
0基础学前端 day7--互联网和浏览器背后的技术
互联网是一个全球性的信息基础设施，连接了世界各地的计算机网络，是一个庞大且复杂的计算机网络系统。它允许用户以多种方式进行通信和数据交换，包括电子邮件、社交媒体平台、网络购物、视频会议以及在线教育等应用。互联网通过提供开放访问的信息资源和服务，极大地影响了社会、经济和文化。HTTP（超文本传输协议）和HTTPS（安全超文本传输协议）是互联网上使用最广泛的协议。它们专注于如何从Web服务器传输网页到用户浏览器。HTTP：是一种无状态的协议，意味着每一对请求和响应是独立的。原创 2024-09-29 11:13:48 · 1451 阅读 · 0 评论 -
0基础学前端 day6 -- 搭建github pages静态网址
标题：如何通过 GitHub Pages 创建一个静态网站GitHub Pages 是 GitHub 提供的一项免费服务，允许用户从 GitHub 仓库中托管静态网站。对于开发者和非开发者来说，这都是一个极其便利的工具，用于创建和发布个人博客、项目文档或作品集。GitHub Pages 是基于 GitHub 仓库创建的静态网站托管服务。用户可以把 Markdown 或 HTML 文档转化为网站来展示，并拥有一个免费的 github.io 域名。这些网站通常托管在 GitHub 的服务器上，任何人都可以通过浏原创 2024-09-28 11:04:03 · 2254 阅读 · 0 评论 -
0基础学前端 day5 -- JS指南
JavaScript 前端学习指南JavaScript是当今Web开发的核心语言之一。作为前端开发的基石，掌握JavaScript有助于开发者构建动态、交互丰富的网页应用程序。本文将详细介绍JavaScript的基本语法、DOM和BOM的使用、接口请求、最新的ES6+特性，以及一些重要的概念如变量提升、事件冒泡与捕获、作用域和原型。JavaScript的基本语法详解JavaScript的基本语法是任何开发者必须首先掌握的重要知识。它为我们与浏览器进行交互提供了强大功能，同时也是理解更复杂概念的基础。以原创 2024-09-27 15:55:57 · 1656 阅读 · 0 评论 -
0基础学前端 day4
大家好，欢迎来到无限大的频道。今天继续带领大家开始0基础学前端。一、 什么是Bootstrap框架？Bootstrap是一个开源前端框架，于2011年由Twitter的开发团队开发并发布。其主要目的是简化开发过程，并使开发者能够轻松快速地构建响应式网站和应用程序。它提供了一系列的HTML、CSS和JavaScript组件，如网格系统、按钮、导航栏、表单等，帮助开发者创建一致且美观的用户界面。Bootstrap最大的优势在于其响应式设计，能够自动适应各种设备尺寸。此外，Bootstrap的丰富文档和活跃原创 2024-09-26 16:01:18 · 844 阅读 · 0 评论 -
0基础学前端 day3
CSS3是CSS（层叠样式表）的最新版本。相较于之前的版本，CSS3带来了许多新特性，使前端开发人员能够更轻松地创建动画、响应式设计和复杂的视觉效果。CSS3的更新不仅改善了开发体验，还大大扩展了其对现代Web应用程序动态需求的支持。原创 2024-09-25 12:55:14 · 1011 阅读 · 0 评论 -
0基础学前端 day2 番外
类选择器可以在HTML元素的 `class` 属性中使用，可以在多个元素上使用同一个类。- ID选择器只能在HTML文档中一个元素的 `id` 属性中使用，必须保证唯一性。原创 2024-09-24 19:34:08 · 459 阅读 · 0 评论 -
0基础学前端 day2--css基础
层叠样式表（CSS，Cascading Style Sheets）是用来进行网页样式和布局设计的语言。通过CSS，开发者可以控制网页中元素的颜色、字体、大小、间距以及布局等视觉效果。CSS让页面不仅仅是信息的载体，还能提升用户的视觉体验和交互感受。原创 2024-09-24 19:19:14 · 885 阅读 · 0 评论 -
0基础带你学前端 day 01 前端基础
大家好，欢迎来到无限大的频道。今天带领大家开始0基础学前端。关于编译器和编译环境的问题，我在此就不过多的进行赘述，网络上有很多视频和文章都比较详细。原创 2024-09-23 19:07:52 · 791 阅读 · 0 评论