第135篇:Three.js基础入门

JS基础入门篇（三十五）—面向对象（二）

如果没有面向对象这种抽象概念的小伙伴,建议先看一下我写的JS基础入门篇(三十四)-面向对象(一)…

JS基础入门篇（二十七）—BOM

虽然上次写到js基础篇(二十四),这次直接写到(二十七).是为了提醒自己中间有几篇没写.特此说明一下啊. 1.window.open() 使用a标签呢,点击一下a标签页面才会跳转,有时候我们需要做的操作是,我们不点击,页面就跳转了.虽然这种例子我还没想到,但是就是有.…

1.数据类型数据类型:我感觉就是对数据的种类进行分类.就好比把人分为儿童,青少年,中年,老年一样. 基础数据类型: Number(数字),String(字符串),Null(空),Undefined(未定义),Boolean(布尔值). 复合(复杂)数据类型 Object(对象) 2.字符串字符串:由成对的单引号或者双引号包起来的0个或多个字符组成的串字符串拼接:只要 + 的一边是字符串 ,那么就会做字符串拼接. <script> // "abcdef" // &qu…

JS基础入门篇（三）—使用JS获取页面中某个元素的4种方法以及之间的差别（一）

1.使用JS获取页面中某个元素的4种方法 1.通过id名获取元素 document.getElementById("id名"); 2.通过class名获取元素 document.getElementsByClassName("class名"); 3.通过元素标签去获取元素 document.getElementsByTagName("标签名"); 4.通过css选择器去获取元素 document.querySelectorAll("cs…

JS基础入门篇（四）—this的使用，模拟单选框，选项卡和复选框

1.this的使用 this js中的关键字 js内部已经定义好了,可以不声明直接使用 this的指向问题 1. 在函数外部使用 this指向的是window 2. 在函数内部使用有名函数直接调用函数 this指的还是window 通过事件调用,事件是谁触发的 this指的就是谁匿名函数通过事件调用,事件是谁触发的 this指的就是谁 <body> <div id="box">box</div> <script> alert(t…

JS基础入门篇（二十四）—DOM（下）

1.offsetLeft/offsetTop offsetLeft/offsetTop : 到定位父级节点的距离. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div{ padding: 20px; } #wrap{ width: 100%; h…

JS基础入门篇（三）— for循环，取余，取整。

1.for循环 1.for的基本简介作用: 根据一定的条件,重复地执行一行或多行代码语法: for( 初始化 ; 判断条件 ; 条件改变 ){ 代码块 } 2.for循环的执行顺序 <body> <script> for( var a = 0;a < 5;a++ ){ alert(1); } alert(2); //------------------------------------------ // 1-初始化: var a = 0; // 2-判断条件: a &l…

JS基础入门篇（七）—运算符

1.算术运算符 1.算术运算符算术运算符:+ ,- ,* ,/ ,%(取余) ,++ ,-- . 重点:++和--前置和后置的区别. 1.1 前置 ++ 和后置 ++ 前置++:先自增值,再使用值.后置++:先使用值,再自增值. <script> console.log("-------- 后置++ ----------"); var a=0; console.log(a++);//0,后置是先用值,在自增值. console.log(a);//1 自增后的值 cons…

JS基础入门篇（三十四）— 面向对象（一）

1.对象对象的定义 : 对象是由键值对组成的无序集合. 创建对象两种方法 : 方法一 : 字面量方法 var obj = {name: "k"}; 方法二 : new Object( ) 构造函数创建 var a = new Object(); a.name = "zm"; console.log( a ); // {name: "zm"} 2.面向对象和面向过程的比较如果想要把大象放进冰箱. 1.面向过程思想的逻辑思维是: 1.打…

JS基础入门篇（四十三）—ES6（二）

1.对象简洁表示法原来写法 var name = "lzf"; var gender = "male"; var fn = function(){console.log(1);} var obj = { name:name, gender:gender, fn:fn, fn2:function(){ console.log(2) } }; console.log( obj ); obj.fn2(); obj.fn(); 简洁写法 var name = "…