css、JavaScript知识框架学习笔记总结

css、JavaScript知识框架学习笔记总结，包括css简介、CSs作用、 css与html结合方式、CSs选择器、CSs属性、JavaScript等内容。

css、JavaScript知识框架学习笔记总结

• css简介
  • css作用
    • 层叠样式表，修饰html
    • 书写规则
      • 选择器 {属性:值;属性:值}
  • css与html结合方式
    • 内联样式
    • 内部样式
    • 外部导入方式
      • @import
        • 1、先加载html再加在样式
        • 2、不支持javascript的动态修改
    • 优先级：就近原则
      • 内联样式->内部样式->外部样式
  • css选择器
    • id选择器:#id
    • 类选择器:.class
    • 元素(标签)选择器:标签名称div
    • 组合选择器:#id,div, ,
    • 派生选择器:div p
    • 伪类选择器
      • a:link 设置未访问的连接
      • a:visited 设置已访问的链接
      • a:hover 设置鼠标放置在超连接上
      • a:active 选择超连接时
  • css属性
    • 背景
    • 字体
    • 文本
    • Display
      • Display:none隐藏
      • Display:block显示
    • .......通过api查看
• JavaScript
  • js简介
    • js作用
      • 验证表单
      • 修改html内容、修改html的css样式
      • 增强用户交互体验
    • js特点
      • 浏览器解析执行
    • js组成部分
      • ECMAScript
      • DOM:文档对象模型，代表当前整个html的结构
      • BOM：浏览器对象模型，代表当前浏览器
  • js基本语法
    • 基本语法
      • 严格区分大小写
      • 弱类型语言，可以任意改变变量的类型
      • 行代码结束可不加分号，就默认为换行，建议加上分号
      • 变量名可以包含数字，但是不能以数字开头
      • 注释
        • 单行注释//
        • 多行注释/* */
    • 声明变量
      • var关键字
        • var i = 10;
        • var i = "wangbadan";
        • var i = true;
        • var i = null;
        • ......
      • 隐式声明：i=10; 相当于全局变量
  • js类型
    • 原始类型
      • string：字符及字符串都看做为字符类型
      • number：数值类型
      • boolean：逻辑类型
      • null：对象不存在
      • undefined：变量未初始化
    • 类型判断
      • typeof()
    • 类型转换
      • toString():转传成字符串
      • parseInt(值)：转换成数字类型
        • parseInt("123abc")的结果是123
      • parseFloat(值)：转换成浮点类型
      • Boolean(值)：值转换成Boolean类型
      • Number(值)：值转换成Number类型
  • js运算符
    • 一元运算符：++ -- 与Java一致
    • 逻辑运算符：&& || ！or
    • 算术运算符：+ - * / % 运算
      • + 特点 ：做的是拼接操作
      • - 特点 ： 先把值转换成数值后再进行减法运算，转换后不是数值相减会出现NaN
    • 关系运算符
      • > < >= <= == !=
      • == 和 ===的区别，前者比较的是数值，后者不仅比较值而且还比较数据类型
    • 三元运算符
      • 值?表达式1:表达式1
      • 如果值为true,整个表达式取表达式1的值，如果值为false,整个表达式取表达式2值。
    • 赋值运算符
      • *=、+=、-=、/=、%=
      • 以上赋值运算符与java中操作一样
    • 逗号运算符
      • var a=1, b=2;
      • 逗号运算符可以在一条语句中执行多个运算
  • js流程控制语句
    • if条件
      • 格式 ：if(条件){语句}else{语句}
      • 在java中if语句后面的条件必须是true/false值，而在javascript 中我们描述true/false有多种方式，所以要注意与java中的区别
    • switch语句
    • While与do-while
    • for循环
  • js常用对象
    • String对象
      • length：长度
      • charAt()
      • concat()
      • indexOf()
      • lastIndexOf()
      • split()
      • substr()
      • substring()
    • Math对象
      • ceil(1.211)
      • floor(2.985)
      • round(1.521)
      • random()
    • Date对象
      • getFullYear
      • getMonths：0-11
      • getWeeks
      • getDays
      • getHours
      • getMinutes
      • getSeconds
      • getTime
    • Array对象
      • Array创建方式
        • 1、var arr1 = new Array();
        • 2、var arr2 = new Array(4);
        • 3、var arr3 = new Array("a","b");
        • 4、var arr4 = new ["a","b","c"];
      • Array特点
        • 1、长度是可变的
        • 2、一个数组里面可以存放多种类型的数据
      • 相关方法
        • concat()
        • join()
        • pop()
        • push(）
        • reverse()
        • length
        • sort()
  • RegExp对象
    • 1.直接量语法 var reg=/正则表达式/ （常用）注意：/正则表达式/不能加引号
    • 2.new 出正则对象 var reg=new RegExp(“正则表达式”);