Advertisement

HTML、CSS和JavaScript学习笔记

  •  5星
  •     浏览量: 0
  •     大小:None
  •      文件类型:None


简介:
《HTML、CSS和JavaScript学习笔记》是一本系统记录网页前端技术入门知识的手册,涵盖了基本语法、样式设计及交互编程技巧。适合初学者参考使用。 这份学习笔记旨在帮助大家快速掌握前端三大基础:HTML、CSS 和 JavaScript,并包含示例与操作截图。此外,还详细介绍了 jQuery 的相关知识。

全部评论 (0)

还没有任何评论哟~
客服
客服
  • HTMLCSSJavaScript
    优质
    《HTML、CSS和JavaScript学习笔记》是一本系统记录网页前端技术入门知识的手册,涵盖了基本语法、样式设计及交互编程技巧。适合初学者参考使用。 这份学习笔记旨在帮助大家快速掌握前端三大基础:HTML、CSS 和 JavaScript,并包含示例与操作截图。此外,还详细介绍了 jQuery 的相关知识。
  • HTMLCSSJavaScript总结
    优质
    本笔记涵盖了HTML、CSS及JavaScript的基础知识与高级技巧,旨在帮助初学者快速掌握前端开发的核心技术。 个人整理的前端学习笔记,欢迎对前端感兴趣的朋友们下载并共同学习。
  • HTML+CSS(黑马版)
    优质
    《HTML+CSS学习笔记(黑马版)》是一本专为编程初学者设计的学习指南,它详细记录了HTML和CSS的基础知识、常用技巧及实战案例,帮助读者快速掌握网页设计与开发技能。 黑马HTML+CSS笔记涵盖了从基础到进阶的各个方面,帮助学习者掌握网页设计的基本技能和技术细节。通过系统的学习,读者可以了解如何使用HTML构建页面结构,并利用CSS进行美化和布局,使网站更具吸引力和可用性。此外,还包含了响应式设计的概念与实践方法,确保网站在不同设备上都能提供良好的用户体验。 笔记中详细介绍了常用的HTML标签及其属性的用法、选择器和样式规则的应用技巧以及如何创建灵活且适应性强的设计方案等内容。通过丰富的示例代码演示了各种技术的实际应用,并提供了大量练习题帮助巩固所学知识。对于希望深入理解Web前端开发原理并提高自身技术水平的学习者来说,这份笔记是一份非常有价值的参考资料。 重写后的文字去除了原文中的链接、联系方式等信息,保留了主要内容和结构。
  • HTMLCSS心得及汇总
    优质
    本资源汇集了关于HTML和CSS的学习心得与笔记,旨在帮助初学者快速掌握这两种网页制作的基础技术。 本资源主要是我业余学习Html与CSS的全面资料,记录了最完整的HTML学习经验,并包含了一些个人制作的小练习。
  • HTML5+CSS+JavaScript前端.docx
    优质
    这份文档是关于使用HTML5、CSS和JavaScript进行网页开发的学习笔记,涵盖了从基础到高级的各种知识点与实用技巧。 HTML5是现代网页开发的基础技术之一,它包含了许多改进和新增的元素。HTML标签用于构建网页结构的关键部分,例如``标签作为整个文档的根元素,包含了``和``两个主要组成部分。而``声明则是用来指示浏览器所使用的HTML版本。 在HTML中,``标签定义了页面的主要内容区域,包括文字、图片以及链接等;相比之下,``标签则用于存放文档的元信息如标题(通过使用``元素)、描述和关键词。此外,在这里还可以设置默认的基础URL(利用`<base>`标签)来帮助处理相对路径的问题,并且可以添加各种类型的元数据以提高搜索引擎对页面的理解度。 对于样式设计,HTML提供了内联样式的定义方式——即在文档中直接插入CSS代码(通过使用`<style>`元素)。同时也可以链接到外部的CSS文件以实现更灵活的设计方案。至于动态效果,则可以通过JavaScript脚本完成,并且还可以利用`<script>`标签引入这些脚本。 关于标题,HTML5提供了从一级至六级的不同级别标题标签——即`<h1>``<h6>`;其中 `<h1>` 表示最重要的内容而 `<h6>` 则用于标记最不重要的部分。此外还有段落(通过使用`<p>`元素)、硬换行(利用`<br />`)以及各种文本样式标签如斜体、粗体等。 虽然在HTML5规范中已经不再推荐使用居中文本的`<center>`标签,但仍然可以继续沿用这一功能。同时也可以选择使用非破坏性空格来实现特定布局效果。而为了进行页面区域划分,则通常会采用`<div>`元素,并通过CSS对其进行样式控制。 至于链接创建方面,则可以通过`<a>`标签完成;其中的href属性用于指定目标地址,target属性则可以设置打开方式(例如在新窗口还是当前窗口中显示)。 除此之外,在前端开发过程中还需要掌握一些额外的技术如CSS和JavaScript。前者负责定义页面的外观与格式,而后者则用来实现网页上的动态行为以及交互性功能等。只有将这三者结合起来才能构造出美观且具备良好用户体验效果的网站结构。 </div><!---->   </div> </li> <li data-v-abd0b829="" class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle" style="cursor: pointer;"> <div data-v-abd0b829="" class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize"> <svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55" height="110"> <path data-v-abd0b829="" d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z" p-id="26447" fill="#707070"></path> <path data-v-abd0b829="" d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z" p-id="26448" fill="#707070"></path> </svg> </div> <div data-v-abd0b829="" class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden"> <a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..." title="前端<span style=color: #f73131>学</span><span style=color: #f73131>习</span><span style=color: #f73131>笔</span><span style=color: #f73131>记</span>:<span style=color: #f73131>HTML</span>、<span style=color: #f73131>CSS</span>、Vue、Node.js" href="https://d.itadn.com/i0_21629083429/B/78683" target="_blank">前端<span style=color: #f73131>学</span><span style=color: #f73131>习</span><span style=color: #f73131>笔</span><span style=color: #f73131>记</span>:<span style=color: #f73131>HTML</span>、<span style=color: #f73131>CSS</span>、Vue、Node.js</a> </div> <div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span data-v-abd0b829="" class="onestyle">优质</span></div> <div data-v-abd0b829="" class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white"> <div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ..."> 这本《前端学习笔记》涵盖了HTML、CSS基础语法与高级技巧,并深入讲解了Vue框架和Node.js服务器端开发技术。适合前端开发者进阶阅读。 前端笔记涵盖了HTML、CSS、Vue以及Node.js的内容。 </div><!---->   </div> </li> <li data-v-abd0b829="" class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle" style="cursor: pointer;"> <div data-v-abd0b829="" class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize"> <svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55" height="110"> <path data-v-abd0b829="" d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z" p-id="26447" fill="#707070"></path> <path data-v-abd0b829="" d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z" p-id="26448" fill="#707070"></path> </svg> </div> <div data-v-abd0b829="" class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden"> <a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..." title="<span style=color: #f73131>HTML</span>、<span style=color: #f73131>CSS</span><span style=color: #f73131>和</span>JS全套<span style=color: #f73131>学</span><span style=color: #f73131>习</span><span style=color: #f73131>笔</span><span style=color: #f73131>记</span>及示例" href="https://d.itadn.com/i0_77202367800/B/1111738" target="_blank"><span style=color: #f73131>HTML</span>、<span style=color: #f73131>CSS</span><span style=color: #f73131>和</span>JS全套<span style=color: #f73131>学</span><span style=color: #f73131>习</span><span style=color: #f73131>笔</span><span style=color: #f73131>记</span>及示例</a> </div> <div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span data-v-abd0b829="" class="onestyle">优质</span></div> <div data-v-abd0b829="" class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white"> <div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ..."> 本资料包含HTML、CSS和JavaScript的全面学习笔记与实用示例代码,适合初学者系统掌握前端基础知识和技术应用。 HTML(超文本标记语言)、CSS(层叠样式表)和JavaScript是构建网页及交互式用户体验的三大核心技术,构成了前端开发的基础。 HTML定义了网页的内容结构与布局,通过一系列标签如`<html>`、`<head>` 和 `<body>` 来组织文档。随着 HTML5 的发展,它引入了许多新特性,包括语义化标签(例如 `<header>`, `<nav>`, `<article>`)、离线存储功能和媒体元素(如视频与音频),这使得创建丰富多媒体内容及适应移动设备的网站变得更加便捷。 CSS用于定义网页中HTML元素的样式特征,涵盖颜色、字体选择、布局设计以及动画效果。通过使用选择器定位特定的HTML元素,并应用相应的风格规则来改变其外观。随着 CSS3 的推出,它增加了多列布局支持、伪类和伪元素功能等特性,极大地增强了页面的设计灵活性与美观度。此外,CSS还引入了媒体查询技术以实现响应式设计,使网站能够适应各种屏幕尺寸。 JavaScript是一种解释型语言,主要用于增强网页的交互性。它可以操作文档对象模型(DOM),从而改变HTML元素属性、内容及样式,并且支持异步通信如 AJAX 与服务器进行数据交换。此外,还有许多库和框架简化了开发过程,例如 jQuery 简化 DOM 操作,React.js 和 Vue.js 提升用户界面构建效率;Node.js 则让 JavaScript 能够在后端环境中运行。ES6 引入了许多新特性如 let/const 变量声明、模板字符串以及 Promise 对象等,大大提高了代码的可读性与执行效率。 学习过程中,跟随课程进行系统性的深入研究是非常有效的途径。例如,在尚硅谷提供的课程中可能涵盖了 HTML 的基本标签使用方法、CSS 选择器及布局模式介绍,还有 JavaScript 基础语法和 DOM 操作等内容。通过笔记记录与实际案例练习可以逐步理解并掌握这些概念,从而从零开始建立起前端开发的能力。 在实践中,开发者通常会结合运用这三种技术来构建功能全面且外观吸引人的网页应用。例如使用 HTML 构建页面结构、CSS 设计视觉效果,并用 JavaScript 处理用户交互和动态内容更新等任务。尽管随着技术的进步,前端领域变得越来越复杂化,但掌握这些核心技术依然是成为优秀前端开发者的重要基石之一。通过深入学习与持续实践,你将有能力创造出既美观又具有良好用户体验的网页作品。 </div><!---->   </div> </li> <li data-v-abd0b829="" class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle" style="cursor: pointer;"> <div data-v-abd0b829="" class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize"> <svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55" height="110"> <path data-v-abd0b829="" d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z" p-id="26447" fill="#707070"></path> <path data-v-abd0b829="" d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z" p-id="26448" fill="#707070"></path> </svg> </div> <div data-v-abd0b829="" class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden"> <a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..." title="<span style=color: #f73131>JavaScript</span><span style=color: #f73131>学</span><span style=color: #f73131>习</span><span style=color: #f73131>笔</span><span style=color: #f73131>记</span>" href="https://d.itadn.com/i0_71098814278/B/1104461" target="_blank"><span style=color: #f73131>JavaScript</span><span style=color: #f73131>学</span><span style=color: #f73131>习</span><span style=color: #f73131>笔</span><span style=color: #f73131>记</span></a> </div> <div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span data-v-abd0b829="" class="onestyle">优质</span></div> <div data-v-abd0b829="" class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white"> <div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ..."> 《JavaScript学习笔记》是一份系统整理的编程教程资料,涵盖了从基础语法到高级应用的知识点,适合初学者快速上手并进阶掌握JavaScript技能。 JavaScript(简称JS)是一种广泛应用在Web开发中的轻量级、解释型编程语言,以其灵活性和强大的功能深受开发者喜爱。“js学习笔记”包含了作者在学习过程中积累的知识点和示例代码,对于初学者或希望深入理解JavaScript的开发者来说是一份宝贵的参考资料。 一、基础语法 JavaScript的基础语法包括变量声明(var、let、const)、数据类型(如字符串、数字、布尔值、null、undefined、对象、数组等)以及操作符(算术运算符、比较运算符、逻辑运算符和三元运算符)。此外,还包括流程控制语句(if...else 语句结构、switch 结构及 for 和 while 循环)和函数定义(function 函数声明与箭头函数)。 二、作用域与闭包 理解JavaScript的作用域规则非常重要,包括全局作用域、局部作用域以及块级作用域。闭包是JavaScript中的一个高级概念,允许函数访问并操作其外部变量,即使这些变量在其外部环境已经执行完毕之后仍然可以被使用到。 三、原型与原型链 在JavaScript中通过原型(prototype)实现继承机制,每个函数都有一个名为 prototype 的属性指向对象实例。该对象的属性和方法能够被所有实例共享,并且可以通过 __proto__ 属性形成链接结构来查找对象中的特性值。 四、面向对象编程 JavaScript支持面向对象编程的方式,包括构造函数、类(ES6 引入)以及继承机制。类作为创建新对象模板的形式化定义方式,通过使用 new 关键字可以实例化特定的类,并且可以通过原型链或 ES6 的 class 语法来实现继承。 五、异步编程 JavaScript是非阻塞式的语言,因此异步编程是其核心特性之一。常见的异步操作包括回调函数、Promise 对象以及 async/await 等机制。其中 Promise 解决了回调地狱的问题,而 async/await 则使代码的书写更加简洁清晰。 六、DOM 操作 JavaScript能够通过文档对象模型(DOM)来改变 HTML 和 XML 文档的内容和结构。这包括选择元素的方法(如 getElementById 与 getElementsByClassName)、属性修改功能(getAttribute 和 setAttribute 方法),以及事件处理技术等操作方法,例如 addEventListener 和 removeEventListener。 七、BOM 与 AJAX 浏览器对象模型 (BOM) 允许JavaScript对浏览器窗口进行各种控制和调整,比如设置位置、大小或者历史记录。AJAX是实现页面无刷新更新的关键技术,通过 XMLHttpRequest 对象能够实现在不重新加载整个网页的情况下向服务器发送请求。 八、ES6 及后续版本的新特性 ECMAScript(简称 ES)定义了 JavaScript 的标准规范,其中 ES6 引入了许多新的语言特性和改进措施。例如 let 和 const 关键字用于声明变量;模板字符串提供了更方便的字符串操作方式;箭头函数简化了匿名函数表达式等。ES7 及更高版本继续扩展和完善这些特性。 九、错误处理 在JavaScript中,通常使用 try...catch 语句来实现异常捕获和处理机制,这对于编写稳定可靠的代码来说是必不可少的一部分内容。 十、性能优化 掌握 V8 引擎的工作原理以及内存管理和垃圾回收策略有助于提高 JavaScript 应用程序的执行效率。此外还可以通过避免不必要的全局变量声明、减少频繁地操作 DOM 结构来进一步改善运行时表现,并且合理利用异步编程技术等手段进行代码优化。 这份“js学习笔记”涵盖了 JavaScript 的多个重要概念和实践技巧,结合示例可以帮助读者更好地理解和掌握这门语言的核心知识。无论是初学者还是有经验的开发者都能从中获得有益的信息。 </div><!---->   </div> </li> <li data-v-abd0b829="" class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle" style="cursor: pointer;"> <div data-v-abd0b829="" class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize"> <svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55" height="110"> <path data-v-abd0b829="" d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z" p-id="26447" fill="#707070"></path> <path data-v-abd0b829="" d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z" p-id="26448" fill="#707070"></path> </svg> </div> <div data-v-abd0b829="" class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden"> <a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..." title="<span style=color: #f73131>JavaScript</span><span style=color: #f73131>学</span><span style=color: #f73131>习</span><span style=color: #f73131>笔</span><span style=color: #f73131>记</span>.md" href="https://d.itadn.com/i0_26995684315/B/67874" target="_blank"><span style=color: #f73131>JavaScript</span><span style=color: #f73131>学</span><span style=color: #f73131>习</span><span style=color: #f73131>笔</span><span style=color: #f73131>记</span>.md</a> </div> <div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span data-v-abd0b829="" class="onestyle">优质</span></div> <div data-v-abd0b829="" class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white"> <div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ..."> 这段笔记详细记录了作者在学习JavaScript过程中的心得体会和重要知识点总结,适合编程初学者参考。 当然可以,请提供您需要我重写的文字内容。 </div><!---->   </div> </li> <li data-v-abd0b829="" class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle" style="cursor: pointer;"> <div data-v-abd0b829="" class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize"> <svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55" height="110"> <path data-v-abd0b829="" d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z" p-id="26447" fill="#707070"></path> <path data-v-abd0b829="" d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z" p-id="26448" fill="#707070"></path> </svg> </div> <div data-v-abd0b829="" class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden"> <a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..." title="前端<span style=color: #f73131>学</span><span style=color: #f73131>习</span><span style=color: #f73131>笔</span><span style=color: #f73131>记</span> - Vue, JS, <span style=color: #f73131>HTML</span>, <span style=color: #f73131>CSS</span>, CSS3, ES6;前端<span style=color: #f73131>笔</span><span style=color: #f73131>记</span>.rar" href="https://d.itadn.com/i0_38617371482/B/80163" target="_blank">前端<span style=color: #f73131>学</span><span style=color: #f73131>习</span><span style=color: #f73131>笔</span><span style=color: #f73131>记</span> - Vue, JS, <span style=color: #f73131>HTML</span>, <span style=color: #f73131>CSS</span>, CSS3, ES6;前端<span style=color: #f73131>笔</span><span style=color: #f73131>记</span>.rar</a> </div> <div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span data-v-abd0b829="" class="onestyle">优质</span></div> <div data-v-abd0b829="" class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white"> <div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ..."> 本资源包含了前端开发核心技能的学习笔记,涵盖了Vue框架、JavaScript编程、HTML/CSS基础及进阶(CSS3)、ES6等技术要点。适合初学者和中级开发者参考使用。文件格式为rar压缩包。 前端笔记:Vue、JavaScript、HTML、CSS 和 CSS3;还包括 ES6 相关的内容。 </div><!---->   </div> </li> </body> </html>