祖传三件套html我是看的黑马程序员的课, 这个B站上面有很多资源建议时间: 三天
css黑马 + 📶学长发的三件套资料黑马通俗易懂,;coderwhy讲的更深入, 会涉及许多其他的知识, 听完后可以跟着做一个项目, 巩固css知识,;框框css学的比较差, ┭┮﹏┭┮
JavaScriptJavaScript就全看的coderwhy发的资料了, 讲的非常的细致, 从es6之前到后面的新版本es.个人建议可以把coderwhy的js视频全部看一遍, 重点学习他标注重点的视频
中间如果有看不懂的, 不要急. 掘金上面有很多前端大佬分享的笔记, 可以在上面淘淘. 或者直接问ai. 还能直接在官方文档里面找答案学js的时候一定不要急啊, 越急学的越慢, 还学不好
框框学js的时候心态感觉就不好. 现在想来完全没必要啊. 只要每天按部就班的在学, js在暑假之前是能学的差不多的, 心再急也没必要. 希望大家能有一个良好的心态学习, 因为让人崩溃的知识后面还有很多
工具篇看完js, 恭喜你, 马上就要进入框架的学习了后面还有node和工具的学习, 不要急, 你已经离成功不远了
按照我们这届的进 ...
HTML标签语法规范基本语法概述1.所有标签都包括在<>里面2.并且一般情况下<>都成对出现，例如：< html >(开始标签) 和< /html >(结束标签)，称为双标签3.有极少数标签必须是单个标签，例如：< br />
标签关系包含关系和并列关系![[Pasted image 20240415204232.png]]![[Pasted image 20240415204710.png]]
基本结构标签< html> 和 < /html> 内包含所有内容< head> 和< /head> 内包含头部即![[Pasted image 20240415215459.png]]< title>和< /title> 内包含标题即![[Pasted image 20240415215620.png]]< body> 和< /body>内包含主要内容即
CSS1简介使用场景：美化网页，布局页面CSS是一种标记语言CSS可以美化HTML，让HTML更漂亮，让页面布局更简单CSS最大价值：由HTML专注去做结构呈现，样式交给CSS，即结构与样式相分离
语法规范CSS规则由两个主要的部分构成：选择器以及一条或多条声明基本语法格式如下：选择器 { 属性：值； 属性：值;}注意：1、选择器是用与指定CSS样式的HTML标签，花括号内是对该对象设置的具体样式2、属性和属性值以“键值对”的形式出现3、属性是对指定的对象设置的样式属性，例如字体大小，文本颜色等4、属性和属性值之间用英文 “:” 分开
CSS代码风格样式格式1、紧凑格式h3{color:deeppink;font-size:20px;}2、展开格式h3{ color:pink; font-size:20px;}推荐使用第二种格式，更直观
样式大小写1、小写h3{ color:pink;}2、大写H3{ COLOR:PINK;}强烈推荐样式选择器，属性名，属性值关键字全部使用小写字母，特 ...
前端开发
未读认识JavaScript定义：
JavaScript是一种高级的、解释型的编程语言
JavaScript是一门基于原型、头等函数的语言，是一门多范式的语言，它支持面向对象程序设计，指令式编程，以及函数式编程
JavaScript的组成JavaScript的组成包括ECMAScript、DOM、BOM
ECMAScript：定义语言规范
DOM：用于操作文档的API
BOM：用于操作浏览器的API
JavaScript的基本语法JavaScript编写方式
第一种：HTML代码行内（不推荐）
1234<!-- 第一种：HTML代码行内 --> <a href="javascript:alert('百度一下')">百度一下</a> <a href="#" onclick="alert('百度一下')">百度一下</a>
第二种：script标签中
12345678<!-- 第二种：script标签中 --& ...
前端开发
未读this指向this的绑定规则this的指向
在函数调用的时候，JavaScript会 默认给this绑定一个值
this的 绑定和定义的位置（即编写的位置） 没有关系
this的 绑定和调用方式以及调用的位置有关系
this 是在运行时才被绑定的
默认绑定
独立的调用函数this指向window，但在严格模式下独立调用的函数中的this指向的是Undefined(“use strict”)
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
