- 博客(56)
- 收藏
- 关注
RSS订阅原创 JavaScript ES6 面向对象类 笔记整理
0. 先总结：最下面有对应的代码可以分别赋值测试/* 1. 类和对象的概念 类，大类，手机 很多的手机的集合 对象，具体的事物，比如小米8的一个具体的手机 2. 面对对象的思维特点： 我的目标是要生产很多个大大小小的对象 知道这些对象有哪些共同的属性和方法 属性和方法抽离出来生成一个类 就像一个汽车图纸 汽车图纸 能够依靠它生产出很多
2022-03-04 13:51:16
203
原创 算法 实现substr() KMP算法
实现 strStr() 函数。给你两个字符串 haystack 和 needle ，请你在 haystack 字符串中找出 needle 字符串出现的第一个位置（下标从 0 开始）。如果不存在，则返回 -1 。示例 1：输入：haystack = "hello", needle = "ll"输出：2示例 2：输入：haystack = "aaaaa", needle = "bba"输出：-1示例 3：输入：haystack = "", needle = ""输出：0.
2022-03-03 09:04:21
166
原创 JavaScript原型是什么
知识点1：__proto__是什么？prototype是什么？constructor是什么？知识点2：实例对象的__proto__和构造函数的prototype的关系知识点3：原型链是什么？
2022-03-01 16:13:26
1311
原创 let const知识点；let var const的区别【JavaScript】【ES6-1】
let的特点1. let =》if 和 for内部 具备块级作用域 for(var j = 0; j < 5; j++) { } console.log(j); // 5 这里的5可以访问到 for(let i = 0; i < 5; i++) { } console.log(i); // 报错 未定义 =》for里面是块级作用域 =》
2022-02-22 19:53:42
539
原创 JavaScript 算法 实现字符串转换整数 (atoi)
力扣点击上面的链接，就可以看到题目的描述。 分析题目描述 1. 如果开头是空格，忽略这个空格 2. 如果检测完空格，紧接着检测是否是负数，如果检测到-号，最终要转化为负数 不然就是正数 默认 3. 如果下一个字符是非数字，就停止读，非数字不能放进去 4. 如果一个数字都没有，就返回0 5. 如果正数 超过 2^31-1 就固定为2^31-1 Math.pow(2,31) 6. 如...
2022-02-14 09:49:15
1385
原创 有效的数独
题目描述和测试举例看这里，不重复啦！下面是一种解法的解释：解法1：for循环 好多指针解法 var isValidSudoku = function (board) { var flag = 0; // 行和列的比较 // 三层for循环 z + 1 for (var i = 0; i < 9; i++) { for (var j = 0; j < 9;
2022-01-30 22:44:02
403
原创 CSS之filter属性和calc函数
1. 有哪些属性值 和 作用属性值：blur作用：实现透明度，和opacity类似2. calc函数轻松实现 几个盒子的宽度根据父级自适应
2022-01-15 22:04:24
439
原创 【数据结构和算法 初级1】删除有序数组的重复项 暴力解法&双指针
题目描述【来自-右侧点击力扣】：给你一个有序数组 nums ，请你 原地 删除重复出现的元素，使每个元素 只出现一次 ，返回删除后数组的新长度。不要使用额外的数组空间，你必须在 原地 修改输入数组 并在使用 O(1) 额外空间的条件下完成。目标是：原地删除数组 重复出现的元素，每个元素只能出现一次。返回值：删除后的数组的新长度。注意点：1. 数组是有序的2. 数组里面的每个元素最终只有一个3. 不能声明新的数组，必须修改原数组...
2022-01-14 17:42:44
544
原创 JavaScript 扩展运算符介绍 【通俗易懂系列 2】
目录1. 数组拆分为序列2. 也可以直接输出 直接拆分为序列3. 扩展运算符 合并数组4. 扩展运算符转化 伪数组5. 扩展运算符 和 forEach some1. 数组拆分为序列如下，变量和数组里面的值的顺序一一对应好。 const arr = ['aa', 'bb', 'cc']; let [a, b, c] = [...arr]; console.log(a); // aa console.log(b)
2022-01-04 21:45:32
680
1
原创 【通俗易懂 系列1】JavaScript 对象 Object.keys() Object.defineProperty() 用法
目录1. 简单一句话先解释：1.1 Object.keys() 有什么作用？1.2 Object.defineProperty() 有什么作用？2. 详细介绍2.1 Object.keys()2.2 Object.defineProperty()writable 修改旧的属性值value 增加新属性 设置值enumerable 遍历对象属性configurable 是否允许删除属性1. 简单一句话先解释：1.1 Object.keys() ...
2022-01-02 09:26:35
669
原创 字符串方法 charAt、charCodeAt、str[]索引、includes、startWith、endWith、repeat等等
目录1. charAt 2. charCodeAt 3. str[]兼容性4. includes1. charAt返回对应索引的字符 var str = '你好帅'; console.log(str.charAt(2)); // 帅 表示索引为2的字符是帅2. charCodeAt返回字符串对应索引的Unicode编码 0-65536之间整数 var str = 'ABC'; ...
2021-12-24 22:14:58
1692
原创 数组方法扩展 find() findIndex() reduce()
1.find方法作用：用来查找符合条件的元素，返回的是值注意：查找到第一个指定的元素就不再查找后面的元素注意：不改变数组原有的值注意：不处理空数组下面的代码解释：1.发现控制台输出索引index时，只会输出0，因为数组的第一个值1就是小于3，那么后面的代码都不再执行。2.因为返回值是数组的值，所以常量a的值是1 let arr = [1, 2, 3, 4, 5]; const a = arr.find(function (value, i...
2021-12-17 15:53:41
359
原创 JavaScript 数组 拓展 方法 forEach filter some map every的比较
1. forEach作用：遍历数组的每一个值是否会改变原有的数组？不会 var arr = [1, 2, 3, 4, 5]; arr.forEach(function (value, index, arr) { console.log('数组的值是:' + value); console.log('数组的索引是:' + index); console.log('数组的本身是:' + arr);
2021-12-16 21:02:05
1654
2
原创 JavaScript 数组筛选 筛选数组大于＞10的元素的三种方法
1.利用遍历和push的方法就可以进行。 var arr = [1, 3, 10, 2, 20]; var result = []; for (var i = 0; i < arr.length; i++) { if (arr[i] < 10) { result.push(arr[i]); } } console.log(resul.
2021-12-13 21:27:37
5815
1
原创 JavaScript 高级之 闭包是什么
目录1. 闭包的概念2. 闭包的作用3. 闭包示例3.2 示例11. 闭包的概念是一个函数，这个函数有权访问另一个作用域中的变量。 function fn() { var num = 10; function fun() { console.log(num); } fun(); } fn(); 上面
2021-12-11 22:26:02
1600
4
原创 JavaScript Boolean数据类型 强制转换 结合逻辑非 双重逻辑非判断
1. Boolean数据类型的取值truefalse就这两个2. Boolean类型涉及的强制转化Boolean()方法 var b = Boolean(123); console.log(b); // true紧接着要问，哪些值，打印出来是true，哪些是false？null undefined 空 NaN 打印出来的都是false有待进一步更新结尾：学习id： 201903090124-现在是大三学生，学习到了v
2021-12-10 21:45:47
526
原创 JavaScript 基本数据类型 字符型 String
1. 字符串的单双var str = '123';我们基本上在原生JS用单引号。2. 字符串的嵌套如果要嵌套，一定是外单内双，或者外双内单var str2 = '我是"小学生"';3. 字符串的转义认识几个常见的转义字符 console.log('\t你好'); console.log('\n你好'); console.log('\\你好'); console.log('\'好');更多查看下面的.
2021-12-10 21:27:09
671
1
原创 JavaScript Number数据类型
目录1.进制问题2. 最大值和最小值 无穷大 无穷小3. NaN1.进制问题需要记住，八进制就是数字前面有0，十六进制是前面有0x，一般用的不多八进制 var num = 011; console.log(num); // 9 运算是1*8^1+ 1*8^0 = 9 十六进制 var num1 = 0x11; console.log(num1); // 17 运算是1*16^1+ 1*16^0
2021-12-08 21:31:39
397
原创 JavaScript 基本数据类型 引用数据类型【1】
1. 基础数据类型string、boolean、number、null、undefined、object新增Symobl2. 复杂数据类型ObjectES6规范简介_es6规范-Web开发文档类资源-CSDN下载
2021-12-07 22:30:19
208
原创 JavaScript 高级编程，this指向问题【2】
目录法则：例题1：例题2：例题3：法则：1. this指向的永远是一个对象2. 指向的是哪个对象，取决于谁调用了它例题1：问obj.f()打印的是什么？ function fun() { console.log(this.s); } var obj = { s: 1, f: fun } var s = 2;
2021-12-02 21:42:52
971
原创 javascript 高级编程 this指向问题【1】
1. 定时器内部this指向window2. 如果是对象的方法this指向调用的对象本身3. 闭包的this指向问题4.
2021-12-01 22:24:59
482
原创 JavaScript【刷题2】 this指向问题 结合 【undefined】的情况
上题目问：本题的最后打印的是什么？ var user = { count: 1, getCount: function () { // return this; Window return this.count; } } var func = user.getCount; console.log(fun
2021-11-30 22:30:17
331
原创 JavaScript 浅拷贝与深拷贝概念及应用 Jquery的浅拷贝和深拷贝
1. 原生js的浅拷贝与深拷贝前言： var obj = { name: 'good', age: 18, msg: { name: 'superman', age: 20, } } var o = {}; for (var k in obj) { o
2021-11-29 22:48:00
676
2
原创 JavaScript 刷题记录【1】 null和undefined的比较【1.1】数组长度的计算【1.2】如果获取select表单当前选中的元素的值【1.3】
1. null和undefined的比较 var a; var b = null; console.log(a); console.log(b); console.log(a == b, a === b); 请问三个console分别输出什么？见如下代码 var a; // 声明了，但是未定义 var b = null; console.log(a);...
2021-11-28 19:43:43
296
原创 JavaScript 数组【4】数组去重 ； 数组concat()；slice()
1. 数组去重 利用indexOf 和 push进行 // 数组的去重 var arr4 = [100, 100, 300, 300, 401, 501, 601]; function unique(arr) { var newArr = []; for (var i = 0; i < arr.length; i++) { // 核心思路
2021-11-27 21:55:49
1590
原创 JavaScript 数组【3】toString方法 join方法 split方法
目录1. toString()2. join()3. split()1. toString()数组转化为字符串 // 1.1 toString() 里面没有参数 var arr = [1, 2, 3]; console.log(arr.toString()); // 1,2,3 console.log(arr); // 发现arr这个数组没有受到影响 var str = arr.toString();
2021-11-26 21:46:46
674
原创 JavaScript 数组【2】 instanceof方法, reverse()f方法和原理， sort()方法和原理
目录1. instanceof 判断是否是数组2. 翻转数组3. 冒泡的机理sort对象分为内置对象，自定义对象，浏览器对象内置对象javascript语言自带的，比如Array、Object、Date，供开发者使用，能够使开发更加的高效 自定义对象是我们创建的，var obj = {} 浏览器对象是javascript语言独有的对象？下面讲的都是数组的三个内置对象1. instanceof 判断是否是数组 // 1. instanceof 判断是否是数
2021-11-25 22:05:44
641
原创 JavaScript 数组【1】 创建数组 添加、删除元素 【push、unshift】【pop、shift】
1. 创建数组 // 创建数组的方法 // 1. 字面量创建数组 var arr = []; // 2. 利用构造函数创建数组 var arr = new Array();2. 给数组添加值 // 给数组里面添加值 // 1. 利用索引 arr1[0] = 1; arr1[1] = 2; console.log(arr1); // [
2021-11-24 22:09:06
980
原创 什么是BFC
1. BFC概念BFC是什么块级格式化上下文。是一个独立的运行环境，其中的元素是不受上下文的布局的影响。2. BFC的布局规则：内部的盒子会垂直，一个一个摆放margin决定内部的盒子的垂直距离，如果是同一个BFC盒子，内margin会重叠BFC区域不会与浮动的盒子的重叠3. BFC对于我们布局有什么启发?...
2021-11-23 22:30:15
414
原创 CSS进阶 如何实现圆形&半圆
1. CSS实现半圆 div { width: 50px; height: 100px; border: 1px solid #000; background-color: pink; /* 顺序是 左上 右上 右下 左下 */ /* 半圆，右边上下角是圆的，左边上下角的宽度设置为0 */ /* div盒子高度为宽度的一半 */
2021-11-22 22:42:17
3303
原创 CSS进阶 光标类型&设置遮罩
1. 光标设置鼠标移动到元素上面，鼠标呈现的效果。2. 有哪些光标光标 效果 default 默认 pointer 小手-点击 text 工字形-文本 move 十字-移动 3. 应用cursor: pointer;常常用于a标签、logo，和点击功能结合cursor: move;鼠标经过，光标变成十字型，和移动功能结合cursor: text;鼠标经过，光标变成工字型，表示文本可以移动。切记
2021-11-21 16:32:51
430
原创 CSS 精灵图的使用；精灵图不见了；如果一次性设置多个精灵图
1. 精灵图是什么2. 为什么要使用精灵图3. 精灵图的使用步骤4. 精灵图的高效率小技巧15. 精灵图小技巧26. 精灵图出错点汇总
2021-11-20 16:27:12
1620
原创 1-2 html标签 语义化标签是啥意思？ 标签的列举和介绍 文本格式化标签 结构格式化标签 内容标签 header、nav； strong、em；p、a
目录1. 标签概览2.使用语义化标签？2. 结构语义化标签2.1. header2.2 nav导航栏2.3 main2.4. aside2.5. article2.6. section2.7. footer2.8. 标题标签：3. 文本格式化标签3.1 a标签3.2 文本格式化标签【推荐】【语义强】：3.3 文本格式化标签【不常用，作用无差别】：3.4 sup上标标签：3.5 small3.6mark4. 内容语义化标签：4.1
2021-11-19 22:06:16
486
原创 JavaScript replace之字符串的方法与indexOf的用法 详解
1. 作用1：替换字符串str.replace参数1是要替换的字符参数2是要用谁替换这个字符只能碰到替换的第一个 var str = '121156'; str1 = str.replace('1', 'a'); console.log(str1); // a21156 只会替换第一个字符 //有无办法，结合replace，替换多个字符？2. 替换多个字符 // 2. replace 与 in
2021-11-18 15:25:43
1191
原创 1-1 HTML入门 前端开发是什么？ 前端开发的标准？HTML的基础语法结构
1. 前端开发是什么？从技术层面来看，利用html、css、javascript等技术，包括各种第三方包的使用如jQuery、node等，结合vue、react、Auglar等框架的使用，进行网页的设计与渲染、服务器的搭建与响应等功能。2. 前端开发的标准？遵循W3C的标准3. HTML的基础语法...
2021-11-17 22:50:29
572
原创 1-5 video＞＜/video＞标签和＜audio＞＜/audio＞标签详解
1. video标签双标签H5新增的标签，如果是IE，IE9及以上支持，作用：插入视频流<video src="./swim.mp4" width="300px" height="300px" controls autoplay loop muted poster="1111.jpg" preload="auto">我们不支持这个视频的格式</video>属性：width: 设置视频页面的宽度height:设置视频页面的高度controls: 布尔.
2021-11-16 07:52:04
756
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人