将远程仓库拷贝到本地仓库：git clone 地址 命令：将远程仓库中的drag下载到本地 结果：本地文件夹drag-practice 中多了 drag

1.常用的字符串方法 1. indexOf：查找字符串某一项的初始位置2. slice：截取字符串（包含起始位置，不包含结束位置） {代码...} 3. substring：截取字符串（包含起始位置，不包含结束位置） {代码...} 4. substr：截取字符串 5. split： {代码...} {代码...} 6.charAt：返回对应位置的字符 2.常用的数组方法 1. join： ...

1.JS内置类型 分为基本数据类型和Object.基本数据类型有：null,undefined,string,boolean,number,symbol. {代码...} 如果想要区分null，数组，对象，应该怎么办？ {代码...} 我的简单理解：toString（数据）；作用：将数据转化为字符串。 2.类型转化 类型转化：分为显示类型转化，和隐式类型转化。 1.Number（数据） {代...

1.对象简洁表示法 原来写法 {代码...} 简洁写法 {代码...} 2.Array.map( ) map( ): 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。map( ): 方法按照原始数组元素顺序依次处理元素。 注意： map() 不会对空数组进行检测。注意： map() 不会改变原始数组。 举例一： {代码...} 运行结果： 举例二： ...

1.var , let , const var {代码...} let {代码...} 1.举例说明—预解析 {代码...} 由于var存在预解析，所以不会报错。let不存在预解析 {代码...} 2.举例说明—重复声明变量 {代码...} 3.举例说明—块级作用域 {代码...} const 常量 {代码...} const举例说明： {代码...} 2.解构赋值 1.对于 对象 解构赋值，变量名要和键名相...

1.class class es6 中 为 关键字用来声明 一个 类 {代码...} 下面是详细解释 1.只能通过new调用 {代码...} 2.不存在变量提升 {代码...} 3.多个方法之间直接书写 不需要,隔开 {代码...} 解析：其中constructor方法和say方法之间并没有用逗给开。因为不是对象，所以不需要用逗号隔开。 4.类的方法是直接定义在类的原型上的...

如果没有面向对象这种抽象概念的小伙伴，建议先看一下我写的JS基础入门篇（三十四）—面向对象（一）???? 1.非常非常重要而又简单的概念—原型链 想要以下为 f 添加一个say方法，有三种方法。 {代码...} 方法一：相当于添加一个自定义属性，此属性是一个方法。 {代码...} 方法二：为构造函数.prototype添加一个say方法。 {...

1.对象 对象的定义 : 对象 是 由 键值对 组成的无序集合。 创建对象两种方法 : 方法一 : 字面量方法 {代码...} 方法二 : new Object( ) 构造函数创建 {代码...} 2.面向对象和面向过程的比较 如果 想要把大象放进冰箱。 1.面向过程思想的逻辑思维是： {代码...} 解析： 面向过程思想的逻辑思维是，我们先做什么，然后做什...

1.创建一个正则表达式 方法一：使用一个正则表达式字面量，其由包含在斜杠之间的模式组成。 {代码...} 方法二：调用RegExp对象的构造函数 {代码...} 2.正则表达式中的特殊字符 1.转义字符 {代码...} 2.量词 {代码...} 注意：如果 ? 紧跟在任何量词 *、 +、? 或 {} 的后面，将会使量词变为非贪婪的（匹配尽量少的字符），...

虽然上次写到js基础篇（二十四），这次直接写到（二十七）。是为了提醒自己中间有几篇没写。特此说明一下啊。 1.window.open() 使用a标签呢，点击一下a标签页面才会跳转，有时候我们需要做的操作是，我们不点击，页面就跳转了。虽然这种例子我还没想到，但是就是有。? {代码...} 参数有一点多，先看看就好。知道总比不知...

1.offsetLeft/offsetTop offsetLeft/offsetTop : 到定位父级节点的距离. {代码...} 2.node.getBoundingClientRect {代码...} {代码...} 3.getAtrribute：获取元素属性 {代码...} 3.setAttribute和removeAttribute setAttribute:设置的自定义属性在行间。removeAttribute：删除行间所在的自定义属性。 {代码...} 4.移入移...

node.parentNode：找到node的父节点children：获取节点的一级的元素子节点，只获取元素，返回的是HTMLCollection集合。childNodes：获取节点的一级子节点，可能获取到元素节点，文本节点，注释节点等，返回的是Nodelist集合.

1.日期对象 日期对象： {代码...} 以下代码可以获取当前时间： {代码...} 如果想不停打印当前的时间，可以看以下代码： {代码...} 2.日期对象的参数 {代码...} 以下代码，可以把注释打开，查看效果： {代码...} 3.获取详细时间和设置详细时间 获取详细时间： {代码...} 设置详细时间： {代码...} 注意： {代码...} 4.字...

1.事件绑定 方式一：用on绑定事件 {代码...} 方式二：用addEventListener进行事件侦听，也能起到绑定事件的作用。 addEventListener {代码...} 点击查看效果以及代码，codepen中也有console可以查看 以下是完整代码 {代码...} 2.事件解绑 事件解绑： {代码...} 点击查看事件解绑效果！！！ 以下是部分核心代码： {代码.....

案例一.点击按钮，选中input中的全部内容 select（）方法：选中全部。 点击按钮选中输入框中的内容！！！！ {代码...} 案例二.点击按钮，选中input中的全部内容，并复制到粘贴板上。 document.execCommand("copy");//复制到粘贴板上。 点击按钮，选中并复制到粘贴板上，点击查看效果以及代码 {代码...} 事件对象 事件：...

事件的定义：所有的元素都有事件，我们要做的就是为事件绑定函数，当元素发生事件时就会出发对应的函数。当我们没有为事件绑定函数时，事件的值为null。

目的：把数组中重复的内容去掉。eg：将数组[2, 3, 1, 4, 2, 2, 3, 4, 1, 5,"1"]变成[2, 3, 1, 4, 5, "1"]。

1.思考：页面上有一个宽高都为100px的盒子，如果想点击此盒子，让它的宽变成300px，应该怎么做 ？ 思路一：选择用js的点击事件做，给盒子添加类名，并在类名中写对应的css样式。 {代码...} 思路二：使用定时器做，让盒子的宽度每20毫秒加5px。直到盒子的宽度大于或着等于300px。 {代码...} 将思路二封装成函数，使的每个...

2.JS写在script ( 一般写在body结束标签之前 )因为JS的执行顺序，需要将元素加载完成，才能获取到元素，故一般写在body结束标签之前。

定义：当我们需要隔一段时间，再执行一段代码。或者每隔一段时间，执行一段代码。我们可以使用定时器。使用场景：例如网站轮播图的自动滚动。广告延迟弹出的某些操作

1.JSON JSON： {代码...} 注意事项： 键名 需要 使用 双引号 包起来 JOSN有两个方法：JSON.parse和 JSON.stringify。 JSON.parse，将后台传来的字符串转化为对象。其字符串的内容就是对象才需要这个转。 JSON.stringify，将后台传来的对象转化为字符串。 {代码...} 结果为。 2.Math — Part1 Math.ceil {代码...} Math.fl...

1.对象的定义 对象： {代码...} 2.对象的创建 方式一：通过构造函数创建对象 new Object(); 方式二：对象字面量创建对象 { }; 3.为对象添加或者修改属性 方式一：通过“.” {代码...} 方式二：“[ ]” {代码...} 方式三：直接写在里面 {代码...} 4.属性值的获取 对象值的获取 {代码...} 5.in 和 for in的使用 in的使用： {代...

作用： 将数组通过指定字符拼接成字符串。语法： string arr.join([separator = ',']);参数： separator可选，如果省略的话，默认为一个逗号。如果 seprator 是一个空字符串，那么数组中的所有元素将被直接连接。返回值： 拼接后的字符串。

作用： 此方法返回对应位置的字符。语法： string string.charAt(index);参数： index指 0到 字符串长度-1 的某个一个整数。返回值： 返回字符串对应位置的字符。

1.算术运算符 1.算术运算符 算术运算符：+ ，— ，* ，/ ，%（取余） ，++ ，-- 。 重点：++和--前置和后置的区别。 1.1 前置 ++ 和 后置 ++ 前置++:先自增值，再使用值。后置++:先使用值，再自增值。 {代码...} 2.赋值运算符 2.赋值运算符 赋值运算符：+= ，—=*，= ，/= ，%= 。 计算完值后，并赋值给自己。 3.关系运算...

1.数据类型转化 数据类型转换 {代码...} 2.Number(数据) {代码...} {代码...} 3.NaN NaN {代码...} 举例说明 {代码...} 4.isNaN isNaN(数据) {代码...} 举例说明 {代码...} 5.String(数据) String(数据) {代码...} 举例说明 {代码...} 6.Boolean(数据) Boolean(数据): {代码...} 注意: {代码...} 举例说明: {代码...} 7....

1.数据类型 数据类型：我感觉就是对数据的种类进行分类。就好比把人分为儿童，青少年，中年，老年一样。 基础数据类型： {代码...} 复合(复杂)数据类型 {代码...} 2.字符串 字符串：由成对的单引号或者双引号包起来的0个或多个字符组成的串 字符串拼接:只要 + 的 一边是字符串 ,那么就会做字符串拼接。 {代码...} 3.Numb...

1.this的使用 {代码...} {代码...} 2.模拟单选框 模拟单选框效果图方法一：大清洗，在设置颜色之前把所有的颜色值设为空。然后再设置点击框的颜色。 {代码...} 方法二：点击什么，清除什么。记录当前点击的。 {代码...} 3.选项卡 模拟选项卡 方法一：大清洗，在设置颜色之前把所有的颜色值设为空。然后再设置点击框的颜...

1.for循环 1.for的基本简介 {代码...} 2.for循环的执行顺序 {代码...} 2.利用for循环生成html内容的性能问题 以下代码作用，利用for循环生成1000个li {代码...} 所需时间：是大约1177毫秒。 分析：需要这么长时间的原因是，以下代码造成的，因为每次都要重新读list中的内容，然后增添一个li。这造成性能过低。如果要添加...

1.if篇 1. if 语法: {代码...} 2. if-else 语法: {代码...} 3. if-else-if-else 语法: {代码...} 2.字符串 字符串：用 成对的 单引号或者双引号包起来的 0个或多个字符组成的串。 {代码...} 字符串拼接：用 + 做字符串拼接。只要加号一边是字符串，另一边是数字，那么会把数字转变成字符串然后做拼接，只有加号两边都是...