前端练习题(2)

  1. font-sizecss中控制字体的大小
  2. <q>标记短的引用,加引号
图片.png

call、apply、bind可控制this的指向

  1. element.parentNode()获取原生JS的父节点
  2. 只有颜色,文字,字体间距行高对齐方式,和列表的样式可以继承
    所有元素可继承:visibility、cursor
    内联元素可继承:letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction
    终端块状元素可继承:text-indent、text-align
    列表元素可继承:list-style、list-style-type、list-style-position、list-style-image
  3. ①border:none表示边框样式无,没有实际宽度
    ②border:0表示边框宽度为0
    ③定义边框时,除了设置宽度外,还必须设置边框的样式才能显示出来
p
  {
  border:5px solid red;
  }
var x=10; 
function cals(myNum) {  
    console.log(typeof x); // number
    console.log(typeof myNum); // number  
    return x+myNum; 
} 
console.log(cals(7)); // 17
  1. <bold>JavaScript中粗体标签
    <b>html中粗体字标签

图片.png

先调用out(3),x=3,此时temp=2,
再调用inside(5),此时y=5,x=3,temp=2
然后执行x + y + (temp--)
temp--会在结束本次计算后执行,所以相当于x+y+temp
=>5+3+2
=>10
注意运算符前置和后置的区别

  1. <sup>html中上标文本
    <sub>html中下标文本

图片.png

一行也不输出(i一直为0)
continue跳出本次循环,该行以后都不执行,进行下一轮循环
break跳出循环,也就是循环结束

  1. relative生成相对定位元素,元素所占据文档流位置不变,元素本身相对文档流的位置进行偏移(不脱离文档流)
    absolute生成绝对定位元素,元素脱离文档流,不占据文档流位置(可理解为漂浮在文档流上方)
    fixed生成固定定位元素(同absolute)
    float:脱离文档流
    static默认值,无定位,出现在正常文档流中,相当于取消定位属性或不设置定位属性
    inherit从父元素继承position属性的值
  2. <meta>是head 标签中必不少的,没有会乱码
  3. <table>是表格标签,<form>是表单标签
  4. stopPropagation()阻止事件冒泡。 这个事件不会阻止定义在元素上的其他事件。
    stopImmediatePropagation()会彻底的阻止事件, 在其之后的绑定在元素上的其他监听事件都不会触发
    preventDefault()阻止事件的默认动作
  5. html文档支持的图片格式
    ①JPG:支持颜色较多,可以压缩,不支持透明(保存照片等颜色丰富图片)
    ②GIF:支持颜色少,支持简单透明和动态图(保存颜色单一或动态图)
    ③PNG:支持颜色多和复杂的透明,不支持动态(保存颜色复杂的透明图)
    图片使用原则:效果不一致,使用效果好的
    效果一致,使用内存小的
  6. readystatechange读取状态变化
    pageshow页面展示
    beforeunload页面退出
    DOMContentLoadedDOM内容加载完成
    readystatechangeDOMContentLoaded会在页面加载完成(onload)之前触发
  7. list-style-type用于设置不同列表列表项的样式
ul.circle {list-style-type:circle;}//每一项前都是圆圈
ul.square {list-style-type:square;}//每一项前都是正方形
ol.upper-roman {list-style-type:upper-roman;}//每一项前面都是大写罗马数字
ol.lower-alpha {list-style-type:lower-alpha;}//每一项前都是小写字母
  1. html 5十大新特性
    ①用于绘画的canvas元素(canvas 中绘制的元素不可以通过浏览器提供的接口获取到。)
    ②更加丰富强大的表单
    ③用于媒介的video和audio元素
    ④地理定位
    ⑤拖放
    ⑥Web存储
    ⑦应用程序缓存
    ⑧Web Workers
    ⑨服务器发送事件
    ⑩WebSocket
    图片.png

    图片.png
  1. <meter>定义已知范围或分数值内的标量测量
    <meter> 标签不应用于指示进度(在进度条中)。如果标记进度条,请使用 <progress> 标签。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容