1. 创建场景 var scene = new THREE.Scene(); 2. 创建相机,设置可视范围 var camera = new THREE.PerspectiveCamera(45,  windows.innerWidth / windows.innerHeight, 0.1, 100) ; 3. 创建渲染器, 设置渲染范围, 并加载到页面中去 var renderer = new THREE.WebGLRenderer(); renderer.setsize(window.inn

欢迎大家关注腾讯云技术社区-博客园官方主页,我们将持续在博客园为大家推荐技术精品文章哦~ 张镇圳,腾讯Web前端高级工程师,对内部系统前端建设有多年经验,喜欢钻研捣鼓各种前端组件和框架. 导语 前面写了一篇文章,叫<一个只有99行代码的JS流程框架>,虽然该框架基本已经能实现一个流程正常的逻辑流转,但是在分模块应用下还是缺少一定的能力,无法将一个页面中的不同模块很好的连接在一起,于是对之前的框架进行了升级,新增了子流程的概念. 子流程 什么是子流程?在这个升级后的框架里(当然代码已经不止99行

张镇圳,腾讯Web前端高级工程师,对内部系统前端建设有多年经验,喜欢钻研捣鼓各种前端组件和框架. 最近一直在想一个问题,如何能让js代码写起来更语义化和更具有可读性. 上周末的时候突发奇想,当代码在运行的时候,其实跟我们做事情是类似的,都是做完一步接着下一步,并且这些事情有些是可规划的,有些是需要做完该步才知道下一步该做什么.想到这里一个js框架雏形在我大脑中慢慢形成,暂且命名为flowJS. 接着说说这个框架应该有哪些API? 1.可以预先规划好流程的每一步,如this.setNext('步骤

流程控制 1.条件语句 分支结构 单向分支 if (条件表达式){ code... } 双向分支 if (条件表达式){ code... }else{ code... } 多向分支 if (条件表达式){ code... }else if(条件表达式){ code... }else{ code... } switch (条件表达式){ case 条件表达式可能的结果:code... break; case 条件表达式可能的结果:code... break; case 条件表达式可能的结果:cod

一.流程控制 1.if .if-else.if-else if-else var ji = 20; if(ji >= 20){ console.log('大吉大利,晚上吃鸡') } alert('alex');//下面的代码还会执行 var ji = 20; if(ji>=20){ console.log('大吉大利,晚上吃鸡') }else{ console.log('很遗憾 下次继续努力') } if (true) { //执行操作 }else if(true){ //满足条件执行 }el

流程控制 顺序.分支.循环 顺序结构 代码一行一行从上往下执行并解析 分支结构 if语句 switch语句 if语句 单分支 if(条件表达式){ //语句块 } 含义:当条件表达式为真的时候就执行里面的语句块 示例: 双分支: if(条件表达式){ //语句块1 }else{ //语句块2 } 含义:如果条件表达式成立则执行语句块1,否则则执行语句块2 Window.prompt(text[,defaultText]); 说明: 提供一个用户输入对话框 []表示可选项 没有[]表示必须要填的参

如果在语句中需要声明变量时:最好给他们赋予初始类型值[js中变量声明使用var属于弱类型声明,若只声明则均表示为undefined,在后面语句计算中可能会产生错误计算];相应的类型变量需要如下方式进行定义:eg:    number类型:var num = 0;    string类型:var str = '';    object类型:var obj = null; 1.条件判断语句:    if(判定条件表达式){        //条件为真,执行该处语句    }else{        

先说一下想要的效果: lazyMan('zz').eat('lunch').sleep('3').eat('dinner')输出: Hi!This is zz! Eat lunch~ //有3s间隔等待 Wake for 3s! Eat dinner~ 下面是代码:

do...while语句 do...while语句是一种先运行,后判断的循环语句.也就是说,不管条件是否满足,至少先运行一次循环体. var box = 1;                                              //如果是1,执行五次,如果是10,执行1次 do { alert(box); box++; } while (box <= 5);                                          //先运行一次,再判断 for..

一.跳转语句1.break; 终止整个循环,不再进行判断2.continue; 终止本次循环,接着去判断是否执行下次循环 二.选择(判断)结构1.if 如果               if(条件1){           执行代码1      }else  if (条件2){         执行代码2     }else{         执行代码3     } var aa = prompt("请输入你要的商品"); if (aa == "汉堡") { ale

1.if...else... //if 语句:只有当指定条件为 true 时,该语句才会执行代码. //语法 if (condition) { 当条件为 true 时执行的代码 } //if...else 语句:请使用 if....else 语句在条件为 true 时执行代码,在条件为 false 时执行其他代码. //语法 if (condition) { 当条件为 true 时执行的代码 } else { 当条件不为 true 时执行的代码 } //if...else if...else 语

1.复合语句 2.switch语句 3.do...while语句 4.while语句 5.for语句 6.for...in语句 7.break和continue语句 9.with语句 10.if语句 一:复合语句 ; //单挑语句 { ; //复合语句,在花括号内的复合语句,也是一个代码块 var ok; } 二:switch ; switch (box){ : //如果box==1,执行一下代码 console.log(); break; //满足条件后退出语句 : //如果box==2,执行

继续循环continue continue的作用是仅仅跳过本次循环,而整个循环体继续执行. 语句结构: for(初始条件;判断条件;循环后条件值更新) { if(特殊情况) { continue; } 循环代码 } 上面的循环中,当特殊情况发生的时候,本次循环将被跳过,而后续的循环则不会受到影响.好比输出10个数字,如果数字为5就不输出了. 执行结果: 注:上面的代码中,num=5的那次循环将被跳过. 任务 考试成绩输出,如果成绩及格继续输出下个成绩,如果成绩不及格,则不输出该成绩,我们使用co

来来回回(Do...while循环) do while结构的基本原理和while结构是基本相同的,但是它保证循环体至少被执行一次.因为它是先执行代码,后判断条件,如果条件为真,继续循环. do...while语句结构: do {     循环语句 } while(判断条件) 我们试着输出5个数字. <script type="text/javascript">    num= 1;    do    {      document.write("数值为:"

退出循环break 在while.for.do...while.while循环中使用break语句退出当前循环,直接执行后面的代码. 格式如下: for(初始条件;判断条件;循环后条件值更新) { if(特殊情况) {break;} 循环代码 } 当遇到特殊情况的时候,循环就会立即结束.看看下面的例子,输出10个数,如果数值为5,就停止输出. 执行结果: 注:当num=5的时候循环就会结束,不会输出后面循环的内容. 任务 考试成绩输出,如果成绩及格继续输出下个成绩,如果成绩不及格,退出并且后面成

重复重复(for循环) 很多事情不只是做一次,要重复做.如打印10份试卷,每次打印一份,重复这个动作,直到打印完成.这些事情,我们使用循环语句来完成,循环语句,就是重复执行一段代码. for语句结构: for(初始化变量;循环条件;循环迭代) {       循环语句  } 假如,一个盒子里有6个球,我们每次取一个,重复从盒中取出球,直到球取完为止. <script type="text/javascript"> var num=1; for (num=1;num<=

反反复复(while循环) 和for循环有相同功能的还有while循环, while循环重复执行一段代码,直到某个条件不再满足. while语句结构: while(判断条件) { 循环语句 } 使用while循环,完成从盒子里取球的动作,每次取一个,共6个球. <script type="text/javascript"> var num=0; //初始化值 while (num<=6) //条件判断 { document.write("取出第"+

多重判断(if..else嵌套语句) 要在多组语句中选择一组来执行,使用if..else嵌套语句. 语法: if(条件1) { 条件1成立时执行的代码} else if(条件2) { 条件2成立时执行的代码} ... else if(条件n) { 条件n成立时执行的代码} else { 条件1.2至n不成立时执行的代码} 假设数学考试,小明考了86分,给他做个评价,60分以下的不及格,60(包含60分)-75分为良好,75(包含75分)-85分为很好,85(包含85分)-100优秀. 代码表示如

多种选择(Switch语句) 当有很多种选项的时候,switch比if else使用更方便. 语法: switch(表达式) { case值1: 执行代码块 1 break; case值2: 执行代码块 2 break; ... case值n: 执行代码块 n break; default: 与 case值1 . case值2...case值n 不同时执行的代码 } 语法说明: Switch必须赋初始值,值与每个case值匹配.满足执行该 case 后的所有语句,并用break语句来阻止运行下一

做判断(if语句) if语句是基于条件成立才执行相应代码时使用的语句. 语法: if(条件) { 条件成立时执行代码} 注意:if小写,大写字母(IF)会出错! 假设你应聘web前端技术开发岗位,如果你会HTML技术,你面试成功,欢迎加入公司.代码表示如下: <script type="text/javascript"> var mycarrer = "HTML"; if (mycarrer == "HTML") { document

二选一 (if...else语句) if...else语句是在指定的条件成立时执行代码,在条件不成立时执行else后的代码. 语法: if(条件) { 条件成立时执行的代码} else {条件不成立时执行的代码} 假设你应聘web前端技术开发岗位,如果你会HTML技术,你面试成功,欢迎加入公司,否则你面试不成功,不能加入公司. 代码表示如下: <script type="text/javascript"> var mycarrer = "HTML"; /