js的简单入门
简单的自述
大家好,欢迎来看我的简书,我呢是一个刚转业的一个无业游民,在一次偶然的机会,了解到了关于前端开发的知识(ps:我同学在珠峰学习的前端)明明大家都是刚刚毕业,而作为学习过前端的一名工程师来说,竟然收入比我高一倍,说实话,让我本来脆弱的心灵受到了严重的打击。不说别的,这双倍的工资让我属实羡慕,再说简单点,步入社会以后,经济能力,将会是衡量一个人的重要标尺。所以,我也选择了珠峰培训,选择用自己的努力,为自己以后的生后提供一个更好的保障。
在不久前,我学习了HTML5,css3,在接下来的很长一段时间里,我将学习 Javascript,时间短,任务重,作为一个纯小白来说,我不知道自己能吸收到什么程度,但即使前方充满坎坷,我也无惧,给自己定个小目标。 加油,努力,奥里给!!!
学习内容总结如下:
一丶什么是 js:
Javascript(JS)是一种脚本语言,主要用于Web。它用于增强HTML页面,通常可以嵌入HTML代码中。JavaScript是一种解释型语言。因此,它不需要编译。”
二丶.js 是用来实现什么的:
avascript是在网站浏览器上运行的编程语言。
主要是向使用HTML和CSS构建的网站添加,并起到实现各种页面动态效果的作用。
例如,在网页上展示的轮播图样式和在咨询平台上输入的内容错误后显示的提示信息,这样的效果。另外针对商城网站里面购买商品时,使用购物车和费用估算也需要用到JavaScript。
所以即使它不怎么明显,但依然是编码人员经常会用到的一种语言。
JavaScript是一种多功能的开发语言
除了向网页添加动作的用处之外,JavaScript还可以用来实现很多其他的功能。比如它能够开发出各种网站应用程序,如“聊天工具”和“货币图表”等,可以实时进行修改,这也是JavaScript的主要魅力之一。
如果您需要进一步扩展视野,那么它还可以用来创建APP和游戏。 当你使用诸如iPhone和iPad等各种移动终端时,你就会发现JavaScript之类的通用开发语言是非常有用的。
三丶js做客户端(组成)
按照相关JS语法,操作页面中的元素,或者操作浏览器里面的一些功能
ECMAScript3/5/6…:JS的语法规范(变量、数据类型、操作语句等等)
DOM(document object model):文档对象模型,提供一些JS的属性和方法,用来操作页面中的DOM元素
BOM(browser object model):浏览器对象模型,提供一些JS的属性和方法,用来操作浏览器
四丶js中的变量和常量
1.变量(Variable)
可变的量,用来存储,代表不同的值(val)。
例子:var a =12; let b = 22;
2.常量(const)
使用常量所创建的量,不能修改。
例子:const c = 1500;
标注:创建函数,类,Es6的模块导入也相当于创建变量,而Symbol创建的是唯一的值。
五丶js的命名规范
1.严格区分大小写
2.使用数字,字母,下划线 ,美元符,来命名,切记数字不能作为命名的开头(Low)。
3.使用驼峰命名法,汉语拼音者(更Low)
4不能使用关键字,和保留字如下:
关键字
break 故障 case 实例
catch 抓取 continue 延续
default 违反 delete 删除
do 进行 else 否则
finally 最后 for 给
function 函数 if 是否
in 在...内 instanceof 运算符
new 新的 return 返回
switch 开关 this 这个
throw 投 try 实验
typeof 产品类型 var ???
void 无效的 while 一段时间
with 用
保留字
abstract 摘要 boolean 布尔
byte 字节 char 字符
class 类 const 常量
debugger 调试器 double 双
enum 检举 export 出口
extends 扩展 fimal ???
float 浮动 goto 转到
implements 实现 import 进口
int ??? interface 接口
long 长 mative ???
package 包 private 私人
protected 受保护 public 公共
short 短 static 静态
super 超级 synchronized 同步
throws 抛出 transient 瞬态
volatile 挥发性
六丶js中常用的数据类型:
基本数据类型(值类型/原始值)
数字number
字符串string
布尔boolean
空对象指针null
未定义undefined
Symbol唯一值
引用数据类型
对象数据类型object
{} 普通对象
[] 数组对象
/^[+-]?(\d|([1-9]\d+))(.\d+)?$/ 正则对象
Math数学函数对象
日期对象
…
函数数据类型function
七丶js中常用的输出方法
1、alert("要输出的内容");
->在浏览器中弹出一个对话框,然后把要输出的内容展示出来
->alert都是把要输出的内容首先转换为字符串然后在输出的
2、document.write("要输出的内容");
->直接的在页面中展示输出的内容
3、console.log("要输出的内容");
->在控制台输出内容
4、value ->给文本框(表单元素)赋值内容
->获取文本框中(表单元素)的内容
document.getElementById("search").value = "要给#search这个文本框添加的内容";
5、innerHTML/innerText ->给除了表单元素的标签赋值内容
document.getElementById("div1").innerHTML = "you need walk";
document.getElementById("div1").innerText = "you need walk and run";
总结:内容一般,格式一般,js的第一课从这里开始,能看到这里的给弟弟点个赞,后续会根据自己学习内容,不断更新。
鸣谢:菜菜,和老周的教导。哈哈哈!!!