发表于: 2017-06-14 21:50:53
1 1097
今天完成的事情:
复习了HTML、css和JavaScript基础知识。
明天计划的事情:
细看这些知识。
遇到的问题:
暂无
收获:
元素名不区分大小写,比如<CODE> <code> <COde>表示的意思一样,但建议都是用小写。
HTML用来说明结构和含义,css用来控制内容呈现给用户的形式。
空元素指内有内容的元素,例如 This is <code></code> apple.这里的<code>中没有内容,也可以写作<code/>,
而虚元素则是不能放内容的元素,例如<hr/> <br/>
虽然某些情况下可省略其中一个开始或结束标签,但不建议。
属性,一个元素有多个属性,和顺序无关
也有自定义属性,如<input data-hello="hello">
元素有三类,metadata element,flow element,parasing element
实体在文章中<>,应该用<,>来代替。
accesskey属性:用来设定一个或多个用来选择页面上的元素的快捷键。
比如<input type="text" name="name" accesskey="n" >
那么在浏览器中可用ALT+n选中这个input框
contenteditable能修改页面上的内容,比如一个p元素内
<p contenteditable="true">hello ooo</p>
dir表元素中文字方向,ltr或者rtl
draggable和dropzone用来拖放的
spellcheck对元素内容进行拼写检查,如用在textarea中,其中这里lang由你使用的操作系统决定,而不是lang这个属性决定。
tabindex键盘焦点可通过按tab键来在各元素之间切换
比如从1到2到3,但没有负数
CSS样式
可用@import从一个样式表引入另一个样式表,但@import必须在样式表顶端。样式表自己的样式定义不能出现在他之前。不过这个少用,多用link的。
出现在@import之前的只有@charset字符编码
样式的层叠与继承
样式的来源(元素内嵌,文档内嵌,外部样式表)还有浏览器样式(用户代理样式,即默认样式)和用户样式(用户自己定义的样式表)
优先级是元素内嵌>文档内嵌>外部样式表>浏览器样式>用户样式。这是不同级的。
在同级的看权值,后面的覆盖前面的,!important则是最高优先级。
继承的意思就是在父元素中找。一般继承颜色,字体,文字,布局这个不是继承,一定要的话用inherit强制继承。
颜色 长度
绝对长度 相对长度,这里说下px,原本这个代表96dpi的设备上一个像素的视角,是一个相对长度,但现在被当做了绝对长度。
%的话有2个麻烦,并非所有属性都能用这个单位,对能够用百分比单位的属性,那个百分比挂钩的其他属性各不相同。
vw,vh:1vw个位视图显示区域的1%。vmin为vw或vh中的最小的,同理vmax
JS中
有内嵌和外引。
对于语句的分号;其实可加可不加,但建议加上。
变量的话,在function中的为局部变量,其他都是全部变量
对象中能添加属性也能添加函数,然后这个函数就变为方法了。
var myData = {
name : "Adam";
printMessage: function () {
document.writeln("hello" + this.name + '.');
}
}
使用对象
读取和修改属性值
myData["weather"] = "raining";
在此基础上枚举对象属性 for in
for( var prop in myData) {
document.writeln("name:" + prop + "value" + myData[prop]);
}
增删属性和方法
增就是直接写
myData.sayHello = function () {
document.writeln("hello");
}
删就是前面加个delete
delete myData.sayHello
是否有某属性用in
如 var hasName = "name" + myData;
运算符
+连接符比+加号优先级高。
toString是数字转字符串
number是字符串转数字
数组中都不用声明个数以及不用声明类型
undefined和null区别
在读取未赋值的变量或试图读取对象没有的属性得到的是undefined
null是在未定义情况下得到的值,前者则是表示已经附了一个值但该值不是一个有效的基本类型
评论