前端基础HTML5+CSS3+JavaScript+jQuery学习笔记

最新推荐文章于 2023-08-16 22:54:01 发布
最新推荐文章于 2023-08-16 22:54:01 发布
阅读量739 收藏 5
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52064390/article/details/114777265
版权

前端基础HTML5+CSS3+JavaScript+jQuery学习笔记

HTML5

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

CSS3

1.CSS的三种导入方式

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2.选择器 【选择页面上的某一个或某一类元素】

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3.美化网页元素

在这里插入图片描述

4.盒子模型

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

5.浮动

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

6.定位

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

JavaScript

1.快速入门和数据类型

①快速入门

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

②数据类型

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

③严格检查模式

在这里插入图片描述
在这里插入图片描述

④数据类型详解

④.1 字符串

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

④.2 数组

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

④.3 对象

在这里插入图片描述
在这里插入图片描述

④.4 流程控制

在这里插入图片描述
在这里插入图片描述

④.5 Map和Set

在这里插入图片描述
在这里插入图片描述

④.6 iterator 遍历

在这里插入图片描述
在这里插入图片描述

2.函数

①定义函数

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

②变量的作用域

②.1 注意点

①函数体中声明，则函数体外无效
②两个函数体中各自声明变量，就算相同名，也不会有冲突
③函数体内部的函数可以访问外部，而且若内外部的变量同名时，使用该函数体是优先使用内部
④提升作用域：！！所以建议养成规范习惯 吧所有的变量定义都写在函数头部，不要乱放，便于维护
在这里插入图片描述

②.2 全局变量

在这里插入图片描述

②.3 局域作用域let和常驻const

在这里插入图片描述
在这里插入图片描述

③方法

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

④上面的代码

在这里插入图片描述

3.内部对象

①标准对象+Date

在这里插入图片描述
在这里插入图片描述

②JSON

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

③Ajax

在这里插入图片描述

4.面向对象编程

①什么是面向对象【关于原型对象】

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

②Class

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

5.操作BOM对象

【window对象+screen+document[dom节点]+location】+【不推荐的两种】
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

6.操作DOM对象

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

7.操作表单【验证】

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

提交前

在这里插入图片描述

提交后

发现确定有触发函数 也就是onsubmit【等同onclike】
在这里插入图片描述

点确定后

确实发生了action
在这里插入图片描述

8.jQuery

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

帕秋莉·诺蕾姬
关注
专栏目录
【HTML5 + CSS3 + JavaScript】HTML教程笔记
grefwfdxz
07-11 1227
【HTML5 + CSS3 + JavaScript】第一章：HTML5基础 标签（空格分隔）：【HTML5 + CSS3 + JavaScript】 文章目录第一章：HTML5基础1.1 HTML 发展历史1.2 HTML 文档结构和基本语法1.4 HTML4 属性1.5 HTML5 元素 第一章：HTML5基础 HTML 是网页设计的基础语言，全称为 Hypertext Markup Lan...
HTML+CSS3+原生JS+JQuery学习笔记(详细)
11-19
自己学习时候做的笔记，非常详细超过2000行的文本内容，并且附带有部分代码案例，平时做开发的时候，基础语法用法等查询非常方便。
使用HTML5,CSS3和jQuery来增强网站的用户体验和使用乐趣
GBin1.com
11-16 1012
日期：2011/11/16  来源：GBin1.com 记得几年前如果你需要添加一些互动元素到你的网站中用来改善用户体验？ 是不是立刻就想到了flash实现？这彷佛年代久远的事了。使用现在最流行的web技术 HTML5，CSS3和jQuery，同样也可以实现类似的用户体验。而且使用这些特性将会比使用flash更加有效。也许你可能刚知道Adobe停止开发移动版flash的消息，虽然在桌面中我
web前端开发基础入门html5+css3+js学习笔记（一）
weixin_44356316的博客
08-16 1481
目录1.第一个前端程序2.前端工具的选择与安装3.VSCode开发者工具快捷键4.HTML5简介与基础骨架4.1 HTML5的DOCTYPE声明4.2 HTML5基本骨架4.2.1 html标签4.2.2 head标签4.2.3 body标签4.2.4 title标签4.2.5 meta标签5.标签之标题5.1 快捷键5.1 标题标签位置摆放6.标签之段落、换行、水平线6.1 标签之段落6.2换行6.3 水平线7.标签之图片8.图片路径详解8.1 绝对路径8.2 相对路径8.2.1 子级`/`8.2.2 父
HTML-day05
weixin_46152224的博客
12-26 178
HTML-day05 <span>标签：无语义的行标签，便于添加属于一添加样式。 字体样式 属性名 含义 属性 font-family 设置字体类型 如：“Times New Roman”, “Times” &宋体 font-size 设置字体大小 单位：px,em等 font-style 设置字体风格 默认normalitalic:斜体字oblique:倾斜 font-weight 设置字体的粗细 默认normalbold:加粗lighter:变细
HTML5+CSS3+JavaScript学习笔记
梦在前方，路在脚下，自胜者强，自强者胜！
02-01 4023
基础知识 HTML5 基础入门 HTML5 的基本概念 什么是HTML5   HTML5 是标记语言，使用标记标签描述网页。 HTML与XHTML   XHTML是可扩展的超文本标记语言，是一种置标语言，是更严格、更纯净的HTML版本。XHTML是以XML格式编写的HTML。XHTML具有<!DOCTYPE…>强制性、元素必须合理嵌套、元素必须有关闭标签、空元素必须包含关闭标签、元素必...
jQuery学习笔记之jQuery+CSS3的浏览器兼容性
12-10
CSS3充分吸收多年了web发展的需求，吸收...jQuery通过预先的javascript编程，提供了几乎所有css3标准下的选择器。开发者可以利用这些选择器轻松选择各种元素。供javascript编程使用。 代码如下: <script type=”tex
html+css+javascript
05-09
而"学员优秀笔记html+css.pdf"可能讲解了HTML5的新特性、CSS选择器、布局模型（如Flexbox和Grid）、响应式设计以及CSS动画等主题。 总的来说，HTML、CSS和JavaScript是构建动态、交互式网页的关键技术，它们的深入...
html5+css3圆角图文展示卡片层叠滑动切换特效.zip
09-26
在“html5+css3圆角图文展示卡片层叠滑动切换特效.zip”这个压缩包中，我们可以看到一个利用这两种技术实现的动态展示卡片的特效。这种特效通常用于产品展示、信息分类或者新闻滚动等场景，可以吸引用户注意力，提高...
jQuery+HTML5+CSS3积木搭建房子动画特效.zip
最新发布
09-27
《jQuery+HTML5+CSS3积木搭建房子动画特效》 在现代网页设计中，动态效果和交互性已经成为提升用户体验的重要元素。这个压缩包“jQuery+HTML5+CSS3积木搭建房子动画特效”就是一个很好的实例，展示了如何利用这三个...
HTML5+CSS3+jquery应用之美
11-15
HTML5、CSS3与jQuery俨然成为了标准Web制作技术的黄金组合。《HTML5+CSS3+jQuery应用之美》由韩国专业视觉设计师倾力奉献其多年商业网站设计与制作的从业经验，通过八大商业案例，以HTML5搭建结构、CSS3设置样式、jQuery实现动态应用这三者相结合的实际应用方式，详细讲解它们的新技术点，以及流行应用热点的设计思路与制作方法。技术核心穿插在实际操作中阐述，更便于读者在了解技术理论的同时明晰其应用本质。《HTML5+CSS3+jQuery应用之美》案例完整，跟学书中实例后，相信会使读者的网页设计与制作水平均有实质提升。, 《HTML5+CSS3+jQuery应用之美》适合Web设计人员和前端开发人员阅读，也适合作为相关培训用途的参考用书。
html5+css3+jquery手册
01-18
html5+css3+jquery手册方便大家学习和使用。
前端学习笔记（HTML5、CSS、JS、JQ）
08-31
为时一个月的学习笔记，详细介绍了HTML5的详细技术，包括CSS、JS、JQ。
667096《Web前端开发 HTML5+CSS3+jQuery+AJAX从学到用完美实践》_阮晓龙.pdf
06-29
Web前端开发 HTML5+CSS3+jQuery+AJAX从学到用完美实践
web网页基础设计大作业 html+css+纯jquery
01-04
网页基础设计大作业 欢迎共享，讨论
<html5+css3+js>jquery基础
MayStudio
12-16 734
(《javascript&jquery交互式web前端开发》学习记录)  HTML5: Untitled Document List King Buy Groceries fresh figs baby choy beef potato linguine
计算器html5+css3+jQuery实现
qq_31674229的博客
03-09 722
下载地址：https://download.csdn.net/download/qq_31674229/10277981小弟在面试中遇到一个前端的问题，公司采取的是机试，共有三个问题。简单的排序，敲敲代码，就搞定。创建两个线程，分别对数据进行操作。考察的是线程的使用。（继承Thread类和实现Runnable接口）使用html5+css3+jQuery实现一个计算器。设计图如下：（公司给的没这个美...
自学前端笔记——（五）JQuery&HTML5
qq_43324506的博客
05-14 239
该笔记实际完成于：2019/8/11 JQuery&HTML5笔记 目录一、JQuery & 工厂函数二、JQuery增删改查三、JQuery事件五、HTML5 一、JQuery & 工厂函数 二、JQuery增删改查 三、JQuery事件 五、HTML5 不显示控制条：去掉controls=“controls” 如果有多个source表示一个视频的多个格式，而不是多个视频 ...
HTML5+CSS3+jQuery制作视频播放器完全指南
weixin_33924312的博客
01-08 188
REFERENCES:http://sd.csdn.net/a/20120509/2805471.html
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值