zoukankan      html  css  js  c++  java
  • js必须掌握的基础

    好多人想要学习前端……自学或者培训那么我们在学习过程中到底需要掌握那些基础知识呢!下面分类了JS中必备的知识也是必须要了解学会的!看一看你是否已经将JS的基础知识都了如指掌了呢?

    事件:

     

    onmousedown 鼠标按下

    onmouseup   鼠标抬起

    onmouseover  鼠标移入

    onmouseout   鼠标移除

    onmousemove 鼠标移动

    onclick       点击事件

    onfocus      获得焦点

    onblur                 失去焦点        

    oncontextmenu        鼠标右键

    onsubmit   表单提交//不会有冒泡的,坑

    onkeydown        键盘按下

    onkeyup                键盘抬起

    onload                页面加载

    onscroll                页面滚动

    onresize                窗口大小变化        

    鼠标滚轮事件onmousewheel DOMMouseScroll

    输入框中value改变触发的事件onreadystatechange

    attachEvent事件绑定(IEaddEventListener 事件绑定(标准)

    event对象

    clientX/clientY  鼠标当前窗口的位置

    取消冒泡cancelBubble

    键盘键值keyCode     特殊的键值Event altKeyctrlKeyshiftKey

    阻止默认事件preventDefault()return false

     

    DOM操作:

     

    getElementById        获取ID元素

    getElementsByTagName                获取class类元素

    childNodes                子节点 特殊浏览器包括默认的文本节点(换行等……

    children                        子节点

    firstChild/firstElementChildlastChild/lastElementChild兄弟节点

    nextSibling/nextElementSiblingpreviousSibing/previousElementSibing

    parentNode 父节点

    offsetParent        有定位属性的父节点

    nodeType                节点类型

    offsetWidth        元素的宽度(包括paddingborder

    offsetHeight        元素的高度(包括paddingborder

    clientWidth        可视区宽度

    clientHeight        可视区高度

    createElement                创建dom节点

    appendChild                插入子节点

    insertBefore                在子节点的第一个前面插入

    removeChild                删除子节点

    replaceChild                替换节点 并返回被替换元素

     

    BOM操作:

     

    window.open()        

    window.close()

    window.location

    window.location.search

    window.location.hash

    window.navigator.userAgent

     

    js基础:

    判断

     

    if else

    switch case

     

    循环

     

    for

    for in

    while

     

    跳出循环

     

    continue

    break

     

    比较undefined null  === == !

    定时器类

     

    setTimeout

    clearTimeout

    setInterval

    clearInterval

     

    参数集合

    arguments

    调整this

    call

    apply

    callee

     

    数组和数组操作

     

    var arr = [];

    var arr = new Array();

    push                              

    pop

    shift

    unshift

    splice

    join

    sort

    concat

     

    字符串操作

     

    split

    substring

    indexOf

    charAt

     

    正则

     

    var re = //;

    var re = new RegExp();

    search

    match

    test

    replace

     

    量词:

    {n,m} + * ?字符类: [^0-9]标识: i g首尾: ^ $转义: d s  w

    JS时间

     

    var oDate = new Date();

    getHours()

    getMinutes()

    getSeconds()

    getFullYear()

    getDay()

    getDate()

    setDate()

     

    图片预加载

    var oImg = new Image();

    常用方法:

     

    getByClass()

    getStyle()

    posLeft()

    veiwHeight()

    documentHeight()

    scrollY()

    first()

    last()

    next()

    pre()

     

    常用的JS操作应用

     

    加开关:bBtn

    加索引:index

    枚举

    递归

    迭代

    定时器

    alert/console.log测试

     

    JS运动类的应用

     

    匀速运动

    缓冲运动

    弹性运动

    碰撞运动

    运动框架编写/使用

     

    Math函数应用:

     

    max

    min

    abs

    random

    ceil

    floor

    round

     

    ajax内容(通过jQuery实现即可)

    什么是ajax?

    postget的区别?

    发送数据是什么样的?

    返回数据是什么样的?

    ajax的编写步骤?

    json怎么取?

    面向对象:

    什么是面向对象?

    引用类型是什么意思?

    原型是什么?

    面向对象怎么写?

    继承采用的方式?

    this指向理解?

    数组的概念

    能够理解数组的概念

    能够应用普通数组,对象数组,函数数组等等。

    回调函数的概念

    能够使用回调函数

  • 相关阅读:
    codeforces #330 div2
    codeforces #332 div2
    Codeforces Round #331 (Div. 2)C. Wilbur and Points
    poj 01背包
    zoj 1200 Mining
    nginx反向代理与负载均衡
    springcloud----config分布式配置中心
    springcloud--zuul 网关
    springcloud ----Hystrix熔断器
    docker私有镜像仓库harbor搭建和配置
  • 原文地址:https://www.cnblogs.com/nifengs/p/5354922.html
Copyright © 2011-2022 走看看