js 学习之路8：for循环

【温故知新】——BABYLON.js学习之路·前辈经验（二）

前言:在上一篇随笔BABYLON.js学习之路·前辈经验(一)中回顾了组内同事们长时间在Babylon开发实践中的总结出的学习之路和经验,这一篇主要对开发中常见的一些功能点做一个梳理,这里只作为温故知新. 一.相机弧形旋转相机 —— 使用鼠标和光标键将相机绕着一个三维点(此处时0坐标处) 旋转参数: 名称, 水平角(alpha), 垂直角(beta), 半径, 围绕的目标, 场景 var camera = new BABYLON.ArcRotateCamera("ArcRotateCa…

js 学习之路8：for循环

1. for循环 <!DOCTYPE html> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <body> <script charset = "utf-8"> nameList = ["kl", "td", "mgeno"…

JS学习之路，菜鸟总结的注意事项及错误更正

JavaScript 是一种面向对象的动态语言,它的语法来源于 Java 和 C,所以这两种语言的许多语法特性同样适用于 JavaScript.需要注意的一个主要区别是 JavaScript 不支持类,类这一概念在 JavaScript 通过对象原型 (object prototype)得到延续(有关 ES6 类的内容参考这里Classes).另一个主要区别是 JavaScript 中的函数也是对象,JavaScript 允许函数在包含可执行代码的同时,能像其他对象一样被传递.1,scrip…

偏前端-vue.js学习之路初级（一）概念

首先--不推荐新手直接使用 vue-cli,尤其是在你还不熟悉基于 Node.js 的构建工具时. 新建一个html,引入一下js: <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script src="https://c…

【温故知新】——BABYLON.js学习之路·前辈经验（一）

前言:公司用BABYLON作为主要的前端引擎,同事们在长时间的项目实践中摸索到有关BABYLON的学习路径和问题解决方法,这里只作为温故知新. 一.快速学习BABYLON 1. 阅读Babylon[基础教程](http://doc.babylonjs.com/babylon101/)2. 阅读[一些BABYLON的新特性](http://doc.babylonjs.com/features/)3. 阅读[代码片段](http://doc.babylonjs.com/samples)4. 一些[更…

JS学习之路

前言接触js也有四五年的时间了,对js的认识也逐渐加深,想把自己这几年学习js的经历记录一下. 总则-都是对象,都是引用在接触js前用的比较多的是java,在刚开始接触js的时候,老实讲,我是有点崩溃的,相信许多像我一样从后端语言向js转的童鞋们肯定有一样的感受,这玩意儿太灵活了,好像怎么样都可以,当时简直是恨的牙痒痒.当时公司的技术总监跟我们说了一句话:学js,你只需要记住两句话,都是对象,都是引用.只要把这两句话理解透彻了,js也就没什么问题了.当时水平不行,理解不了,只能埋头看书,努力…

node.js学习之路

(非原创) 目录 Nodejs的介绍 15个Nodejs应用场景 Nodejs学习路线图 1. Nodejs的介绍 Node.js的是建立在Chrome的JavaScript的运行时,可方便地构建快速,可扩展的网络应用程序的平台.Node.js使用事件驱动,非阻塞I/O模型,轻量.高效,可以完美地处理时时数据,运行在不同的设备上. 1.1. 谁在用Nodejs? 从Nodejs官方网站的企业登记页(https://github.com/joyent/node/wiki/Projects,-App…

react.js学习之路二

看react.js对我来说真的不是难不难的问题,问题是我的思路太难转变了,真是坑死我了,react里面的坑也很多.算了,这些抱怨没啥用,记录一下今天学习的内容. 今天看了to-do-list经典示例总结起来可以概括为 1.首先划分组件:父组件--子组件 2.显示数据:创建初始数据,并将数据显示到页面上 3.创建函数:①:添加函数,输入框中输入数据,显示到页面上 ②:删除函数,点击删除按钮,将该条数据删除代码有很多,一会给一个链接,自己看就行,没必要我重新复制其中踩过的坑: 1. 首先就是版…

react.js学习之路四

针对学习react.js中,我感觉最大的疑惑点就是bind(this)的绑定和指向问题了,我被这个问题弄的头昏,有时候调用组件的时候,直接显示undefined,不存在这个组件,当时的心情是崩溃的,整个人的状态是不好的,所以今天要好好学习bind(this)这个问题. 在我们创建一个组件的时候,会在他的父组件调用这个子组件,这是,这个组件的指向就是这个父组件了,但是在子组件内部的一些指向就不能使用了,因为在这个父组件中不存在这个子组件所包含的属性,此时,就需要使用bind(this)来绑定这个子…

react.js学习之路三

学习react.js,知识点整理: 1.props和state: props是相对于父级来说,固定的不会改变的内容.一般会先定义一个变量,则在父级中进行引用, var user = "liumcb"; 定义的组件 <Hello name={user} /> 在组件中进行调用则是 <div>hello {this.props.name}</div> 同样道理,props不仅可以传递字符串,也是可以传递对象的,例如: 定义一个对象 obj={ user:…

react.js学习之路一

今天新老大来了,我们要学习他使用的框架react.js,现在是两眼一抹黑,对于我这个前端菜鸟来说,是真正的重新开始,好了,不说那么多了,开始随便记录我的学习,之后再整理内容. (1)对于react来说,任何UI的变化都是通过整体刷新来完成的,也就是说,每做一点界面的更新,都可以认为是刷新了整个页面(怎么感觉跟canvas有点像),至于如何进行局部更新以保证性能,则是React框架要完成的事情.对于react来说,我不用关心每次内容dom的添加到dom树上,我只需要关心数据整体,两次数据之间UI如…

node.js学习之路（1）

node.js 属于后台语言,后台语言还有php,java等. 优势:1.性能好 node.js VS php 86倍 2.跟前台JS配合方便 3.node.js便于前端学习 https://nodejs.org Node.js 命令 1.切换盘符 e: 2.改变目录 cd 目录名 3.执行程序 node 文件名.js Js能用的Node.js 都能用 node.js(自带许多模块可以参考node.js api) node.js———服务器 http —— 协议 request 请求…

JS学习之路（这个觉得写的很好，放在这里是方便查看）

总则-都是对象,都是引用在接触js前用的比较多的是java,在刚开始接触js的时候,老实讲,我是有点崩溃的,相信许多像我一样从后端语言向js转的童鞋们肯定有一样的感受,这玩意儿太灵活了,好像怎么样都可以,当时简直是恨的牙痒痒.当时公司的技术总监跟我们说了一句话:学js,你只需要记住两句话,都是对象,都是引用.只要把这两句话理解透彻了,js也就没什么问题了.当时水平不行,理解不了,只能埋头看书,努力码代码.现在回头想来,还真是这么回事. 都是引用:js中的任何变量都可以"引用"任何数据…

<input type="text"/>未输入时属性value的默认值--js学习之路

在百度ife刷题是自己的一个错误引发了我对<input type="text"/>的学习. 先贴代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>example</title> </head> <body> <label for="weather_input"…

js 学习之路9：运算符

1. 算数运算符运算符描述例子结果 + 加 x=y+2 x=7 - 减 x=y-2 x=3 * 乘 x=y*2 x=10 / 除 x=y/2 x=2.5 % 求余数 (保留整数) x=y%2 x=1 ++ 累加 x=++y x=6 -- 递减 x=--y x=4 2. 赋值运算符运算符例子等价于结果 = x=y x=5 += x+=y x=x+y x=15 -= x-=y x=x-y x=5 *= x*=y x=x*y x=50 /= x/=y x=x/y x=2 %= x%…

js 学习之路4：js运行/输出中文乱码问题解决

网上找了一个简单的例子,编写出来很简单,但是乱码的问题稍微困扰了一下. 题目: 1. 大马驮2石粮食,中马驮1石粮食,两头小马驮一石粮食,要用100匹马,驮100石粮食,该如何调配? js解决代码: for(var a = 0; a <= 50; a++){ for (var b = 0; b <= 100; b++){ var c = 100 - a - b; if((a + b + c == 100) && (2 * a + b +c/2 == 100)){ documen…

js学习之路3：数据类型

1. 字符串: <!DOCTYPE html> <html> <body> <script> var apple = "苹果"; var banana = "香蕉"; var orange = "橘子"; var name1 = "小明"; var name2 = "小红"; document.write(name1 + "说:老师我想吃"…

js学习之路2： JavaScript 变量

1. 变量的创建首先,可以创建一个变量 var firstVar; 这时候,并没有给它赋值.这个变量还是空的. 然后,我们可以给这个变量赋值. firstVar = 128: 2. 变量的赋值变量在创建时就可以被直接赋值. <!DOCTYPE html> <html> <body> <script> var x = 2; var y = 3; var z = x + y; document.write(x + "<br>"…

js学习之路1：初识js函数

1. 简单的函数: <html> <head> <script type="text/javascript"> function myfunction() { alert("您好!") } </script> </head> <form> <input type="button" onclick="myfunction()" value="…

偏前端-vue.js学习之路初级（二）组件化构建

vue.js 组件化构建组件系统是 Vue 的另一个重要概念,因为它是一种抽象,允许我们使用小型.自包含和通常可复用的组件构建大型应用.仔细想想,几乎任意类型的应用界面都可以抽象为一个组件树: 一.使用组件 1.组件的全局注册--可以使用 Vue.component(tagName, options) Vue.component('my-component', { // 选项 }) 组件在注册之后,便可以在父实例的模块中以自定义元素** <my-component></my-com…

react.js学习之路六

学习react中,我一直认为,总组件里面才有构造函数,但是我才发现我的观点是错误的,构造函数是可以出现在子组件里面的. 今天有一个错误是点击增加/减少input框里面的数值我一直在寻找input框里面的数值,也就是value值,我发现我的思维错误的很彻底.react只是view,是不能操作数据的,只能渲染原始数据的变化,换句话说就是我要改变数值,只能改变原始数据里面的值,然后重新渲染到input框里面. 我的原始数据,给了 value:1; 当点击时候,构造函数 add(e){ var nu…

react.js学习之路五

最近没时间写博客,但是我一直在学习react,我发现react是一个巨大的坑,而且永远填不完的坑关于字符串的拼接: 在react中,字符串的拼接不允许出现双引号“” ,只能使用单引号' ',例如这样就是可以的,这经常用在使用变量,变换路径的情况下. <img src={'img/sort_goods_0'+(index+1)+'x.png'} alt=""/>…

mock.js学习之路一（Vue中使用）

1.安装mockjs 2.配置mockjs在开发环境中启用,生产环境中禁用 3.创建mock文件夹,以及mock数据文件 4.在main.js中引入与否 5.页面获取数据 testMock(){ this.axiosRequest('post', '/api/getUserInfo', {}, 'mockData').then(data => { console.log("userinfo接口返回数据") console.log(data) }) }, testMock1(){…

JS学习之路一

1.准备 ①安装vscode 地址:https://vscode.en.softonic.com/ ②安装node.js node -v npm -v 地址:https://nodejs.org/zh-cn/download/ a.记得升级npm b.在node根目录新建文件夹node_global.node_cache c.执行命令 npm config set prefix "D:\nodejs\node_global" npm config set cache "D:\…

JS学习之路，之弹性运动框架

弹性运动:顾名思义,就如同物理中的加速减速运动,当开始时速度过大,到达终点时,速度不会立刻停下,而是再前进一段距离,而后再向相反方向运动,如此往复. var timer=null; var speed=0; //速度必须放在外面,放在里面的话,每次速度都是从0开始而不是保持上次执行的结果 function move(){ timer=setInterval(function(){ /*if (oDiv.offsetLeft<300) { speed+=(300-oDiv.offsetLeft)/…