重学前端基础冲击高薪
文章平均质量分 54
qq_47670443
这个作者很懒,什么都没留下…
展开
-
23原型对象
原型对象原创 2022-06-06 15:32:07 · 127 阅读 · 1 评论 -
22 函数3之构造函数
构造函数原创 2022-06-06 10:41:40 · 123 阅读 · 0 评论 -
21函数2 内置函数总结
常用内置函数总结原创 2022-06-01 21:46:37 · 193 阅读 · 0 评论 -
20javascript6 函数
1闭包函数概念:一个函数对周围状态的引用捆绑在一起,内层函数中访问到其外层函数的作用域 闭包=内层函数+外层函数的变量作用:封闭数据,提供操作,外部也可以访问函数内部的变量function outer(){ let a=10; // return 匿名函数 return function(){ console.log(a); }}let fn= outer()// 闭包其他形式代码function outer(){ let a= 10; // 新原创 2022-06-01 19:24:27 · 131 阅读 · 0 评论 -
18获得触发事件元素节点的方法
原创 2022-05-22 19:29:34 · 782 阅读 · 0 评论 -
15javascript3事件解绑
1原创 2022-05-22 19:26:01 · 62 阅读 · 0 评论 -
19重绘和回流以及浏览器渲染
回流(重排)当render tree中部分或者全部元素的尺寸,解构,布局等发生改变时,浏览器就会重新渲染部分或全部文档的过程称为回流。会导致回流的操作:页面首次刷新浏览器窗口大小发生改变,元素的大小或位置发生改变改变字体的大小内容的变化(如:input框输入,图片的大小)激活css伪类(如::hover)脚本操作DOM(添加或者删除可见的DOM元素)只要影响到布局了,就会有回流。重绘由于节点元素的样式的改变并不影响它在文档流中的位置和文档布局时(比如:color,原创 2022-05-22 19:28:18 · 112 阅读 · 0 评论 -
16javascript4其他事件
1页面加载事件事件名:load用于加载外部资源,如图片,外联css和javascript 加载完毕时触发的事件1.1监听页面所有资源加载完毕:给window添加load事件window.addEventListener('load',function(){//执行的操作})1.2监听页面DOM加载完毕:给document添加DOMContentLoaded事件当初始的HTML文档被完全加载和解析完成之后,DOMContentLoaded事件被触发,而无序等待样式表,图像等全原创 2022-05-22 19:26:40 · 355 阅读 · 0 评论 -
17javascript5事件对象以及冒泡捕获
1事件对象事件绑定的回调函数的第一个参数就是事件对象,一般命名为event,ev,eEvent 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。什么时候会产生事件Event对象呢?当用户单击某个元素的时候,我们给这个元素注册的事件就会触发,该事件本身是一个函数,而该函数的形参接收一个event对象,事件通常与函数结合使用,函数不会在事件发生前被执行。 const input = document.querySelector('[type原创 2022-05-22 19:27:19 · 121 阅读 · 0 评论 -
13定时器setInterval案例
1setInterval作用setInterval(函数,间隔时间) 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数,用来停止对应setInterval的运行。在做轮播图,或者间隔一段时间需要重复运行的代码中需要使用。2使用方法返回值 = setInterval(函数,间隔时间) (默认间隔时间单位是毫秒)停止这个函数 clearInterval(返回值)原创 2022-05-11 11:45:00 · 258 阅读 · 0 评论 -
12获取dom元素
1什么是DOM(Document Object Model-文档对象模型)是用来呈现以及与仁义HTML或XML文档交互的API,DOM是浏览器提供的一套专门用来操作网页内容的功能。DOM对象:浏览器原创 2022-05-10 20:17:41 · 766 阅读 · 0 评论 -
11.flex布局解决浮动布局脱标问题
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Dm.原创 2022-05-07 15:23:27 · 282 阅读 · 0 评论 -
10重学javascript1
1javascript变量的命名规则和规范 变量名区分大小写(y 和 Y 是不同的变量) 变量名包含字母、数字、美元符号($)和下划线,但第一个字符不允许是数字,不允许包含空格和其他标点符号;变量也能以 $ 和 _ 符号开头(不过不推荐这么做) 禁止使用JavaScript关键词、保留字命名 当变量名是由两个或多个单词构成时,可以采用驼峰命名法。一般采用小驼峰命名法。 驼峰命名有两种形式: 小驼峰式命名法(lower camel case):第一个单字以小写字母开始;原创 2022-05-06 21:56:02 · 67 阅读 · 0 评论 -
09逻辑中断
口诀:逻辑与,找假值,无假值,右侧执行。逻辑或,找真值,无真值,右侧执行。原创 2022-05-04 10:25:26 · 347 阅读 · 0 评论 -
7.emment语法小结
Emment语法小结原创 2022-04-29 22:45:12 · 609 阅读 · 0 评论 -
6响应式布局
1什么是响应式布局1.1.网页可以根据不同的设备或窗口大小呈现出不同的效果1.2.使用响应式布局可以使一个网页适配所有设备1.3.响应式布局的关键就是媒体查询1.4.通过媒体查询可以为不同的设备、设备的 不同状态来分别设置样式。案例1:通过媒体查询,控制不同视口宽度时的盒子大小<style> /* 当视口宽度大于500px时,才会生效*/ @media(min-width:500px) { .box { width: 200p原创 2022-04-28 20:57:17 · 114 阅读 · 0 评论 -
5.flex布局小结
1什么是flex布局Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。采用Flex布局的元素,称为Flex容器(flex container),简称”容器”。它的所有子元素自动成为容器成员,称为Flex项目(flex item),简称”项目”。...原创 2022-04-26 23:45:00 · 144 阅读 · 0 评论 -
3开门大吉案例多种做法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>...原创 2022-04-25 10:56:45 · 77 阅读 · 0 评论