请选择 进入手机版 | 继续访问电脑版
爱气象,爱气象家园! 

气象家园

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博登陆

只需一步, 快速开始

搜索
查看: 6724|回复: 21

[已收纳]JavaScript基础笔记

[复制链接]

新浪微博达人勋

发表于 2019-11-13 16:20:21 | 显示全部楼层 |阅读模式

登录后查看更多精彩内容~

您需要 登录 才可以下载或查看,没有帐号?立即注册 新浪微博登陆

x
本帖最后由 15195775117 于 2021-2-13 15:36 编辑

【JavaScript初识】
JavaScript与Java看起来类似,其实风马牛不相及,就好比秘书与秘书长,火腿与火腿肠,护士与护士长,参谋与参谋长,相差十万八千里!
以前没了解过JS,后来才知道人家是web前端开发霸主语言,所有现代浏览器都已内嵌JS引擎。
JS为web交互而生,解释型语言。
JS的使用形式分2种:插入html的脚本块,独立的.js文件
【脚本块形式】
插入html的JS脚本块是用<script>标签括起来的:
<!DOCTYPE html>
<html dir ="ltr" xml:lang="zh-CN">
<meta charset="UTF-8">
<title>JavaScript</title>
<script>document.write("<h1>哈哈</h1>");
</script>
</html>
【JS脚本】
独立的JS文件:
360截图20191113161602574.jpg
【test.js内容】
//计算字符串长度
function strlen(str){
        var len;
        var i;
        len=0;
        for (i=0;i<str.length;i++){
                if(str.charCodeAt(i)>255) len+=2;
                else len++;
        }
        return len;
}
【HTML文件调用之】
<!DOCTYPE html>
<html dir ="ltr" xml:lang="zh-CN">
<meta charset="UTF-8">
<title>JavaScript</title>
<script type="text/javascript" src="test.js"></script>
<script>
var str="123456789";
document.write("<h2>"+str+"</h2>")
document.write("<p>实际长度:"+strlen(str)+"</p>")
</script>
</html>
JS脚本.jpg
密码修改失败请联系微信:mofangbao

新浪微博达人勋

 楼主| 发表于 2019-11-13 17:04:07 | 显示全部楼层
本帖最后由 15195775117 于 2020-10-30 10:36 编辑

JS大小写敏感
空格、换行、tab不影响代码,可利用此特性优化排版

声明变量方式:
var x;
var x,y;
var x=1,y=2;

用var声明的是私有变量,不用var声明的是全局变量
<!DOCTYPE html>
<html dir ="ltr" xml:lang="zh-CN">
<meta charset="UTF-8">
<title>JavaScript</title>
<script type="text/javascript" src="test.js"></script>
<script>
var a=111;
var b=222;
function f(){var a=333;b=444;}
document.write(a);
document.write(b);
f();
document.write(a);
document.write(b);
</script>
</html>
结果:111222111444
f()中用var声明的a作用于只在函数内,b被覆盖了,所以值变了

密码修改失败请联系微信:mofangbao
回复 支持 反对

使用道具 举报

新浪微博达人勋

 楼主| 发表于 2019-11-15 08:54:00 | 显示全部楼层
本帖最后由 15195775117 于 2020-10-30 10:39 编辑

【for循环__多索引模式】
<!DOCTYPE html>
<html dir ="ltr" xml:lang="zh-CN">
<meta charset="UTF-8">
<title>JavaScript</title>
<script type="text/javascript" src="test.js"></script>
<script>
var a=[];
for (var i=3,j=3;i<=5,j<=5;i++,j++){
a[i,j]=i*j;
document.writeln("a["+i+","+j+"]="+a[i,j]);
}
</script>
</html>
结果:
a[3,3]=9 a[4,4]=16 a[5,5]=25


【for循环__in模式】
var x=[3,4,5];
for(i in x){
document.write("索引:"+i+";值:"+x+"<br>");

}
输出:
索引:0;值:3
索引:1;值:4
索引:2;值:5
这里的i只是索引而已!

密码修改失败请联系微信:mofangbao
回复 支持 反对

使用道具 举报

新浪微博达人勋

 楼主| 发表于 2019-11-15 09:39:33 | 显示全部楼层
本帖最后由 15195775117 于 2020-10-30 10:40 编辑

【if语句】
if(1 >= 2){
document.writeln("ok")
document.writeln("no")}
else{
document.writeln("123")
document.writeln("456")}
简单版:if(1 <= 2)document.writeln("ok")


密码修改失败请联系微信:mofangbao
回复 支持 反对

使用道具 举报

新浪微博达人勋

 楼主| 发表于 2019-11-15 09:45:21 | 显示全部楼层
本帖最后由 15195775117 于 2020-10-30 10:41 编辑

【switch语句】
var x=2
switch (x){
case 1:document.writeln("1")
break
case 2:document.writeln("2")
break
case 3:document.writeln("3")
break
default:document.writeln("0")
}
输出:2

密码修改失败请联系微信:mofangbao
回复 支持 反对

使用道具 举报

新浪微博达人勋

发表于 2019-11-15 09:50:24 | 显示全部楼层
大佬~ 要从气象转web了吗,一般气象类web项目有专业的工程师负责前端框架的吧,我们只要写好后台调用api不就可以了。
密码修改失败请联系微信:mofangbao
回复 支持 反对

使用道具 举报

新浪微博达人勋

 楼主| 发表于 2019-11-15 09:54:25 | 显示全部楼层
本帖最后由 15195775117 于 2020-10-30 10:42 编辑

【while语句】
【写法1】
var x=10
while (x>0){
document.writeln(x)
x--}
【写法2】
var x=10
do{
document.writeln(x)
x--}
while (x>0)

密码修改失败请联系微信:mofangbao
回复 支持 反对

使用道具 举报

新浪微博达人勋

 楼主| 发表于 2019-11-15 10:22:09 | 显示全部楼层
本帖最后由 15195775117 于 2019-11-18 08:55 编辑
打破砂锅纹到底 发表于 2019-11-15 09:50
大佬~ 要从气象转web了吗,一般气象类web项目有专业的工程师负责前端框架的吧,我们只要写好后台调用api不 ...

只是多学一项技能罢了,谈不上转行。气象是冷门科学,气象学子本身就很局限,更不能画地为牢,不赶上大数据时代的快车,永远只能在社会上做冷板凳,学web我认为目前十分紧要!有以下原因:

1、技多不压身
web好学,尤其前端,比算法easy多了,只要记记练练就行了


2、有利于获取数据



信息时代、大数据时代,掌握数据是根本性的战略需求。
学会了web有利于获取网上丰富的数据,气象数据、环境数据、遥感数据、地理数据......,无论对于学术研究还是商业业务都十分有利

3、展示平台
web是目前主流的展示平台,且容易转为PC软件和app。
做后端技术固然值得钦佩,但不走到台面上,终究限制了个人发展。
用户和领导都是傻的,他们看到好产品未必会知道你做了什么。商业社会,宣传推广极其重要,既然已经做了核心技术,把展示平台一并拿下,才能形成独立的产品,才能创造经济价值。

4、井蛙观海

学会了web,数据传输、自动化操作等等高级工具、技巧妙不可言。
不懂web,等于没见过大海,永远只是井底之蛙






密码修改失败请联系微信:mofangbao
回复 支持 反对

使用道具 举报

新浪微博达人勋

发表于 2019-11-15 10:44:20 | 显示全部楼层
15195775117 发表于 2019-11-15 10:22
只是多学一项技能罢了,谈不上转行。气象是冷门科学,气象学子本身就很局限,更不能画地为牢,不赶上大数 ...

感谢楼主认真详尽的回答,
    楼主的解释逻辑清晰,思路明确,重点突出,令人信服。
非常赞同楼主的看法。
    尤其是第三条;
希望能掌握越来越多的高级工具、和技巧,不做井底之蛙!


密码修改失败请联系微信:mofangbao
回复 支持 反对

使用道具 举报

新浪微博达人勋

 楼主| 发表于 2019-11-15 11:04:45 | 显示全部楼层
打破砂锅纹到底 发表于 2019-11-15 10:44
感谢楼主认真详尽的回答,
    楼主的解释逻辑清晰,思路明确,重点突出,令人信服。
非常赞同楼主的看 ...

人的一生,遇到的历史潮流真的很有限
我本科毕业的时候,气象类哪有什么像样的工作哟!
好在读研后环保大火,就业岗位丛生,生存环境才改善了些,看着工资比本科翻倍,我都快流泪了
目前互联网热,大数据热,大气环保热,正是搭顺风车的时候
少壮不努力,老大徒伤悲,
顺风局更要努力,把积分翻倍
密码修改失败请联系微信:mofangbao
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册 新浪微博登陆

本版积分规则

Copyright ©2011-2014 bbs.06climate.com All Rights Reserved.  Powered by Discuz! (京ICP-10201084)

本站信息均由会员发表,不代表气象家园立场,禁止在本站发表与国家法律相抵触言论

快速回复 返回顶部 返回列表