
原生js重点
js基础
全栈开发ck
微信公众号
展开
-
表单验证
表单插件说明 页面级别 站点级别 插件级别(产品级别) 考虑 自定义属性的约定 1. 可以通过插件,配置错误的类名,如果没有配置,使用默认类名:field-error 约定:错误类名,应该加到表单域的容器中 2. 【必填】约定:表单域(字段)容器是一个具有自定义属性 data-field-container的元素,该属性的值必须等于表单字段名。 3. 【必填】约定:要验证的表单域(字段)应该具...原创 2020-02-24 18:37:22 · 358 阅读 · 1 评论 -
数组的方法
数组的方法 实例方法 变异和非变异的理解 变异的方法:破坏了原始数组 非变异的方法:不会破坏原始数组,产生新数组 valueOf() 数组原始值 toString()将数组转化为字符串 var arr = ['苹果','桔子']; console.log( arr.valueOf() ); // [1, 2, 3] console.log( arr.toString() ); // 1, ...原创 2019-12-19 16:01:06 · 493 阅读 · 0 评论 -
ES6提示和技巧
模板字面量(Template Literals) 模板字面量使得使用字符串比以前更容易。它们以反引号开始,可以使用 ${variable}插入变量。比较这两行代码: var fName = 'Peter', sName = 'Smith', age = 43, job= 'photographer'; var a = 'Hi, I\'m ' + fName + ' ' + sName + ', I...原创 2019-12-09 10:47:25 · 297 阅读 · 0 评论 -
JavaScript 编码简写技巧
1. 三元操作符 当你想在一行代码中写一个 if…else 语句时,这是一个很好的节省代码的方式。 普通写法: const x = 20; let answer; if (x > 10) { answer = 'is greater'; } else { answer = 'is lesser'; } 简写: const answer = x > 10 ? 'grea...原创 2019-12-09 08:50:01 · 251 阅读 · 1 评论 -
属性描述符
属性描述符 属性描述符的配置参考:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty 属性描述符:它表达了一个属性的相关信息(元数据),它本质是一个对象. 1.数据属性 2.存储器属性 1.当给它赋值,会自动运行一个函数 2.当获取它的值时,会...原创 2019-12-06 12:49:23 · 201 阅读 · 0 评论 -
原型
原型 所有对象都是通过new函数创建 所有函数也是对象 -函数中可以有属性 所有对象都是引用类型 原型 prototype 所有函数都有个属性:prototype,称之为函数原型 默认情况下,prototype是一个普通Object对象 默认情况下,prototype中有一个属性,constructor,它也是一个对象,它指向构造函数本身 隐式原型_proto_ 所有对象都有一个属性:...原创 2019-12-05 17:59:31 · 189 阅读 · 0 评论 -
模块化历史
1.原始写法 function m1(){ //... } function m2(){ //... } 2.对象写法 var module1 = new Object({ _count : 0, m1 : function (){ //... }, m2 : function (){ //... ...原创 2019-11-16 16:50:52 · 163 阅读 · 0 评论 -
栈 堆
栈 (stack ) 栈内存:引擎执行代码时工作的内存空间,除了引擎,也用来保存基本值和引用类型值的地址。 原始值 stack Number String Boolean undefined nulll 堆(heap) 堆内存:用来保存一组无序且唯一的引用类型值,可以使用栈中的键名来取得。 引用值 array Object function ...data RegExp ...原创 2019-12-04 18:11:43 · 413 阅读 · 0 评论 -
构造函数
构造函数 对象中的属性,如果是一个函数,也称改属性为对象的方法 用于创建对象的函数 传统模式 ///创建一个用户 function createUser() { return { name: 'abc', age: 10, gender: '男', ...原创 2019-11-30 20:41:45 · 163 阅读 · 0 评论 -
this关键字
this关键字 this 无法赋值 1.在全局作用域中,this关键字固定指向全局对象 2.在函数作用域中,取决于函数是如何调用的 1.函数直接调用,this指向全局对象 2.通过一个对象调用,格式为 对象.属性或对象['属性'](), this指向对象 数组 function test() { console.log(this) //this 指向数组 ...原创 2019-11-30 14:21:30 · 116 阅读 · 0 评论