zoukankan      html  css  js  c++  java
  • 常用前端基础知识

    1.可继承的样式:关于字体的所有属性都是可以继承父元素的设置

    2.button按钮的默认样式去除:border:0 none; 去除按钮的边框     outline-style:none; 去除按钮的轮廓线

    3.使用浮动float属性和使用定位都会将行内元素转换成行内块元素

    4.除五种基本类型(string,number,undefind,null,boolean)外,都是对象;基本类型使用的是栈内存,值相对独立互不影响,而引用数据类型是保存在堆内存中的,变量保存的是内存地址,值发生改变就都会改变

    5.undefind,null,0 , ' ' 都是false,可用于后台返回时做判断处理

    6.行内元素只能设置左右的外边距,不能设置上下的外边距(margin)

    7.立即执行函数:往往只会执行一次

    8.函数的提前声明,它会在代码执行前就被创建,因此可以在函数的声明之前调用

    9.函数的上下文对象this:根据函数的不同调用方式,this的指向也会不同:以函数的形式调用时,指向window;以方法的形式调用时,它指向调用方法的对象;以构造函数的形式调用时,this就是新创建的那个对象

    10.封装实参的对象arguments,是一个类数组对象,可以使用索引来操作数据获取实参的长度

    11.<textarea></textarea>这个双标签必须要放在同一行,否则会产生空格,也会导致提示语也看不到

    12.h5新增表单type类型:email(默认电子邮箱的验证,不满足则阻止提交);tel(不实现验证,但是在移动端可以打开数字键盘);url(验证合法网址);number(只能输入数字,可设置max,最小值min,value默认值);search(提供更人性化的输入体验,可快速删除重输);range(可设置max,min,value)用于调节音量;color(可点击选择喜欢的颜色);时间相关:time,date,datetime,date

    13.表单提供的其他属性:placeholder提示文本,提示占位;autofocus 自动获取焦点;autocomplete(自动完成;两个前提:成功提交过才会有记录;当前添加的元素必须要有name属性) ;require必输入属性 若无输入则阻止当前数据的提交

    14.选择器:属性选择器(类似正则表达式):

      E[attr = value]{.....} 查找指定attr属性并且属性值为value的E标签

           E[attr *= value]{.....} 查找指定attr属性且属性值包含value的E标签

           E[attr ^= value]{.....} 查找指定attr属性且属性值以value开头的E标签

      E[attr $= value]{.....} 查找指定attr属性且属性值以value结尾的E标签

    兄弟选择器:+ 获取当前元素的相邻的满足条件的元素;~ 获取当前元素的满足条件的兄弟元素

    伪类选择器: E:first-child{.....} / E:last-child{.....} 查找E元素的父级元素中的第一个/最后一个E元素

           E:first-of-type{.....} / E:first-of-type{.....}  相对于父级元素的第一个/最后一个E元素,查找可限定类型

           E:nth-child(索引/关键字/表达式){....}  从1开始的索引;可使用关键字进行筛选 even偶数 odd 奇数 ;表达式如E:nth-child(-n+5){....} 对前五个进行操作

    15.盒模型(可防止抖动)box-sizing:content-box;  盒子最终width = width+padding+border   

                box-sizing:border-box;   盒子最终width即是设置的盒子的宽度,内容的宽度会自动计算

    16.边框圆角  border-radius 

          最常用的设置为border-radius:50%;  

          设置两个值匹配:左上/右下  右上/左下; 设置三个值匹配:左上   左下/右上   右下; 设置四个值匹配:左上   右上  右下  左下 ;

    17.边框阴影 box-shadow: h  v  blur  spread  color  inset;

      属性解读:水平偏移值  垂直偏移值  模糊  阴影尺寸  颜色  内阴影

    18.图片大小设置background-size: contain; 按照比例调整图片,不管图片是否大于容器,图片都是包含在容器中的,全部展示,因此可能会存在空白区域

            background-size: cover;  背景图图片自适应整个图片,因此若尺寸不匹配会导致图片变形

  • 相关阅读:
    HTTP协议详解
    【VC++开发实战】迅雷晒密及批量查询流量程序
    C/C++中指针和引用之相关问题研究
    C++类中拷贝构造函数详解
    构造函数为什么不能是虚函数
    High一下!
    文件搜索神器everything 你不知道的技巧总结
    不要被C++“自动生成”所蒙骗
    对象的传值与返回
    深入浅出Node.js (3)
  • 原文地址:https://www.cnblogs.com/prospective-zkq/p/9997076.html
Copyright © 2011-2022 走看看