
Web前端学习笔记
文章平均质量分 88
墨倾许
下定决心要做的事情,就要保持不动声色,汹涌澎湃!
展开
-
【Web前端笔记15】Javascript之Math与Date
在JavaScript编程中,Math对象和Date对象是非常常用的两个对象。Math对象可以帮助我们进行各种数学计算,而Date对象可以帮助我们处理各种日期和时间相关的操作。掌握Math对象和Date对象的使用,可以提高我们的编程效率,同时也能够满足各种计算和日期处理的需求。在接下来的内容中,我们将一一介绍Math对象和Date对象的各种方法和属性,希望能够帮助大家更好地理解和应用它们。原创 2024-04-23 23:56:00 · 861 阅读 · 0 评论 -
【Web前端笔记14】Javascript之函数与对象
本文开始正式进入JavaScript的重点学习,主要是对JavaScript中的函数与对象相关方面进行学习,讲述了函数的一些知识点以及对象的知识点,通过掌握这些,可以更好地去学习前端,进行动态的布局。函数是一段可以反复调用的代码块,JavaScript 有三种声明函数的方法function 命令: function命令声明的代码区块,就是一个函数。function命令后面是函数名,函数名后面是一对圆括号,里面是传入函数的参数。函数体放在大括号里面。原创 2024-04-22 23:44:17 · 925 阅读 · 0 评论 -
【Web前端笔记13】字符串与数组
一、字符串1、字符串简介2、字符串转码3、字符串方法(1)charAt()(2)concat()(3)slice()(4)substring()(5)substr()(6)indexOf()和lastIndexOf()(7)trim()(8)转大小写方法(9)search()和replace()(10)split方法二、数组1、数组简介2、数组的遍历3、数组构造函数4、数组方法(1)静态方法_Array.isArray()(2)原创 2024-02-24 15:48:36 · 1504 阅读 · 0 评论 -
【Web前端笔记12】运算符_数据类型和流程循环语句
12运算符_数据类型和流程循环语句一、数据类型1、数据类型分类二、基本运算符1、typeof运算符2、运算符(1)加法运算符(2)算术运算符(3)赋值运算符(=)(4)比较运算符(5)布尔运算符(6)位运算符3、运算符优先级4、类型转换(1)自动转换(2)强制转化三、流程控制语句1、分支语句(1)if条件语句(2)if else条件语句(3)if else if else条件语句(4)switch语句2、三元运算符原创 2024-02-23 22:08:20 · 921 阅读 · 0 评论 -
【Web前端笔记11】JavaScript基础与变量
目录前言11 JavaScript基础与变量一、Js简介1、JavaScript核心部分:2、有非常广泛的使用领域3、JavaScript与ECMAScript的关系4、JavaScript版本二、JavaScript名词解释三、变量命名规则四、变量类型六大基本数据类型:1、数字类型2、字符串类型3、布尔类型4、未定义类型undefined5、Js用法和输出函数五、JavaScript引入到HTML文件中1、嵌入到HTML文件中原创 2024-02-23 20:59:24 · 727 阅读 · 0 评论 -
【Web前端笔记10】CSS3新特性
10 CSS3新特性1、圆角2、阴影(1)盒阴影3、背景渐变(1)线性渐变(主要掌握这种就可)(2)径向渐变4、transform 转换 变型(1)位移 单位px %(2)旋转 翻转(3)缩放(4)倾斜5、transition 过渡(4)简写6、animation 动画(1)概念:动画是使元素从一种样式逐渐变化为另一种样式的效果(2) 定义动画的过程(3)调用动画原创 2024-02-21 21:03:47 · 1166 阅读 · 0 评论 -
【Web前端笔记09】浮动与定位
每个网页都有一个display属性,确定该元素的类型,每一个元素都有默认的display属性值,清除浮动是在使用了浮动之后必不可少的,为了网站布局的效果,清除浮动也变得非常麻烦。浮动的框可以向左或者向右移动,直到他的外边缘碰到包含框或另一个浮动框的边框为止。块元素span-->“inline” 行内元素二者之间可以相互转换。比如div元素,默认display属性值是“block”,对偏移量不起作用,一般应用关于去除定位。定义:定义元素框相对于其正常位置应该出现的位置。值:left、right、both。原创 2024-02-20 15:07:18 · 950 阅读 · 0 评论 -
【Web前端笔记08】CSS盒子模型
width+margin(width包含padding+border)同样的定义,怪异盒子实际大小会小很多。原创 2024-02-20 14:27:01 · 542 阅读 · 0 评论 -
【Web前端笔记07】CSS选择器
本篇博文主要介绍了CSS选择器的知识,常用的是关系选择器,但是在特殊情况下会用到其他的选择器,在使用超链接,设置其样式的时候,伪类选择器是最常用到的,大家可以在具体实践中进行体会,了解其中的不同之处。原创 2024-02-02 14:50:23 · 868 阅读 · 0 评论 -
【Web前端笔记06】CSS常用属性
以上就是今天要讲的内容,本文仅仅简单介绍了CSS常用的属性,这些属性提供了很多能够让我们快速丰富页面文字等图片的效果,大家也可以使用这些属性完成属于自己的页面效果。原创 2024-02-02 14:26:07 · 1862 阅读 · 0 评论 -
Web前端笔记——盒模型
目录章节06 盒模型1、盒子模型2、border(边框)3、padding(内边距)4、margin(外边距)5、怪异盒子6、弹性盒模型练习章节06 盒模型1、盒子模型标准盒子:内容(content) 内边距(padding) 边框(border) 外边框(margin)W3C盒子模型:实际宽=左右外边距+左右内边距+宽度+左右边距2、border(边框)三要素:宽 样式 颜色(按顺序)border-styl...原创 2022-02-09 12:56:34 · 689 阅读 · 0 评论 -
【Web前端笔记05】HTML5新增元素和css介绍
目录04 HTML5新增元素和css介绍一、HTML5 新增布局标签二、视频和音频1、视频2、音频3、source三、HTML5 新增标签(了解)1、figure2、details3、mark 高亮显示4、meter5、progress6、datalist7、canvas四、CSS介绍 1、语法2、样式表特征6、注释/* */五、CSS的引入方式1、内联样式(行内样式)2、内部样式3、外部样式4、导入式原创 2022-02-05 18:39:23 · 1383 阅读 · 0 评论 -
【Web前端笔记03】表单
目录章节03 表单一、Form表单二、表单元素1、表单2、表单元素三、HTML5 新增 type 类型1、email2、url3、search4、tel5、color6、number7、range8、date9、month10、year四、HTML5 新增属性1、autofocus属性2、multiple属性3、placeholder属性4、required属性五、实体字符章节03 表单一、Form表单...原创 2022-02-04 15:35:07 · 3378 阅读 · 0 评论 -
【Web前端笔记02】HTML基础元素
自定义列表不仅仅是一列项目,而是项目及其注释的组合。自定义列表以标签开始。每个自定义列表项以开始。每个自定义列表项的定义以开始。原创 2022-01-29 13:39:57 · 1126 阅读 · 0 评论 -
【Web前端笔记04】元素分类和一些补充事项
04元素分类和一些补充事项一、基本的浏览器内核(4种)二、HTML/CSS注释快捷键三、浏览器调试四、选择器命名规范五、z-index六、内联元素和块级元素的区别原创 2022-01-29 10:42:44 · 646 阅读 · 0 评论 -
【Web前端笔记01】HTML简介
HTML是用来描述网页的一种语言。HTML指的是超文本标记语言: HyperText Markup LanguageHTML不是一种编程语言, 而是一种标记语言标记语言是一套标记标签(markup tag)HTML使用标记标签来描述网页HTML文档包含了HTML标签及文本内容HTML文档也叫做web页面用该语言编写的文件,以.html或.htm为后缀HTML不区分大小写,建议小写HTML 标记通常被称为 HTML 标签 (HTML tag)。HTML 标签是由。原创 2022-01-19 12:30:00 · 694 阅读 · 0 评论