前端开发
文章平均质量分 96
本文集包含博主全栈之前端技术学习的思路、笔记脑图,帮助各位小白看友迅速入门,以及应对大学相关课程考试,希望对大家有帮助。
全栈工程师修炼指南
从业于安全运维工作,爱好于网络攻防技术,毕业于物联网工程,持续发布运维、开发、安全等相关知识文章与相关工作实践,记录分享学习历程,希望各位看友关注唯一极客知识分享,一起交流进步。
展开
-
全栈之前端 | 8.CSS3基础知识之文本样式学习
描述: 通过前面几章的学习,相信大家已经对CSS有了一个简单的了解吧,现在我们又回到使用频率较高的文本 text图像 images表单 table等元素CSS样式的设置,此章节主要讲解针对文本的相关CSS属性以其使用的示例演示。若对前面学习的知识还不熟悉的可访问《#全栈工程师修炼指南》专栏加深学习,若对你学习有帮助,还请多多支持作者创作。通过本章将学习如下文本属性,您可以改变文本的颜色、文本及其他元素宽高尺寸、文本方向、对齐文本、文本进行缩进、字符间距、文本装饰以及文本大小和字体等。# 文本颜色。原创 2023-10-17 18:21:46 · 120 阅读 · 0 评论 -
全栈之前端 | 7.CSS3基础知识之响应式网页设计学习
敲黑板,响应式设计是前端页面开发学习中最重要的一篇,响应式设计指的是一个响应浏览环境的网页或者应用设计。它涵盖了很多 CSS 和 HTML 的功能和技术,现在基本上就是我们默认建设网站的方式。在早期设计Web时由于设备是特定的屏幕大小,所以设计者基本是按照主流行的手机和平板的屏幕尺寸来呈现内容就算完毕了;而随着社会科技的不断发展,人们使用的电子设备的屏幕尺寸的种类越来越多(不同品牌的手机、ipad平板、电脑),遂出现了响应式网页设计的概念(原创 2023-10-11 18:05:23 · 113 阅读 · 0 评论 -
全栈之前端 | 6.CSS3基础知识之网页几种布局方法学习(1)
描述: 前面相信大家已经跟着【WeiyiGeek】作者一起学习了CSS基础知识了,并且了解了盒子模型、以及元素的定位浮动方面的知识。现在我们在此基础上继续深入学习CSS布局,它是学习CSS之路上一个重点,是在进行前端开发时常常使用到的,所以说我们需要认真学习,若有不懂的地方可以在文章末尾,以及作者交流群【在公众号回复微信交流群】进行留言交流。同时,欢迎各位看友支持《#前端学习之路》专栏的更新。转载 2023-09-25 21:03:15 · 553 阅读 · 0 评论 -
全栈之前端 | 6.CSS3基础知识之网页几种布局方法学习(2)
由于篇幅过长的原因,作者将CSS布局文章分为两个小节,前面相信大家已经跟着【WeiyiGeek】作者一起学习了CSS Flexbox以及网格布局的基础知识了,现在我们在此基础上继续深入学习CSS 多列布局、浮动布局以及了解表格布局及其他传统布局,它是学习CSS之路上一个重点,是在进行前端开发时常常使用到的,所以说我们需要认真学习,若有不懂的地方可以在文章末尾,以及作者交流群【在公众号回复微信交流群】进行留言交流。同时,欢迎各位看友支持《#前端学习之路》专栏的更新。转载 2023-09-25 21:03:15 · 155 阅读 · 0 评论 -
全栈之前端 | 2.CSS3基础知识之选择器学习
伪类是选择器的一种,它用于选择处于特定状态的元素,比如当它们是这一类型的第一个元素时,或者是当鼠标指针悬浮在元素上面的时候。它们表现得会像是你向你的文档的某个部分应用了一个类一样,帮你在你的标记文本中减少多余的类,让你的代码更灵活、更易于维护。伪类语法格式:以冒号开头加上关键字, 例如。原创 2023-08-26 22:08:06 · 126 阅读 · 0 评论 -
全栈之前端 | 1.CSS3必备基础知识学习
什么是 CSS?答: 和 HTML 类似,CSS 也不是真正的编程语言,甚至不是标记语言,CSS 层叠样式表() 是一种用于描述网页的样式和布局的标记语言, 用来描述 HTML 或 XML(包括如 SVG、MathML 或 XHTML 之类的 XML 分支语言)文档的呈现。总之,CSS是一种强大的样式表语言,能够使网页的外观更加美观和统一,提升用户的浏览体验。CSS 用来干什么?描述: 前文提到过,CSS 是用来指定文档如何展示给用户的一门语言,它可用于控制网页的。转载 2023-08-26 22:08:06 · 245 阅读 · 0 评论 -
12.HTML5下一代的HTML标准介绍与初识尝试
描述: 实际上在前面学习HTML系列入门课程时,都已经涉猎到HTML5领域(标签元素),从本章开始算是作为HTML5的一个复习总结与新增知识点学习,一是为了加深各位学习者的学习印象,二是对比其到底其与其前几个HTML版本有何差异,三是HTML5的标签有那些,四是如何在我们应用中使用HTML5技术。9.CSS3支持:虽然CSS3并非HTML5的一部分,但HTML5的普及也促使了CSS3的应用,CSS3提供了更多的样式选择器、动画效果和布局功能,可以让网页更加美观和交互。转载 2023-08-09 00:30:18 · 210 阅读 · 0 评论 -
全栈之前端| 7.HTML链接框架标签元素学习笔记
本章主要介绍超链接、以及框架等相关元素的介绍实践。: 定义锚。: 定义文档与外部资源的关系 HTML新标签,在【2.HTML根部头部主体标签元素介绍】中有介绍,此处不做多余介绍。: 定义导航链接。在【4.HTML样式布局区块标签元素介绍】中有介绍,此处不做多余介绍。:定义内联框架。: 定义框架集的窗口或框架。HTML5 中不支持。: 定义框架集。HTML5 中不支持。: 定义针对不支持框架的用户的替代内容。原创 2023-04-12 07:00:07 · 36 阅读 · 0 评论 -
全栈之路-前端篇 | 第一讲.基础前置知识【浏览器内核与网络知识】学习笔记
有可能有的小伙伴会问,你作为一名安全运维开发(SecOpsDev)工程师,为啥会整理学习前端相关技术笔记呢?一是为了补齐自己的知识短板(形成知识体系结构),毕竟来说一般会运维的不会开发,会开发的不一了解安全,而成为一名网络安全工作者或者说白帽子,你就势必什么都是知道一点,但是等待你学到一定层度后,你会发现遇到的瓶颈越来越多,此时你可能会非常迷茫也很苦恼,要么有的就放弃这条路(转型),要不就重头再来恶补基础知识,比如像笔者我。原创 2023-02-18 18:10:49 · 1680 阅读 · 0 评论 -
全栈之路-前端篇 | 第二讲.基础前置知识【应用服务端与编程语言】学习笔记
有可能有的小伙伴会问,你作为一名安全运维开发(SecOpsDev)工程师,为啥会整理学习前端相关技术笔记呢?一是为了补齐自己的知识短板(形成知识体系结构),毕竟来说一般会运维的不会开发,会开发的不一了解安全,而成为一名网络安全工作者或者说白帽子,你就势必什么都是知道一点,但是等待你学到一定层度后,你会发现遇到的瓶颈越来越多,此时你可能会非常迷茫也很苦恼,要么有的就放弃这条路(转型),要不就重头再来恶补基础知识,比如像笔者我。原创 2023-02-18 18:10:49 · 867 阅读 · 0 评论 -
全栈之路-前端篇 | 第三讲.基础前置知识【前端标准与研发工具】学习笔记
万维网联盟(外语缩写:W3C)创建于1994年,是Web技术领域最具权威和影响力的国际中立性技术标准机构, W3C标准定义了一个用于应用程序开发的开放式Web平台,该平台具有前所未有的潜力,使开发人员能够构建丰富的交互体验,由任何设备上都可以使用的海量数据存储提供支持,W3C制定这些技术规范和指南的过程旨在最大限度地达成对技术报告内容的共识,确保高技术和编辑质量,并获得W3C和更广泛社区的认可。官网地址: https://www.w3.org/standards/原创 2023-02-18 18:10:49 · 2148 阅读 · 0 评论 -
全栈之前端 | 1.HTML基础必备知识学习篇
学习路径通过前面【全栈之前端前置知识】我们知道,前端开发一般学习路径都是等HTML是网页内容的载体 -结构CSS 是样式的设置 -表现JS 是网页中实现特效和交互化的效果 -行为什么是 HTML?描述:HTML超文本标记语言 (Hyper Text Markup Language), 它不是一种编程语言,而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag), 其使用标记标签来描述网页。原创 2023-04-10 23:27:12 · 195 阅读 · 0 评论 -
全栈之前端 | 2.HTML根部头部主体标签元素学习篇
欢迎关注「」公众号点击 👇即可关注我哟!设为每天带你到再到!作者主页:[ https://www.weiyigeek.top ] 博客:[ https://blog.weiyigeek.top ]作者答疑学习交流群:请关注公众号后回复【原文链接:全栈之前端 | 2.HTML根部头部主体标签元素学习篇本章主要介绍HTML根、头部、主体(html、head、body)相关常用的元素标签,帮助初学者快速学习HTML相关基础标签,一个个丰富的示例,可以让初始者事半功倍,加快学习进度效率。原创 2023-04-10 23:27:12 · 138 阅读 · 0 评论 -
全栈之前端 | 3.HTML格式化输出标签元素学习笔记
欢迎关注「全栈工程师修炼指南」公众号点击 ????下方卡片即可关注我哟!设为「星标⭐」每天带你基础入门到进阶实践再到放弃学习!“花开堪折直须折,莫待无花空折枝。”作者主页:[ https://www.weiyigeek.top ]博客:[https://blog.weiyigeek.top]作者答疑学习交流群:请关注公众号后回复【学习交流群】文章目录:0x00 前言简述0x0...原创 2023-04-11 10:03:24 · 175 阅读 · 0 评论 -
全栈之前端 | 4.HTML样式布局区块标签元素学习笔记
欢迎关注「全栈工程师修炼指南」公众号点击 ????下方卡片即可关注我哟!设为「星标⭐」每天带你基础入门到进阶实践再到放弃学习!“花开堪折直须折,莫待无花空折枝。”作者主页:[ https://www.weiyigeek.top ]博客:[https://blog.weiyigeek.top]作者答疑学习交流群:请关注公众号后回复【学习交流群】文章目录:0x00 前言简述1.本...原创 2023-04-11 10:03:24 · 96 阅读 · 0 评论 -
全栈之前端 | 5.HTML表格列表标签元素学习笔记
欢迎关注「全栈工程师修炼指南」公众号点击 ????下方卡片即可关注我哟!设为「星标⭐」每天带你基础入门到进阶实践再到放弃学习!“花开堪折直须折,莫待无花空折枝。”作者主页:[ https://www.weiyigeek.top ]博客:[https://blog.weiyigeek.top]作者答疑学习交流群:请关注公众号后回复【学习交流群】文章目录:0x00 前言简述0x0...原创 2023-04-11 10:03:24 · 86 阅读 · 0 评论 -
全栈之前端| 8.HTML图形图像标签元素学习笔记
本章主要介绍HTML中图形、图像相关元素标签介绍。元素一览: 定义图像。: 定义图像映射。: 定义图像地图内部的区域。: 定义 SVG 图形的容器。: 定义图形。原创 2023-04-12 07:00:07 · 105 阅读 · 0 评论 -
全栈之前端| 9.HTML多媒体对象标签元素学习篇
描述: 本章节主要讲解音视频多媒体标签元素的使用示例,帮助各位学习者快速入门HTML标签。Audio/Video 元素一览New : 定义media元素 ( 和 )的媒体资源。New : 定义声音,比如音乐或其他音频流。New : 定义一个音频或者视频New : 为媒体( 和 )元素定义外部文本轨道。Object 元素一览原创 2023-04-12 07:00:07 · 144 阅读 · 0 评论