一路冲冲冲-优快云博客

原创 DOM第三天

一、节点的概念和查找操作什么是节点文档树所有包含的东西都可以称作节点；最关注的是元素节点节点的分类元素文本属性注释等查找节点是相对的操作如果你拿html的子节点,就是html当中所有的节点但是不包含后代节点，只是子节点后代和子要分清祖先和父要分清二、节点3属性 childNodes 拿到的是某个元素的子节点：包括元素子节点和文本子节点，如果有注释还有注释节点； children 拿到的是某个元素的子元素节点子节点:childNodes (儿子节点): 高

2020-11-04 22:33:17 268

原创 DOM第一天

DOM概念，作用，顶级对象： DOM 就是文档对象模型 DOM是一个使程序和脚本有能力动态地访问和更新文档的内容、结构以及样式的平台和语言中立的接口。文档树(dom树) 以HTML为根节点形成的一棵倒立的树状结构，我们称作DOM树；这个树上所有的东西都叫节点，节点有很多类元素节点标签属性节点属性文本节点内容注释节点注释这些节点如果我们通过DOM方法去获取或者其它的操作去使用的话，就叫DOM对象 2.window。onload等待页

2020-11-02 21:25:38 350

原创正则的语法闭包 JSON 回调函数

**创建一个函数，用来检查一个字符串是否是回文（用两种方式来解决）一个字符串从前往后读和从后往前读是一样的，那么它就是回文 abcba 如果字符串两头的字符相等，且中间的字符串是个回文，这个字符串就是回文 aa相等且bcb是回文 -** 2. ...

2020-10-31 21:37:21 359

原创 JS第八天

1，slice也可以用来浅复制 2.递归的使用求num的阶乘 * - 运行流程： * jieCheng2(6) * 1. 6 * jieCheng2(5) * 2. 5 * jieCheng2(4) * 3. 4 * jieCheng2(3) * 4. 3 * jieCheng2(2) * 5. 2 * jieCheng2(1) *

2020-10-30 21:02:16 262

原创 JS第七天

1.遍历数组 forEach() 是数组对象的方法，可以用来对数组进行遍历， * 它需要一个函数作为参数 * * 传递给forEach()的函数会调用多次， * 数组中有几个元素就会调用几次 * 每次调用时，会将元素的信息以参数的形式传递进行函数 * forEach的回调函数有三个参数： * 第一个：item 当前遍历的元素 * 第二个：index 当前遍历的元素的索引

2020-10-28 21:01:57 188

原创 JS第六天

1.函数作用域：当我们访问一个变量时 js会先在当前的作用域中寻找如果有，直接使用如果没有，则去上一层作用域找如果有则使用如果没有，则继续去上一层找，以此类推直到找到全局作用域依然没有则报错这就是作用域链函数的作用域由函数的定义位置决定，和函数的调用位置无关 3.参数 4. this指向我们希望根据调用对象的不同，fn()所打印的结果也不同 * window.fn() --> window.name * obj.sayHello() --&

2020-10-27 20:59:51 141

原创 Js第四天

do-while语句 - 语法： do{ 语句… }while(条件表达式) - 执行流程： do-while语句在执行时，先执行do后的循环体，执行完毕，对while后的条件表达式进行求值判断如果为true，则继续执行循环体，以此类推如果为false，则循环结束 - do-while语句，可以确保循环至少执行一次。 for循环 ***** - 语法： for(①初始化表达式; ②条件表达式; ④更新表达式){ ③语句… } - 执行流程： ① 执行初始化表达式对变量进行初始化 ② 执行条件表达式来进

2020-10-26 22:55:57 134

原创 JS第五天笔记

1.对象 obj.name 中的name被称为属性名 * 属性名没有任何要求，任何值都可以作为对象的属性名 * 如果属性名太特殊了，则需要使用一个特殊的方式来设置： * 语法： * 对象[‘属性名’] = 属性值; * * 虽然如此，建议我们设置属性名时最好也遵循标识符的规范加粗样式**** *** 读取属性： * 对象[‘属性名’]** * let obj = Object(); * obj.name

2020-10-26 21:05:39 168

原创 JS第三天

运算符 - 相等运算符 ==，相等 - 比较两个值是否相等，会进行自动的类型转换 !=，不等 - 比较两个值是否不等，会进行自动的类型转换 ===，全等（*****） - 比较两个值是否全等，不会进行自动的类型转换 !==，不全等（*****） - 比较两个值是否不全等，不会进行自动的类型转换 **注意： 1.NaN不和任何值相等，包括它自身加粗样式 2.null和undefined相等但是不全等** **- 条件运

2020-10-25 19:57:51 82

原创 JS第二天

变量： JS中的变量并不直接存储值而是直接存储在内存地址变量更像是一个别名（变量在值中可变内存地址不可变） String number boolean null undefiened 是基本数据类型都是不可变一旦创建就不能在改变 object引用数据类型 cosnd = 55；是一个常量（常量值不可变）类型转换：转换为字符串类型（）俩种方式 1.调用被转换类型的toString（）方法来进行转换第一种由于null和undefined没有toStirng（）方法所以会直接报错 a = a.to

2020-10-21 20:41:56 263

原创标准盒子和怪异盒子模型

HTML+CSS总结标准盒子的尺寸：center+padding+border 当设置大小时会加大盒子的尺寸怪异盒子的尺寸（内减模式）：center+padding+border 当设置padding和border时候不会加大盒子的尺寸会自动从cneter减去 padding和border撑开尺寸尺寸和当时设置的一样前提是设置宽度和高度文字阴影： text-shadow：11px 11px 32px red 分别是水平偏移垂直偏移模糊度颜色也可以多写属性文字边框属性： -wenkit

2020-10-21 08:13:33 440

原创 JS第一天笔记

JS 简介第一天 // 控制浏览器弹出一个警告框 // alert(“这是我的第一个js代码”) /* *document.wtite(可以向body中输出一个内容) // document.write("看我出不出来~~" ) * */ // 向控制台输出一个内容 // console.log("你猜我在哪里出来?") js书写三种样式 1.内联样式 <!-- 可以将js代码编写到标签的onclick属性中当我们点击时候

2020-10-20 18:05:00 167

原创弹性布局

1.弹性布局也叫弹性盒子伸缩布局 flex布局是父元素和子元素之间的关系父元素是弹性空间子元素是弹性元素主轴默认是水平方向左边是开始右边是结束弹性元素按照从左到右的顺序依次排列侧轴（也叫辅轴交叉轴）是垂直方向上边是开始下边是结束弹性元素是沿着侧轴换行 2.开启弹性空间的语法：display：flex row语法：主轴是水平方向左到右侧轴是垂直方向上到下 row-reversse：跟上面相反侧轴方向不变 column：主轴是垂直方向上是开始下是结束侧轴是水平方向左是

2020-10-18 00:12:26 1194

weixin_50998873的博客