- 博客(12)
- 收藏
- 关注
RSS订阅原创 JavaScript执行上下文||变量提升
栈：存储变量名和基本数据类型，如果变量是存复杂数据类型，在栈里面就存的是堆的地址 堆：存储复杂数据类型 执行上下文 execution context （EC） 功能：函数执行前的准备工作 当前环境下，变量的取值 分类 1、全局上下文 打开一个窗口就会创建一个全局上下文（关闭即销毁） 2、局部上下文 调用函数时就会创建一个局部上下文（函数执行完即销毁）执行的前一刻创建 3、eval上下文 eval(`let i = 0;console.log(i)`)//0 单独创建一个空间 变量提升：var申明
2020-11-02 23:25:29
99
原创 js JavaScript闭包
什么是闭包？ 满足一下两个条件： 1、函数内部嵌套的函数，嵌套的函数引用外部的变量 2、内部函数被外部引用 为什么使用闭包 1.解决无法使用内部变量 2.解决全局变量污染问题 自由变量：函数内部使用自己不存在（外部）的变量，这个变量就是自由变量 注：跨域的变量； // 闭包 function f69() { let a = 1; return function(){ console.log(a++); if (a > 5) { clearInt
2020-11-02 23:22:01
72
原创 js基础，正则
正则表达式 功能：描述一个字符串的匹配模式 即判断用户输入的内容是否符合设置的规则 字面量声明 书写格式 ：关键字 标识符 赋值符号 /规则/; let re = //; 正则.test(字符串); 返回布尔值，即字符串是否满足正则的规则 字符串.match(正则); 返回满足正则的内容 let str = `1a23`; let re = /a/; console.log(re.test(str));//true console.log(str.match(re)); //[ 'a', in
2020-10-21 17:59:11
113
原创 JS事件|事件代理(二)
鼠标事件 click单击击事件 artEl.addEventListener("click", function (e) { console.log("click"); }) dblclick双击事件 artEl.addEventListener("dblclick", function (e) { console.log("dblclick"); }) mouseenter鼠标移入事件事件 不计算子元素 artEl.addEventListener("mouseenter",func
2020-10-18 17:48:05
196
原创 JS事件|事件代理
事件三要素 1.事件源:绑定事件的节点 2.事件处理函数:点事件触发时,执行的代码(函数体) 3.事件类型:(单机,hover,move) DOM0和DOM2的区别 DOM0 的优缺点： 优点：兼容性好 缺点： 1、同一个事件类型只能绑定一个事件处理函数 2、事件流只能是冒泡 DOM2 的优缺点： 优点： 1、同一个事件类型只能绑定一个事件处理函数 2、事件流只能是冒泡 缺点：兼容性低 DOM0写法 书写格式：节点.onclick = hasnhu (){} let divE = document.quer
2020-10-09 09:22:37
85
原创 JS基础入门-------Object 对象 引用（复杂）数据类型
Object 对象 数据结构：存储多个数据 一切事物皆对象 声明对象 1.字面量声明 书写格式：关键字 标识符 赋值符号 大括号 let f70 = {}; 对象初始化 { 属性名1:属性值1, 属性名2:属性值2, 方法名1：function(){代码块}, 方法名2：function(){代码块}, } 里面可以写多个方法和属性 访问不存在的属性会输出undefined（因为JS会在对象中添加此属性，并赋值undefined） let f70 = { one: 5, two: 6
2020-09-21 10:05:02
161
原创 JS基础入门-----函数
函数 函数的作用：可以实现一定功能 即把可以实现一定功能的代码，封装成一个函数 声明函数 注：不会直接执行，什么时候执行取决于什么时候调用 1.字面量声明 书写格式： 关键字 标识符（函数名） 小括号 {代码块/函数体} function f70 () {代码块} function serach() {//创建函数 console.log("ddddd"); } 2.构造函数声明 书写格式 ：关键字 标识符 赋值符号 new Fution(); let f70
2020-09-21 09:58:07
63
原创 JavaScript循环和函数
循环语句 while循环 使用场景：同一个代码块，需要执行多次时，考虑用循环。 书写格式： while(条件){代码块} 功能：条件为真则执行大括号里面的代码块，知道条件为假结束 注：条件是可以变化的（防止死循环） 从1输到10 let state =1 while(state<=10){ console.log(state++); } do{代码块}whole(条件) 和while的区别： 至少执行一次大妈快，条件为真时执行第二次，直到条件为假，结束循环 let state =1 do{
2020-09-13 16:20:26
248
原创 JavaScript JS入门 基础知识
开发语言分类 解释性语言：翻译一行，执行一行 JS、Python 编译性语言：通篇翻译后在执行 Java、C、C++、C# 代码报错： 1.语法错误 没有按照要求书写 2.逻辑错误 3.运行错误 开发流程 1.功能的设计 2.需求分析 3.功能开发（确定数据结构和算法） 4.功能测试 5.功能维护 6.功能上线 软件—程序–数据结构和算法 数据结构：存储数据的方式 算法：解决问题的方法和步骤 算法的特点： 1.有穷性： 一个算法的操作步骤，是在有限的范围内可以完成的 2.确定性 3.有0到多个输入 4.有
2020-09-06 16:56:14
125
原创 前端的基础知识笔记(一)HTML入门 css入门（未完待续...）
文本属性 text-shadow 文本阴影 第一个值：x轴 正右负左 第二个值：y轴 正上负下 第三个值：模糊值（数值越大越模糊） 第四个值：颜色 盒子阴影box-shadow box-shadow: x轴偏移 y轴偏移 模糊值 颜色; text-decoration 文本修饰样式 none默认值没有修饰 underline 下划线 overline上划线 line-thurough 删除线 text-transform lowercase 所有文本小写 uppercase搜友文本大写 capitalize
2020-08-16 18:32:37
130
原创 前端的基础知识笔记(一)HTML入门 css入门（未完待续...）
盒模型 margin外边距（跟其他盒子的距离） border边框（） padding内边距 content内容 不同元素产生的盒子可能不同 一个元素产生什么样的盒子取决于他的css 的dispaly属性 border-方向-width 设置某一个边框的像素 border-方向-style 设置某个方向的边框样式 solid实线 dashed虚线 dotted点线 double双实线 border:大小 样式 颜色 transparent透明色 三角形 border：10px solid trans
2020-08-09 23:02:48
145
原创 前端的基础知识笔记(一)HTML入门（未完待续...）
前端的三驾马车 HTML（HyperText MarkupLanguage 超文本标记语言）编辑网页的结构和内容 Hyper Text（超文本）：文本，图片，链接，音乐，视频等元素都是超文本 Markup Language 标记语言（标记/标签）HTML网页就是用很多个元素组成的 CSS （Cascading Style Sheets层叠样式表）定义图层样式 JS(JavaScript )控制页面的交互效果等 HTML的head部分 告诉浏览器代码是html的版本（HTML5） Document:文档 t
2020-08-02 12:15:53
248
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人