- 博客(25)
- 收藏
- 关注
RSS订阅原创 JS进阶：作用域、解构、箭头函数
在箭头函数出现之前，每一个新函数根据它是被如何调用的来定义这个函数的this值， 非常令人讨厌。引入箭头函数的目的是更简短的函数写法并且不绑定this，箭头函数的语法比函数表达式更简洁。引入箭头函数的目的是更简短的函数写法并且不绑定this，箭头函数的语法比函数表达式更简洁。函数作用域：在函数内部声明的变量只能在函数内部被访问，外部无法直接访问。外层】就是所谓的全局作用域，在此声明的变量在函数内部也可以被访问。函数内部声明的变量，在函数外部无法被访问。函数的参数也是函数内部的局部变量。
2022-12-01 21:18:04
453
1
原创 BOM操作
window对象是一个全局对象，也可以说是JavaScript中的顶级对象。像document、alert（）、console.log()这些都是window的属性，基本BOM的属性和方法都是window的。history 的数据类型是对象，主要管理历史记录， 该对象与浏览器地址栏的操作相对应，如前进、后退、历史记录等。注意点：延时器需要等待，所以后面的代码先执行，每次调用延时器都会产生一个新的延时器。go(参数)：前进后退功能，参数如果是1前进1个页面，如果是-1 后退1个页面。
2022-12-01 21:07:08
481
原创 Web APIs-1
DOM 节点节点是文档树的组成部分，，主要分为元素节点、属性节点、文本节点等。【元素节点】其实就是 HTML 标签，如上图中head、div、body等都属于元素节点。【属性节点】是指 HTML 标签中的属性，如上图中a标签的href属性、div标签的class属性。【文本节点】是指 HTML 标签的文字内容，如title标签中的文字。【根节点】特指html标签。其它...documentdocument是 JavaScript 内置的专门用于 DOM 的对象，该对象包含了若干的属性和方法，
2022-10-16 23:16:16
247
原创 JavaScript基础5-对象
它由属性和方法两部分构成。是 JavaScript 中内置的对象，称为数学对象，这个对象下即包含了属性，也包含了许多的方法。扩展：也可以动态为对象添加属性，动态添加与直接定义是一样的，只是语法上更灵活。扩展：也可以动态为对象添加方法，动态添加与直接定义是一样的，只是语法上更灵活。声明一个对象类型的变量与之前声明一个数值或字符串类型的变量没有本质上的区别。数据描述性的信息称为属性，如人的姓名、身高、年龄、性别等，一般是名词性的。数据行为性的信息称为方法，如跑步、唱歌等，一般是动词性的，其本质是函数。
2022-10-16 23:06:04
121
原创 JavaScript基础4
函数可以把具有相同或相似逻辑的代码“包裹”起来，通过函数调用执行这些被“包裹”的代码逻辑，这么做的优势是有利于精简代码方便复用。声明（定义）：声明（定义）一个完整函数包括关键字、函数名、形式参数、函数体、返回值5个部分调用：声明（定义）的函数必须调用才会真正被执行，使用()调用函数。声明（定义）一个功能为打招呼的函数传入数据列表声明这个函数需要传入几个数据多个数据用逗号隔开形参和实参形参：声明函数时写在函数名右边小括号里的叫形参（形式上的参数）
2022-10-16 22:57:16
198
原创 JavaScript基础3
如果存在匹配全等(===) ，则与该 case 关联的代码块会被执行，并在遇到 break 时停止，整个 switch 语句代码执行结束。在一个程序执行的过程中，各条代码的执行顺序对程序的结果是有直接影响的。执行思路：如果表达式1为 true ，则返回表达式2的值，如果表达式1为 false，则返回表达式3的值。如果所有的 case 的值都和表达式的值不匹配，则执行 default 里的代码。// 条件成立 执行 if 里面代码，否则执行else 里面的代码。// [如果] 条件成立执行的代码。
2022-09-25 23:50:12
193
原创 JavaScript基础2
字符串拼接：多个字符串之间可以使用 + 进行拼接，其拼接方式为 字符串 + 任何类型 = 拼接之后的新字符串，拼接前会把与字符串相加的任何类型转成字符串，再拼接成一个新的字符串。字符串长度：字符串是由若干字符组成的，这些字符的数量就是字符串的长度。2.字符串型 String：字符串型可以是引号中的任意文本，其语法为 双引号 "" 和 单引号''注：isNaN：用来判断一个变量是否为非数字的类型，返回 true 或者 false。布尔型和数字型相加的时候， true 的值为 1 ，false 的值为 0。
2022-09-25 23:40:53
147
原创 JavaScript基础学习1
ECMAScript 是由ECMA 国际（ 原欧洲计算机制造商协会）进行标准化的一门编程语言，这种语言在万维网上应用广泛，它往往被称为 JavaScript或 JScript，但实际上后两者是 ECMAScript 语言的实现和扩展。浏览器对象模型(Browser Object Model，简称BOM) 是指浏览器对象模型，它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。JavaScript 是世界上最流行的语言之一，是一种运行在客户端的脚本语言 （Script 是脚本的意思）
2022-09-25 23:25:01
50
原创 前端知识点复习-字体图标、位移、缩放、动画
技巧：translate()如果只给出一个值, 表示x轴方向移动距离；单独设置某个方向的移动距离：translateX() & translateY()语法 ：transform: translate(水平移动距离, 垂直移动距离);语法 ： transform: scale(x轴缩放倍数, y轴缩放倍数);技巧：一般情况下, 只为scale设置一个值, 表示x轴和y轴等比例缩放。animation-fill-mode ：动画执行完毕时状态。animation-play-state ：暂停动画。
2022-09-04 22:54:44
248
原创 前端学习目标与规划
在整个过程中也会调整学习心态，禁止焦虑，在过去的很长一段时间里，我都在寻求治愈自己，因为我严重迷失了方向，我焦虑、失眠、痛苦，缺乏安全感 否定自我和怀疑人生，反反复复惶恐度日，但很幸运的是，我渐渐的想明白，要跟摆烂的日子彻彻底底拜拜，董宇辉说：“只有年轻的将士才会会很过去，熟练的将军都是在深夜里擦亮剑、准备下一场战斗” 不要焦虑、不要内耗、相信自己、勤能补拙。
2022-09-04 22:34:53
1328
原创 复习—浮动、定位总结
缺点：会在页面中添加额外的标签，会让页面的HTML结构变得复杂。影响：如果子元素浮动了，此时子元素不能撑开标准流的块级父元素。浮动找浮动，下一个浮动元素会在上一个浮动元素后面左右浮动。浮动元素会脱离标准流（简称：脱标），在标准流中不占位置。1. 作用：根据元素在HTML中的结构关系查找元素。让垂直布局的盒子变成水平布局，如：一个在左，一个在右。浮动元素比标准流高半个级别，可以覆盖标准流中的元素。需要父元素有高度，从而不影响其他网页元素的布局。1. 在父元素内容的最后添加一个块级元素。
2022-08-21 22:38:39
97
原创 复习-flex布局和响应式布局、BootStrap
是 Bootstrap 中专门提供的类名，所有应用该类名的盒子，默认已被。也是 Bootstrap 中专门提供的类名，所有应用该类名的盒子，分别使用.row类名和 .col类名定义栅格布局的行和列。Bootstrap 是由 Twitter 公司开发维护的。column-reverse ：列, 从下向上。row-reverse ：行, 从右向左。： BootStrap提供的CSS代码。栅格化是指将整个网页的宽度分成若干等份。：使用BootStrap提供的样式。row：行, 水平(默认值)
2022-08-21 22:24:48
616
原创 前端基础知识学习---响应式布局2
Øform-control设置表单元素input,select,textarea的样式。input-sm,input-sm设置表单元素的大小。Øcheckbox和radio设置复选框和单选框的样式。btn-xs设置按钮大小。Øform-inline设置表单元素水平排列。Øtable-bordered边框线。Øtable-striped隔行变色。Øbtn-block设置按钮为块元素。Øimg-rounded图片设置圆角。...
2022-08-01 00:06:44
132
原创 前端基础知识学习---响应式布局
是Bootstrap中专门提供的类名，所有应用该类名的盒子，默认已被。将常见效果进行统一封装后形成的一套代码,例如BootStrap。也是Bootstrap中专门提供的类名，所有应用该类名的盒子，的，如屏幕设备、打印设备等，其中手机、电脑、平板都属于屏幕设备。分别使用.row类名和.col类名定义栅格布局的行和列。栅格化是指将整个网页的宽度分成若干等份。，如当前屏幕的宽高、分辨率、横屏或竖屏等。2.row类自带间距-15px。min-width（从小到大）max-width（从大到小）...
2022-07-24 21:40:44
87
原创 前端基础知识学习总结--百分比布局、Flex布局
#博学谷IT学习技术支持#一、百分比布局：能够使用百分比布局开发网页。百分比布局， 也叫流式布局 。效果： 宽度自适应，高度固定。二、Flex布局：能够使用Flex布局模型灵活、快速的开发网页Flex布局/弹性布局： 是一种浏览器提倡的布局模型，布局网页更简单、灵活，避免浮动脱标的问题。作用：基于 Flex 精确灵活控制块级盒子的布局方式，避免浮动布局中脱离文档流现象发生。 Flex布局非常适合结构化布局 设置方式：父元素添加 display: flex，子元素可以自动的挤压或拉伸 组成部分：弹性容器、弹性
2022-07-11 23:30:37
1547
原创 前端基础知识学习总结--空间转换
#博学谷IT学习技术支持#一、空间转换作用：使用transform属性可以实现元素在空间内的位移、旋转、缩放等效果空间：是从坐标轴角度定义的。 x 、y 和z三条坐标轴构成了一个立体空间，z轴位置与视线方向相同。空间转换也叫3D转换。属性：transform二、空间位移：使用translate实现元素空间位移效果三、透视：使用perspective属性实现透视效果...
2022-07-11 23:14:35
1047
原创 前端基础知识学习总结-字体图标、平面转换
#博学谷IT学习技术支持#一、字体图标3、使用translate实现元素位移效果 ：语法 ：transform: translate(水平移动距离, 垂直移动距离); 取值（正负均可）：像素单位数值 ，百分比（参照物为盒子自身尺寸）；注意：X轴正向为右，Y轴正向为下 技巧：translate()如果只给出一个值, 表示x轴方向移动距离，单独设置某个方向的移动距离：translateX() & translateY()4、使用translate快速实现绝对定位的元素居中效果：位移取值
2022-07-03 23:58:41
130
原创 前端CSS基础知识-CSS三大特性
#博学谷IT学习技术支持#一、学习目标：目标：能认识不同选择器的 优先级 公式，能够进行 CSS 权重叠加计算，分析并解决CSS 冲突问题二、三大特性：继承性、层叠性、优先级三、优先级特性：不同选择器具有不同的优先级，优先级高的选择器样式会覆盖优先级低选择器样式优先级公式： 继承 < 通配符选择器 < 标签选择器 < 类选择器 < id选择器 < 行内样式 < !important注意点： 1. !important写在属性值的后面，分号的前面！ 2. !important不能
2022-06-26 22:58:20
96
原创 前端CSS基础知识---定位、装饰
一.属性名position以及属性值：1、静态定位static：标准流中的元素默认就是静态定位 注意点： 1、不能配合方位属性实现移动 2、之后说的定位，一般指的是：相对、绝对、固定2、相对定位relative 特点： 1、需要配合方位属性实现移动 2、相对于自己原来的位置进行移动 3、还占位置，没有脱标3、绝对定位absolute 特点 1、需要配合方位属性实现移动
2022-06-12 23:44:12
114
原创 前端CSS基础学习笔记2
#博学谷IT学习技术支持#一、类选择器与id选择器的区别class类名与id属性值的区别：class类名相当于姓名，可以重复，一个标签可以同时有多个class类名；id属性值相当于身份证号码，不可重复，一个标签只能有一个id属性值。类选择器与id选择器的区别：类选择器以.开头；id选择器以#开头。实际开发的情况:类选择器用的最多,id一般配合js使用，除非特殊情况，否则不要使用id设置样式，实际开发中会遇到冗余代码的抽取问题，可以将一些公共的代码抽取到一个公共的类中去。二、通配符选择器
2022-05-23 22:09:58
66
原创 前端CSS基础学习笔记
#博学谷IT学习技术支持#一、css介绍css是层叠样式表，作用是给页面中的html标签设置样式，css写在style标签中，style标签一般写在head标签里面，title标签下面。写法：选择器 { css属性 }。常见的属性：文字的颜色color、文字的大小font-size、背景颜色background-color、宽度width、高度height。二、css引入方式1.内嵌式书写位置：css写在style标签中，style标签写在head标签里面，title标签的下面作用范
2022-05-23 21:56:58
127
原创 前端HTML基础学习笔记2
#博学谷IT学习技术支持#一、音频标签和视频标签1.音频audio标签作用：在网页中插入音频属性：src：音频的路径；controls：播放的控件；autoplay：自动播放；loop：循环播放2.视频video标签作用：在网页中插入视频属性：src：视频的路径；controls：播放的控件；autoplay：自动播放；loop：循环播放。二、列表标签应用场景：网页中以行的方式整齐的展示数据：如数据列表、排行榜类型：1.无序列表：标签：整体：ul；每一项：li
2022-05-15 23:28:33
92
原创 前端开发HTML基础学习笔记
#博学谷IT学习技术支持#一、基础概念篇1.网站与网页：网站由网页组成。网页内容包含：文字、图片、链接等元素网页是使用html超文本标记语言写的，文件后缀名是.html2.常用浏览器：谷歌、火狐、IE、Safari3.Web标准：W3C万维网联盟标准的构成内容：结构、表现、行为二、HTML基本结构语法规范：标签都使用<>包裹。大部分成对出现，是双标签，单个出现是单标签。标签有父子关系和兄弟关系。开发工具：VS Code；Code常用快捷键：新建文件（Ctrl+
2022-05-08 23:29:56
357
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人