js学习之路2： JavaScript 变量

JS学习之路之JavaScript match() 方法

match() 方法,在字符串内找到相应的值并返回这些值,()内匹配字符串或者正则表达式. 该方法类似 indexOf() 和 lastIndexOf(),但是它返回指定的值,而不是字符串的位置. demo1: <script type="text/javascript"> var str="Hello world!" document.write(str.match("world") + "<br />&quo…

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

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

python学习之路前端-JavaScript

JavaScript简介 JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能. 1.基本特点 JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果.通常JavaScript脚本是通过嵌入在H…

C语言学习之路之基础变量

Hello,大家好,今天又和大家见面了!前两天,我看到了几款游戏引擎渲染效果的对比的视频,https://www.bilibili.com/video/av5113296?from=search&seid=8788485164924869274,就是哔哩哔哩上这个视频,我把链接放在这里了!当我看到这几款游戏引擎的渲染效果之后,开始觉得,计算机图形学和算法的重要性.游戏引擎本来就是对性能有很高要求的软件系统,所以,一般是使用C/C++语言加上一部分的汇编语言开发而成的,支持GPU的并发编程,可以说…

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学习之路

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

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

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

react.js学习之路一

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

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

总则-都是对象,都是引用在接触js前用的比较多的是java,在刚开始接触js的时候,老实讲,我是有点崩溃的,相信许多像我一样从后端语言向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中,我感觉最大的疑惑点就是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:…

【温故知新】——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. 一些[更…

<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"…

Linux学习之路：shell变量（二）环境变量

1.env (environment 的缩写)和export显示所有环境变量 2. 环境变量说明环境变量意义 HOME 用户主文件夹相当于“~” SHELL Linux默认为/bin/bash HISTSIZE history记录的条数 MAIL mail 读取邮件的目录(每个用户不同):/var/spool/mail/root PATH 执行文件查找路径,路径之间用:分隔,查找的顺序为PATH中次序 LANG 语系数据中文:zh_CN.gb2312和zh_CN.UTF-8 RANDOM 随…

Linux学习之路：shell变量（一）

一.变量的显示与设置 1.变量的显示运用echo命令 +$符号: 上图例子显示的是系统变量,咱们可以自己设置变量 2.设置变量运用“=”符号设置了变量NIU 值为“niunai” 变量设置规则: (1)等号两边不能有空格的出现 (2)变量只能是数字和字母的组合,但数字不能在前面 (3)变量值可以用双引号和单引号将值内容连接起来,这样就不用担心有空格无法设置变量了! 双引号和单引号的功能区别可见下图: (4)在变量中添加内容 (5)取得命令提供的信息 (6)转义字符“\” 在“\”后的字符会被转…

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学习之路3：数据类型

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

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

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

react.js学习之路二

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

JS学习笔记（二）变量、作用域及内存问题

一.基本类型和引用类型的值变量可能包含两种不同数据类型的值:基本类型值和引用类型值. 基本类型值:简单的数据段. 引用类型值:可能由多个值构成的对象. 当将一个值赋给变量时,解析器必须确定这个值是基本类型值还是引用类型值. 引用类型的值是保存在内存中的值.JavaScript不允许直接访问内存中的位置,即不能直接操作对象的内存空间. 当复制保存着对象的某个变量时,操作的是对象的引用.在为对象添加属性时,操作的是实际的对象. 1.动态的属性对于引用类型的值,我们可以为其添加属性和方法,也可以改…

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

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

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

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

[JS] 让人犯晕的JavaScript变量赋值

变量赋值本文转载自http://hellobug.github.io/blog/javascript-variable-assignment/ 开始之前先来几个例子,确保起始点是晕的状态- :P 例1.1 1 2 3 4 var a = "apple"; var b = a; a = "banana"; b 按理说,b = a后,a是啥值b就应该跟着是啥值了~但,b结果是"apple",还是一开始赋值时a的值. 例1.2 1 2 3 4 var…

react.js学习之路五

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

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学习之道：javascript keycode大全

keycode 8 = BackSpace BackSpace keycode 9 = Tab Tab keycode 12 = Clear keycode 13 = Enter keycode 16 = Shift_L keycode 17 = Control_L keycode 18 = Alt_L keycode 19 = Pause keycode 20 = Caps_Lock keycode 27 = Escape Escape keycod…

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

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

js 学习之路10：try异常处理和第一个js小程序

try 语句测试代码块的错误. catch 语句处理错误. throw 语句创建自定义错误. 1. try/catch语句 catch语句用来捕获try代码块中的错误,并执行自定义的语句来处理它. 语法: try { //在这里运行代码 } catch(err) { //在这里处理错误 } <!DOCTYPE html> <html> <head> <script> var txt = ""; function message() { t…

js 学习之路7：switch/case语句的使用

语法格式: switch(n) { case 1: 执行代码块 1 break; case 2: 执行代码块 2 break; default: n 与 case 1 和 case 2 不同时执行的代码 } n,通常是一个变量.switch语句中的case值会与n作比较,相等时会执行该case中的代码块.后面跟break,阻塞代码继续向下执行. 示例: <!DOCTYPE html> <html> <meta http-equiv="Content-Type&quo…

【js学习之路2： JavaScript 变量】的更多相关文章