大前端

今天来简单学习一下JavaScript中的this关键字。 (注：所有代码均在"strict mode"环境下运行) 1.全局作用域 console.log(this); //global scope 输出结果为Window对象 2.函数表达式 const calcAge=function (birthYe…

一、前端核心分析 1.1、概述Soc原则：关注点分离原则 Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。 HTML + CSS + JS : 视图 ： 给用户看，刷新后台给的数据 网络通信 ： axios 页面跳转 ： vue-route…

JavaScript学习笔记 一、基本语法 字面量 字面量其实就是一个值，它所代表的含义就是它字面的意思 比如：1 2 3 4 100 "hello" true null ..... 在js中所有的字面量都可以直接使用，但是直接使用字面量并不方便 变量…

in操作符： 查找对象中属性是不是存在，如果存在，返回true,如果不存在，返回false console.log("name" in person5);//判断name属性在对象person5中是否存在   hasOwnProperty(): 查找对象中的属性是不是在这个对象…

一、如何理解this 在定义对象时，如果方法中使用了本对象的属性，需要加上this 告诉js调用的是那个对象的属性 // 当一个函数作为对象的方法被调用时，默认this的值等于那个对象。在方法中引用this而不是直接引用一…

1，导入JavaScript标签 <script type=“text/javascript”></script> 2, 在标签中间写js代码 第一句javascript代码：alert(“hello world!”) ; 第二句javascript代码：document.write(“亲，我在页面上，跟…

JS是事件驱动为核心的一门语言 1 事件三要素 事件源、事件、事件驱动程序 事件源：引发后续事件的html标签。 事件：js已经定义好了（见下图）。 事件驱动程序：对样式和html的操作。也就是DOM 代码书写步骤如下：（…

1 js运行的三个阶段 语法分析 预编译 解释执行 语法分析就是JS引擎去检查你的代码是否有语法错误，解释执行就是执行你的代码。最重要最需要理解的就是第二个环节预编译，简单理解就是在内存中开辟一些空间，存放一-…

1 创建对象的方式 方式一： var student = new Object(); student.name = "easy"; student.age = "20"; 方式二： var student={ name : 'lxx', age : 18, sex : 'male', fav : function (a) { alert('爱好姑娘'); r…

原型: <script> // 构造函数 function Star(uname, age){ this.uname = uname; this.age = age; this.dance = function(){ console.log("跳舞"); } } Star.prototype.sing = function(){ console.log('我会唱…