- 博客(16)
- 收藏
- 关注
RSS订阅原创 this指向
this是什么在每一个函数中，都有一个内置的变量 this。大部分情况下，这个this存储是当前函数的调用者。this的指向在函数定义的时候是确定不了的。只有函数执行的时候才能确定this到底指向谁。function fn(){ console.log(this)}fn() //windowobj.fn // objthis指向中的几种情况1.全局变量中指向window function show() { console.log(this);
2021-02-23 19:55:13
58
原创 事件
事件对象对象可以看成 属性的集合 函数也是属性的一种。（属性和函数的集合）事件对象主要包含一些事件的信息。事件绑定：元素节点.on+事件类型 = 匿名函数；事件对象的产生：在事件绑定完成后，就自动生成了一个事件对象。事件绑定函数，因为不是在代码中直接调用函数，所以没有办法直接传参.浏览器会给咱们一个默认的参数，这个参数就是事件对象。获取事件对象：在标准浏览器中。直接在事件处理函数上定义一个形参。会在事件触发的时候，由浏览器自动传递实参。IE低版本window.event在标准浏览
2021-01-13 20:09:57
72
原创 DOM
DOMDOM获取元素节点1.getElementById格式：document.getElementById(“ID”)功能：从document节点开始，通过ID查找节点。 var box = document.getElementById("box");2.getElementsByTagName通过标签名查找元素节点格式：node.getElementsByTagName(“标签名”); var box = document.getElementsByTagName("div");
2021-01-12 19:58:03
62
原创 DOM
DOMDOMHTML DOM (文档对象模型)当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。HTML DOM 定义了用于 HTML 的一系列标准的对象，以及访问和处理 HTML 文档的标准方法。通过 DOM，你可以访问所有的 HTML 元素，连同它们所包含的文本和属性。DOM树DOM 都是由节点组成的。节点可以分为三大类：元素节点 html标签文本节点 标签中的文字（空格，换行）属性节点 标签的属性学习dom，就是学习对节点的操作修改
2021-01-08 20:46:20
59
原创 函数
函数作用：1.简化代码2.方便维护3.提高开发效率4.提高了代码的复用性，减少代码冗余格式：function 函数名（参数…）{函数执行的代码}【注意】函数先定义后调用分类：1.内置函数（官方提供的函数，系统自身拥有函数）alert();document.write();console.log();parseInt();parseFloat();2.自定义函数根据参数和返回值的不同，可将函数分为四种。1.无参数无返回值2.有参数无返回值3.无参数有返回值4.有参
2021-01-05 20:04:03
55
原创 数组
数组 array当我们需要处理一组数据时，一定性定义很多变量，比较难处理。这个时候我们就需要用到数组。概念：数组：一组数据的集合。其中每个数据被称为数组的元素。在数组中存放任意类型的数据。数组是将一组数据存储到单个变量名下的方式。数组声明三种声明：1.通过new关键字创建数组。2.省略new关键字创建数组3.字面量赋值【注】前两种方式，若传入参数只有一个，且为number时，这个数字表示声明的数组的长度，而不是存放的数据。数组的长度arr.length数组的下标从0开始，数据在数组
2021-01-04 20:26:06
76
原创 js入门
js书写位置1.内嵌式使用的是Script标签，该标签可以写在html文档中的任何位置【强调】一般情况下，我们应该将其写在head标签中。2.外链式通过script标签的src属性，引入外部的js文件。3.常见错误写法：不要在同一个Script标签中同时使用内嵌式与外链式。如果设置了src属性，Script标签中的内容就会被忽略。4.外链式的优点1.提高代码的复用性。2.提高网页的加载速度。输出alert 翻译：警报用途：弹出警告框。格式：alert(‘弹出内容’)
2020-12-29 19:14:40
53
原创 javascript
JavaScript简介web前端有三层：html 页面结构css 页面样式javascript 行为 （与用户交互）用途：数据验证网页特效游戏开发动态加载数据node.js开发服务器手机app为什么要学习JavaScript在web前端里，JavaScript能跨平台，跨浏览器驱动页面，与用户交互。它的功能很强大，用途很广泛。它有着很大的社区，广泛的图书与文献，代码资源丰富。JavaScript简介JavaScript 一个面向对象的跨平台脚本语言
2020-12-29 18:46:32
40
原创 2020-12-24
emem:相对单位，它需要一个参考属性。当前元素的字体大小。remrem：相对单位 root em。 参考值为：HTML根标签的font-size的值。rem布局的原理：动态修改html根标签中的font-size值。实现方式：1.通过js2.通过vw。vw百分比布局缺点：1.计算百分数不方便。2.多层嵌套时使用不方便。vw：1vw = 屏幕宽度的百分之一。vh:1vh = 屏幕高度的百分之一。区别：百分比参照的是父盒子vw/vh 参照的是屏幕。假设：拿到的设计稿是
2020-12-24 20:27:32
58
原创 弹性盒子
弹性盒子弹性盒子flex：flexible box 弹性盒子。可以轻松控制元素的排列，对齐和顺序。是一种用于在页面上布置元素的布局模式，使得当页面布局必须适应不同的屏幕尺寸和不同的显示设备时，元素可预测地运行。对于许多应用程序，弹性盒子模型提供了对块模型的改进，因为它不使用浮动，flex容器的边缘也不会与其内容的边缘折叠。【注】浏览器兼容性问题声明定义：使用display：flex或display：inline-flex 声明一个容器为弹性盒子。这个容器中的子元素们，会遵循弹性布局。【注】一般是使
2020-12-21 20:18:59
86
原创 动画与滤镜
动画之前使用过渡遇到的一些问题：1.需要重复过渡效果时无法实现2.只能通过hover等方式才能出发。动画： 1.通过@keyframs定义动画。 2.在指定元素中，通过animation属性来调用动画。 1.定义动画 格式： @keyframes 动画名 { from{ /* 初始帧 / } to{
2020-12-17 20:15:41
99
1
原创 2D和3D
2D和3D2D缩放，位移，旋转，倾斜 transform 属性。 缩放： 放大缩小。 格式 transform：scale(x,y); x:代表水平方向的缩放倍数 y：代表垂直方向的缩放倍数。 如果只写一个值，代表等比例缩放。 不会改变真实宽高，也不会旁边的盒子造成影响。 .box{ margin-top: -100px; margin-left: -100
2020-12-17 13:26:51
82
原创 清除浮动与定位
清除浮动与定位清除浮动方法1：给父元素设置高度不推荐理由：不能把高度固定死，不适合做自适应的效果。方法2：父元素添加浮动 不推荐 理由：会影响后面的元素布局。方法3：添加overflow：hidden 添加overflow：hidden之后，父盒子会拥有BFC属性。 不推荐 优点：简单 缺点： 内容比较多的时候，容易造成内容被隐藏。方法4：设置父盒子为行内块 不推荐 理由：会影响后面的元素布局。专门清
2020-12-10 20:21:43
155
原创 盒模型与标准文档流
盒模型与标准文档流盒子盒子：容器 盒子模型 英文：box model。 最常见的盒子是div span 盒子中的区域： content 1.宽 width px content 2.高 height content 3.内边距 padding 4.边框 border 5.外边距 margin 【注】 标准盒模型的宽和高和盒子真实占有的宽高不是一个概念。 【注】 盒子的宽不设置时，默认为10
2020-12-09 20:35:39
344
原创 html标签介绍3
定义列表有三个标签参与：dl dt dddl:定义一个定义列表。dt:定义标题（列表项）dd：对标题的说明和解释嵌套关系：dl>dt+dd.格式：重点：1.dt与dd是同级2.一个dt可以用多个dd来解释。3.dd是解释上面最近的一个dt。应用场景：需要对列表项进行解释说明时。eg：京东侧边导航栏。超链接1、a标签：anchor 锚双标签作用：控制页面之间的跳转，用于从一个页面跳转到另一个页面。格式：常用属性： href:规定链接跳转到指定页面的URL
2020-12-03 20:05:40
104
原创 前端知识
需要学习的知识基础部分：html+css+js进阶部分：jQuery ajax高级部分：nodejs vue 微信小程序C/S结构client/server服务器：存放数据 比普通的电脑功能要强大的多 运行速度更快，存放数据更多最成功的产品：让用户用最少的操作去完成最多的事情优点：响应速度快安全界面操作比较丰富缺点：开发成本高，不跨平台程序需要安装 用户体验不是很好版本升级比较麻烦 维护成本高B/S结构browser/server优点：无需下载客户端 有WE
2020-12-01 12:11:27
131
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人