发表于: 2019-07-19 20:31:35

1 518


今天完成的事情:

进入js,查看js的资料;

遇到的问题:

暂时布局好了css的东西,至于颜色还是不太会怎么搞;弄了个红色的,实际也是用 type="button" onclick="document.getElementById('id1').style.background='red'"这个属性,只是单独点击按钮,id1的盒子能够显示颜色而已,今天结合 再菜鸟教程看下相关的资料把,懵逼。


<body>
<div>
<div id="id1"></div>
<div id="id2"></div>
<div id="id3"></div>
<div id="id4"></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<button type="button" onclick="document.getElementById('id1').style.background='red'">Action!</button>
<button>Stop!</button>
<script src="js-taks1.js"></script>
</body>

</html>


* {
margin: 0;
padding: 0;
}

body {
margin: 0 auto;
max-width: 768px;


div {
div {
float: left;
width: 31%;
padding-top: 31%;
margin: 1%;
border-radius: 20%;
background: orange;

}

}

button {
width: 100%;
height: 60px;
line-height: 60px;
margin: 20px 0;
border: 1px solid orange;
border-radius: 5px;
font-size: 2rem;
outline: none;
color: rgb(233, 173, 10);
background-color:#fff;

&:hover {
color: #fff;
background-color: orange;
}
}
}


收获:

了解了下js的相关发展史;js是解释性语言;

编译语言:C C++

优点:快

不足:移植性不好(不跨平台)


解释性语言:javascript php python;

优点:夸平台

不足:稍微慢


.java -- javac -- 》编译--》 .class ---》jVm虚拟机 -- 解释执行

java不属于以上俩种语言;java和js没任何关联,js的命名方式只是为了市场的推广而取名的;js其实可以叫做es会更好; 

前端程序员是跟浏览器打交道的,很有必要知道主流浏览器有哪些,内核有哪些;


主流浏览器:

ie  trident内核/也叫ie内核;

chrome  webkit/blink;

firefox  gecko内核/firefox内核

safari:webkit内核;

opera  presto内核,后来改为blink内核;


国内厂商:

360浏览器+猎豹浏览器:IE+blink内核;

搜狗+遨游+QQ:IE兼容+blink(所谓的高速模式)

百度+世界之窗:IE内核;

2345:IE+blink内核;

UC:IE+blink内核;


JavaScript 是一种轻量级的脚本语言。所谓“脚本语言”(script language),指的是它不具备开发操作系统的能力,而是只用来编写控制其他大型应用程序(比如浏览器)的“脚本”。


JavaScript 的核心语法部分相当精简,只包括两个部分:基本的语法构造(比如操作符、控制结构、语句)和标准库(就是一系列具有各种功能的对象比如Array、Date、Math等)。除此之外,各种宿主环境提供额外的 API(即只能在该环境使用的接口),以便 JavaScript 调用。以浏览器为例,它提供的额外 API 可以分成三大类


基本语法

标准库

浏览器 API

DOM


ECMAScript 和 JavaScript 的关系是,前者是后者的规格,后者是前者的一种实现。在日常场合,这两个词是可以互换的。

ECMAScript 只用来标准化 JavaScript 这种语言的基本语法结构,与部署环境相关的标准都由其他标准规定,比如 DOM 的标准就是由 W3C组织(World Wide Web Consortium)制定的。




明天计划的事情:

继续任务;


返回列表 返回列表
评论

    分享到