![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 67
小航哥sir
前端初级开发攻城狮,某中厂前端
展开
-
1-3 html 表单(一)form、input 【type:text】【type:password】【type:radio】【type:checkbox】【type: submit】
阅读完本文章,你将学会:目录【1】表单的使用场景【2】表单的组成部分【3】表单域form【4】input及type属性【4.1】属性1文本框:text 如图【4.1.1】value属性【4.1.2】同时添加value 和 name属性【4.1.3】placeholder属性【4.2】属性2密码框: password【4.3】radio 单选框【4.3.1】优化:点击文字,即可选中按钮【4.3.2】checked="checked"属性 默认选中【4..原创 2021-10-07 10:16:40 · 487 阅读 · 0 评论 -
每日一题·对原型和原型链的理解(12/1)
介绍了原型和原型链的一些概念原创 2022-12-01 07:34:03 · 254 阅读 · 1 评论 -
我的bug记录
记录我写项目时碰到的所有的bug原创 2022-11-30 09:27:35 · 316 阅读 · 0 评论 -
每日一题·作用域链的理解(11/30)
介绍了“作用域链”的概念原创 2022-11-30 09:02:53 · 394 阅读 · 0 评论 -
JavaScript ES6 面向对象类 笔记整理
0. 先总结:最下面有对应的代码可以分别赋值测试/* 1. 类和对象的概念 类,大类,手机 很多的手机的集合 对象,具体的事物,比如小米8的一个具体的手机 2. 面对对象的思维特点: 我的目标是要生产很多个大大小小的对象 知道这些对象有哪些共同的属性和方法 属性和方法抽离出来生成一个类 就像一个汽车图纸 汽车图纸 能够依靠它生产出很多原创 2022-03-04 13:51:16 · 176 阅读 · 0 评论 -
JavaScript原型是什么
知识点1:__proto__是什么?prototype是什么?constructor是什么?知识点2:实例对象的__proto__和构造函数的prototype的关系知识点3:原型链是什么?原创 2022-03-01 16:13:26 · 1172 阅读 · 0 评论 -
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 · 383 阅读 · 0 评论 -
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 · 594 阅读 · 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 · 544 阅读 · 0 评论 -
字符串方法 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 · 1490 阅读 · 0 评论 -
数组方法扩展 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 · 334 阅读 · 0 评论 -
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 · 1471 阅读 · 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 · 5716 阅读 · 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 · 1495 阅读 · 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 · 432 阅读 · 0 评论 -
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 · 659 阅读 · 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 · 391 阅读 · 0 评论 -
JavaScript 基本数据类型 引用数据类型【1】
1. 基础数据类型string、boolean、number、null、undefined、object新增Symobl2. 复杂数据类型ObjectES6规范简介_es6规范-Web开发文档类资源-CSDN下载原创 2021-12-07 22:30:19 · 195 阅读 · 0 评论 -
JavaScript对象有哪些?
分类原创 2021-12-06 22:16:56 · 1898 阅读 · 0 评论 -
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 · 734 阅读 · 0 评论 -
javascript 高级编程 this指向问题【1】
1. 定时器内部this指向window2. 如果是对象的方法this指向调用的对象本身3. 闭包的this指向问题4.原创 2021-12-01 22:24:59 · 471 阅读 · 0 评论 -
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 · 322 阅读 · 0 评论 -
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 · 500 阅读 · 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 · 264 阅读 · 0 评论 -
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 · 1483 阅读 · 0 评论 -
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 · 592 阅读 · 0 评论 -
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 · 572 阅读 · 0 评论 -
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 · 923 阅读 · 0 评论 -
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 · 1056 阅读 · 0 评论 -
js 排他思想与案例演示 【className】【classList】【removeClass】【addClass】
利用className进行排他思想实现利用classList进行排他思想的实现利用jQuery进行排他思想的实现原创 2021-11-15 22:03:48 · 1280 阅读 · 0 评论 -
todolist 案例 原生JavaScript写法+HTML代码+CSS代码
1. html结构: <header> <section> <label for="title">ToDoList</label> <input type="text" id="title" name="title" placeholder="添加ToDo" required="required" autocomplete="off" /> </sectio原创 2021-11-06 14:58:31 · 2508 阅读 · 1 评论 -
原生Javascript和jQuery获取元素归纳 document.getElementById,document.querySelector(““) 子节点 父节点 兄弟节点
1.var div = document.querySelector("#box")var div = document.getElementByID("box")var div = document.getElementByClass("box")原创 2021-11-03 12:38:35 · 2364 阅读 · 0 评论 -
【getAttribute】【setAttribute】【removeAttribute】【attr】【remove】自定义属性的应用 怎么设置自定义属性 怎么修改删除自定义属性
1. 前后端交互中,添加信息时在获取后台数据库数据时,遍历数据,然后根据遍历的数据,添加表单2. 轮播图中,通过遍历有几张图片,就添加几个小圆点原创 2021-11-02 07:53:38 · 530 阅读 · 0 评论 -
javascript Uncaught ReferenceError: template is not defined 函数未定义
1. 情况1html页面有script标签1,里想要调用函数template,同时在html页面还调用了其它的script文件,称为script标签2,函数在里面这个script标签如果没有写在script标签1的上面, 那么久就会报错 <script> var data = { name: '李治航', age: 18, gender: '男', address: '浙农林' }; var htmlStr = template('conte原创 2021-10-25 12:50:47 · 2813 阅读 · 0 评论