Web前端单词大全（html+css+js+vue）

  1.  
    style 修饰
  2.  
    width 宽度
  3.  
    height 高度
  4.  
    title 想说明的
  5.  
    text-align 水平对齐方式
  6.  
    center 居中 left 居左 right 居右
  7.  
    line-height 垂直对齐方式/行高 当行高等于高度时候垂直居中
  8.  
    background 背景
  9.  
    image 引入背景图片(url)
  10.  
    background-position： 背景定位(x轴，y轴；)
  11.  
    background-repeat 背景平铺
  12.  
    :no-repeat;不平铺 repeat-x;水平平铺 repeat-y;垂直平铺
  13.  
    background：url() repeat left center #00;
  14.  
    顺序：背景图片 重复 定位 颜色
  15.  
    top/right/bottom/left/center 方向英文：上、右、下、左，中
  16.  
    color 颜色
  17.  
     
  18.  
    font 文字
  19.  
    font-family 字体
  20.  
    font-size 字号
  21.  
    font-weight：normal 正常 :bold 加粗
  22.  
    font-style: normal;取消倾斜 :italic;斜体
  23.  
    font:italic bold 24px/24px '楷体';
  24.  
    顺序：是否斜体 是否粗体 字体大小/行高 字体
  25.  
    文本修饰属性：
  26.  
    text-decoration：
  27.  
    overline 顶划线
  28.  
    underline 下划线
  29.  
    line-through 中划线/删除线
  30.  
    none 无/取消下划线
  31.  
    display 转化显示模式 元素转化
  32.  
    block 块
  33.  
    inline 行内
  34.  
    inline-block 行内块
  35.  
     
  36.  
    省略号
  37.  
    white-space:nowrap 强制不换行
  38.  
    overflow:hidden 溢出隐藏
  39.  
    text-overflow：ellipsis 省略号
  40.  
    font-family：‘微软雅黑’ 让省略号在下面
  41.  
    必须给宽度
  42.  
    伪类
  43.  
    a:link 设置未访问时候的颜色 点击后变成a的正常颜色
  44.  
    a:visited 设置访问过后颜色
  45.  
    a:hover 当鼠标放上去会变颜色
  46.  
    a:active 鼠标点击变颜色
  47.  
    顺序 lvha 驴哈
  48.  
     
  49.  
    auto 自动居中
  50.  
    margin 外边距
  51.  
    margin-top 上外边距
  52.  
    margin-right 右外边距
  53.  
    margin-bottom 下外边距
  54.  
    margin-left 左外边距
  55.  
    padding 内边距
  56.  
    padding-top 上内边距
  57.  
    padding-right 右内边距
  58.  
    padding-bottom 下外边距
  59.  
    padding-left 左外边距
  60.  
    float 浮动 ：left|right|none 左|右|不浮动
  61.  
    cursor:pointer 小手的代码。。
  62.  
    clear：left|right|both 清除浮动
  63.  
    overflow：hidden 溢出隐藏
  64.  
     
  65.  
    index 首页
  66.  
    base 里面写清除默认样式的
  67.  
    text-indent：em 首行缩进 （LOGO名字）
  68.  
    以后logo 必须用H1引背景图片 里面写上字
  69.  
    position：relative|absolute|fixed 定位
  70.  
    relative 相对定位
  71.  
    absolute 绝对定位
  72.  
    fixed 固定定位
  73.  
    Left/top/right/bottom 定位的偏移量
  74.  
    z-index 改变标签z轴堆叠顺序
  75.  
    opacity 透明代码 1不透明（0.9 0.8.。。。。） 0透明
  76.  
    filter：alpha（opacity：0-100）
  77.  
     
  78.  
    input{outline:none} 取消焦点
  79.  
     
  80.  
    <form action="链接" method="">
  81.  
    post 相对安全 get 不安全
  82.  
    input 表单 单标签
  83.  
    type="text" 账号/文本
  84.  
    type="password" 密码
  85.  
    type="submit" 提交
  86.  
    type="button" 只是一个点击按钮
  87.  
    type="radio" 单选框 label双标签 选项内容
  88.  
    type="checkbox" 复选框 label双标签 选项内容
  89.  
    value="提示 如 请输入密码"
  90.  
    placeholder="也是提示"
  91.  
    select
  92.  
    option 选项栏
  93.  
    textarea 下拉框
  94.  
    resize：none 禁止任意拖放
  95.  
    name="user" 账号
  96.  
    name="password" 密码
  97.  
     
  98.  
    table{ border-collapse:collapse;} 让border合并
  99.  
    tr加
  100.  
    colspan="3" 横向合并
  101.  
    rowspan="3" 纵向合并
  102.  
    align 左右对齐方式 middle（左）left center right
  103.  
    valign 上下对齐方式 top center bottom
  104.  
    cellspacing="0" 清除外面的边距
  105.  
    cellpadding="0" 清楚里面的边距
  106.  
     
  107.  
    <table cellspacing="0" cellpadding="0">
  108.  
    <thead><tr><th>表头</th></tr></thead>
  109.  
    <tbody><tr><td>表身</td></tr></tbody>
  110.  
    <tfoot><tr><td>表低</td></tr></tfoot>
  111.  
    </table>
  112.  
    frameborder="0" 取消边框
  113.  
    screlling="no" 取消滚动条
  114.  
    iframe src
  115.  
     
  116.  
    <frameset>
  117.  
    <frame />
  118.  
    </frameset>
  119.  
     
  120.  
    letter-spacing：具体数值 字母间距
  121.  
    word-spacing：数值 单词间距
  122.  
    overflow：auto 溢出滚动
  123.  
    visibility：hidden 隐藏
  124.  
    charset 字符集
  125.  
    utf-8 国际编码
  126.  
    gb2312/gbk 中国编码
  127.  
    author 作者
  128.  
    copyright 版权
  129.  
    keywords 关键词
  130.  
    description 介绍
  131.  
     
  132.  
    js
  133.  
    @media screen and (max-width:900px){}; 屏幕自适应
  134.  
     
  135.  
    媒体 屏幕 最大
  136.  
     
  137.  
    push :添加一个数组元素
  138.  
    document ：文档
  139.  
    pop ：删除最后一个数组元素
  140.  
    console ：控制台
  141.  
    shift ：删除第一个数组元素
  142.  
    string ：字符串
  143.  
    Concat 组合数组
  144.  
    undefined ：未定义
  145.  
    typeof ：关键字
  146.  
    join：数组转化为指定分隔符
  147.  
    slice：返回指定数组
  148.  
    length：数组长度
  149.  
    Array：数组
  150.  
    number：数字
  151.  
    boolean：布尔
  152.  
    alert：提示框
  153.  
    parseInt：转化为整型数值
  154.  
    continue：继续
  155.  
    is NaN：非数字
  156.  
    sort：升序
  157.  
    break：截断 跳出
  158.  
    reverse：倒序
  159.  
    object：对象类型
  160.  
    parseFloat：转化为浮点值
  161.  
    index：索引
  162.  
    floor：向下取整
  163.  
    variable：变量
  164.  
    ceil：向上取整
  165.  
    round:四舍五入
  166.  
    abs：返回绝对值
  167.  
    eval：解析字符串并运算
  168.  
    max：比较最大值
  169.  
    return：返回
  170.  
    min：比较最小值
  171.  
    addEventListener：事件名 函数
  172.  
    to.fixed：保留小数点
  173.  
    attachEvant：（on）事件名
  174.  
    random：随机数
  175.  
    eletment：元素
  176.  
    eventName：事件名
  177.  
    function：函数
  178.  
    removeEventListener：事件解除
  179.  
    detachEvent：删除已注册事件
  180.  
    open（）：弹出一个新窗口
  181.  
    function：函数（方法）
  182.  
    showModalDialog：弹出一个模式窗口
  183.  
    close()：关闭当前窗口
  184.  
    new Date()：日期对象
  185.  
    getFullYear（）：年份
  186.  
    getMonth（）：月份（0--11）
  187.  
    getDate（）：几号
  188.  
    getDay（）：星期几（周一至周六）
  189.  
    getHours（）：小时（0--23）
  190.  
    getMinites（）：分钟
  191.  
    getSeconds（）：秒数（0--59）
  192.  
    getMilliseconds（）：毫秒数
  193.  
    getTime（）：从1970至今的毫秒数
  194.  
    Date.now（）：从1970至今的毫秒值
  195.  
    tolocaleDatestring（）：输出本地化的日期
  196.  
    setTimeout：延迟时间
  197.  
    tolocaleTimestring（）：输出本地化得时间
  198.  
    clearTimeout：定时器对象
  199.  
    tolocalestring：输出本地化的日期和时间
  200.  
    setInterval：间隔时间
  201.  
    clearInterval：停止
  202.  
    window.status：浏览器状态栏信息
  203.  
    window.screen：屏幕信息
  204.  
    screen.width：屏幕宽度
  205.  
    screen.height：屏幕高度
  206.  
    screen.availwidth：去掉任务栏宽度
  207.  
    screen.avaiheight：去掉任务栏高度
  208.  
    history：浏览历史记录
  209.  
    location：地址栏对象
  210.  
    navigator：用于获取用户浏览器信息
  211.  
    appCodeName：浏览器代码名的字符串表示
  212.  
    appName：返回浏览器的名称
  213.  
    appVersion：返回浏览器的平台和版本信息
  214.  
    platform：返回运行浏览器的操作系统平台
  215.  
    userAgent：返回由客户机发送服务器的
  216.  
    user-agent：头部的值
  217.  
    Exception：异常 意外情况（try---catch）
  218.  
     
  219.  
    获取元素对象方式:
  220.  
    getElementByld：
  221.  
    getElementsByName：
  222.  
    gatElementsByTagName：
  223.  
    getElementByClassName：
  224.  
    onclick 当点击的时候
  225.  
    onmouseover 鼠标移入
  226.  
    onmouseout 鼠标移出
  227.  
    onblur：失去焦点事件
  228.  
    onkeydown：键盘按下事件（前）
  229.  
    onkeypress：键盘按下事件（后）
  230.  
    onload：当页面加载完成之后触发
  231.  
    onchange;内容改变事件
  232.  
    onkeydown;键盘按下事件（前）
  233.  
    onkeyup;键盘松开事件
  234.  
    onkeypress;键盘按下事件（后）
  235.  
    onmouseout：鼠标移出事件
  236.  
    onmouseover：鼠标移入事件
  237.  
    onselect：内容被选中事件
  238.  
    ondblclick：鼠标双击事件
  239.  
    onfocus：获得焦点事件
  240.  
    onkeyup：键盘松开事件
  241.  
    复选框操作 checked=" "
  242.  
    checked 默认选中
  243.  
    false 不选中
  244.  
    true 选中
  245.  
    typeof 查看数据类型
  246.  
    object 对象
  247.  
    number 数字
  248.  
    string 字符串
  249.  
    function 函数
  250.  
    boolean 布尔值 true false
  251.  
    undefined 未定义
  252.  
    parseInt 整数
  253.  
    parseFloat 浮点数/小数
  254.  
    Number 数字
  255.  
     
  256.  
    hide 隐藏
  257.  
    show 显示
  258.  
    skin 皮肤
  259.  
    code 代码
  260.  
    even 事件
  261.  
    array 数组
  262.  
    integer 整数
  263.  
    veruant 变量
  264.  
    common 公用
  265.  
    switch
  266.  
    case 情况
  267.  
    break 中断整个循环
  268.  
    continue 跳出本次循环
  269.  
    default 不履行/所有情况都不满足的时候走这个
  270.  
    null 没有/空对象
  271.  
    computed 计算后/生效的
  272.  
    eval（JS可以读懂的代码：如‘1+1’->字符串） 这个代码会把（）里面的字符串换成计算机读懂的代码来计算 + - * % 都行 （计算用的）
  273.  
    return 返回
  274.  
    write 输入
  275.  
    find 查找
  276.  
     
  277.  
    interval 间隔
  278.  
    setInterval（函数名，1000/） 间隔定时器
  279.  
    clearInterval 清除间隔定时器
  280.  
    Timeout 超时
  281.  
    setTimeout 延迟定时器
  282.  
    clearTimeout 清除延迟定时器
  283.  
    obj.disabled 让按钮/变成不可使用
  284.  
    true 不可用
  285.  
    false 可用
  286.  
    date 时间
  287.  
    get 获取
  288.  
    set 设置
  289.  
    Fullyear 满年
  290.  
    month 月 （从0月开始）
  291.  
    day 日 获取需要 date
  292.  
    week 星期 获取需要day （从0到6）
  293.  
    hours 小时
  294.  
    minutes 分钟
  295.  
    seconds 秒
  296.  
    single 一个/一倍
  297.  
    dubble 两个/两倍
  298.  
    triple 三个/三倍
  299.  
     
  300.  
    arguments 函数传参-实参的集合
  301.  
    arguments.length 函数传参-实参的长度
  302.  
    arr.push（） 向数组最后添加一项
  303.  
    arr.unshift() 向数组前面添加一项
  304.  
    arr.pop（）删除数组最后一位.
  305.  
    arr.shift（） 删除数组第一位
  306.  
    arr.splice(开始的位置，删除的个数，添加的东西1。。。)
  307.  
    arr.join('') 变字符串 是中间的隔开东西 如- ，空格 等等。。。
  308.  
    arr.concat(arr1,arr2,arr..要拼接的数组...); 数组拼接/合并数组
  309.  
    arr.reverse() 反转/颠倒数组
  310.  
    arr.sort() 数组排序 按照字符串比大小的方法来排序
  311.  
    arr.sort(function(a1,a2){ return a1-a2 //从小到大 return a2-a1 //从大到小 }) a1 a2随便起 代表的是数组中随机的某两项
  312.  
    str.charAt() 字符串里面的下标
  313.  
    str.indexOf(‘’) 下字符串对应的下标数（相同的就取第一个）
  314.  
    str.lastIndexOf（‘’）下字符串对应的下标数（相同的就取最后一个）
  315.  
    str.substring (开始位置，结束位置)/（开始位置-不写结束位置默认就从开始位置到最后） 截取子串
  316.  
    str.toUpperCase() 大写字母
  317.  
    str.toLowerCase() 小写字母
  318.  
    str.split(切割的方式 '-' '' '空格'等) 切割变成数组
  319.  
    str.charCodeAt('a') 输入字符查找对应的编码
  320.  
    String.fromCharCode(编码) 输入编码查找对应的字符
  321.  
    json.name=value; 添加
  322.  
    delete json.name 删除
  323.  
    token 括号
  324.  
    try{} catch(e) 异常
  325.  
    parseInt（math.random()（m-n）+n） 求n-m之间随机的整数， 前包括后不包括
  326.  
    Math.random() 求随机数
  327.  
    Math.abs() 求绝对值
  328.  
    Math.max(，，，) 求最大值
  329.  
    Math.min(，，，) 求最小值
  330.  
    Math.pow(n,m) 求n的m次方
  331.  
    Math.sqrt(a) 开方
  332.  
    Math.PI π
  333.  
    Math.ceil(12.3) 向上取整 13
  334.  
    Math.floor(12.3) 向下取整 12
  335.  
    Math.round(a) 四舍五入
  336.  
    !important Css样式值后面加这个 权重最大
  337.  
    navigator.userAgent UA 例子判断浏览器的类型
  338.  
    navigator.language 语言
  339.  
    navigator.platform 操作系统
  340.  
     
  341.  
    Sibling 兄弟
  342.  
    next 下一个
  343.  
    previous 上一个
  344.  
    获取元素/节点：
  345.  
    (父级) obj.children 找：儿子/子级 子节点
  346.  
    (子级) obj.parentNode 找：父亲/父级 父节点
  347.  
    (同级) obj.nextElementSibling || obj.nextSibling 下一个同级/节点 (同级) obj.previousElementSibling || obj.prenviousSibling 上一个同级/节点
  348.  
    (父级) obj.firstElementChild ||obj.firstChild 首节点
  349.  
    (父级) obj.lastElementChild || obj.lastChild 尾节点
  350.  
    创建元素：
  351.  
    document.createElement_x('标签名') 创建元素
  352.  
    添加插入
  353.  
    (父级) obj.appendChild(谁) 往元素里面最后添加一个
  354.  
    带剪切效果
  355.  
    (父级) obj.insertBefore(把谁，加在谁的前面) 往元素里面添加一个
  356.  
    带剪切效果
  357.  
    删除元素：
  358.  
    (父级) obj.removeChild(子级) 删除子级
  359.  
    window.open() 打开
  360.  
    window.close() 关闭
  361.  
    a标签：target=""
  362.  
    不填 默认新页面打开
  363.  
    _blank 新页面打开
  364.  
    _self 本页面打开
  365.  
    window.location 地址栏信息
  366.  
    window.location.href 链接信息
  367.  
    window.location.search 数据信息
  368.  
    window.location.hash 锚点信息
  369.  
    *了解就行 面试背住
  370.  
    window.location.procotol 协议信息
  371.  
    window.location.hostname 域名信息
  372.  
    window.location.port 端口号信息
  373.  
    window.location.pathname 路径信息
  374.  
     
  375.  
    back 返回
  376.  
    forward 向前
  377.  
    history 历史
  378.  
    window.history.back 返回历史记录 退
  379.  
    window.history.forward 返回历史记录 前
  380.  
    alert（） 弹
  381.  
    confirm 询问提示框
  382.  
    prompt 问答提示框
  383.  
    console.log（） 在F12中显示;
  384.  
    document.write（*） 在页面中输入
  385.  
    scroll 滚动 有兼容问题
  386.  
    client 客户端/可视区
  387.  
    offsetHeight/Width 物体盒子模型的宽高
  388.  
    offsetTop/Bottom/方向 物体距上/下/左/右的距离
  389.  
    offsetparent 定位父级
  390.  
    window.onScroll 当滚动的时候 滚动事件
  391.  
    window.onresize 当缩放的时候 缩放事件
  392.  
    onfocus 当获取焦点的时候
  393.  
    onblur 当失去焦点的时候
  394.  
    obj.getAttribute('属性名') 获取属性名对应的属性值
  395.  
    obj.setAttribute('属性名','属性值') 设置属性
  396.  
    obj.removeAttribute('属性名') 删除属性
  397.  
     
  398.  
    event 事件
  399.  
    onmousemove 鼠标移动事件
  400.  
    onload 当图片加载完成时
  401.  
    onerror 当图片加载失败时
  402.  
    cancelBubble 取消冒泡
  403.  
    onkeydown 当按键按下的时候
  404.  
    onkeyup 当按键抬起的时候
  405.  
    oEvent.keycode 键盘编码
  406.  
    oncontextmenu 当按右键的时候
  407.  
    return false 阻止浏览器右键菜单
  408.  
    cache 缓存
  409.  
     
  410.  
    onmousedown 鼠标按下时
  411.  
    onmouseup 鼠标抬起时
  412.  
    onmousemove 鼠标移动事件
  413.  
    obj.setCapture() 开始捕获
  414.  
    obj.releaseCapture() 取消捕获
  415.  
    obj.cloneNode() 克隆复制一个节点
  416.  
    document/obj.addEventListener（'不加on的事件名',函数名,false） 添加事件绑定 兼容高级
  417.  
    document/obj.attachEvent（'加on的事件名',函数名） 添加事件绑定 兼容IE系列
  418.  
    document/obj.removeEventListener（'不加on的事件名',函数名,false） 解除事件绑定
  419.  
    document/obj.detachEvent（'加on的事件名',函数名） 解除事件绑定
  420.  
     
  421.  
    onmouseenter 鼠标移入
  422.  
    onmouseleave 鼠标移出
  423.  
    onmousewheel 鼠标滚轮事件
  424.  
    DOMMouseScroll 鼠标滚动事件
  425.  
    oEvent.wheelDelta 非火狐 测试鼠标滚轮向上向下弹得数字
  426.  
    oEvent.detail 火狐 测试鼠标滚轮向上向下弹得数字
  427.  
     
  428.  
    return false 阻止浏览器默认事件 但是在事件绑定中失效
  429.  
    oEvent.preventDefoult 在事件绑定中用 阻止浏览器默认事件（如果单独用只兼容高级浏览器）
  430.  
    oninput 当输入的时候 iE9- 没有此方法
  431.  
    onpropertychange 当属性改变的时候 IE系列
  432.  
    oEvent.srcElement 事件源 非火狐
  433.  
    oEvent.target 事件源 高级浏览器
  434.  
     
  435.  
    duration 期间
  436.  
    start 开始
  437.  
    count 次数
  438.  
    complete 完成
  439.  
    var bFlag=false/ture 开关 自定义
  440.  
     
  441.  
    easing 速度类型：
  442.  
    linear 匀速
  443.  
    ease-in 加速
  444.  
    ease-out 减速
  445.  
    window.onload 页面加载完毕后执行（代码、资源）
  446.  
    DOMReady 页面加载完毕后执行（代码）
  447.  
    DOMContentLoaded DOM加载事件
  448.  
    obj.onreadystatechange 监控事件（模拟DOM加载事件）
  449.  
    readyState 加载状态
  450.  
    document/obj.readyState 加载状态
  451.  
    ondbclick 鼠标双击
  452.  
    queryselector 新的获取元素方法
  453.  
     
  454.  
    window.location.reload 重新加载
  455.  
     
  456.  
    cookie
  457.  
    expires 期限
  458.  
    session 一个会话（浏览器打开和关闭）
  459.  
    path 路径
  460.  
    define 定义
  461.  
    require 引用其他模块
  462.  
    exports 导出模块
  463.  
    module 批量导出模块，
  464.  
    data-main 主要数据/初始化接口
  465.  
     
  466.  
    success 成功
  467.  
    error 失败
  468.  
     
  469.  
    Request 请求
  470.  
    ActiveX 浏览器插件
  471.  
    XMLHttpRequest（） ajax 创建/ 不兼容ie6-
  472.  
    ActiveXObject（'Microsoft.XMLHTTP'） 创建/(插件) ie系列
  473.  
     
  474.  
    oAjax.open()打开
  475.  
    oAjax.setRequestHeader('content-type', 'application/x-www-form-urlencoded');
  476.  
    oAjax.send() 发送
  477.  
    onreadystatechange 接收/当通信状态变化
  478.  
     
  479.  
    oAjax.abort() 使中止
  480.  
    oAjax.readyState 是否完成/加载状态
  481.  
    oAjax.status 是否成功
  482.  
    response 回答/响应
  483.  
    oAjax.responseText 返回结果
  484.  
     
  485.  
    JSON.parse() 可以把字符串json变成json 不过json要正规些 双引号
  486.  
    JSON.stringify() json打印出来的方法
  487.  
     
  488.  
    encode 编码
  489.  
    decode 解码
  490.  
    Component 组件/元件
  491.  
    encodeURIComponent('中文') 中文转化成编码
  492.  
    decodeURIComponent('编码') 编码转化成中文
  493.  
     
  494.  
    str.replace 替换
  495.  
    new RegExp() 正则表达式
  496.  
    str.search() 跟indexOf一样 在正则用
  497.  
    str.match 匹配
  498.  
     
  499.  
    正则.test（你要校验的str） true 正确满足 false 不满足 用这个的时候一定配合行首和行尾
  500.  
    转译
  501.  
    \d 数字 [0-9]
  502.  
    \w 数字、英文、下划线 [0-9a-z]
  503.  
    \s 空白字符 所有的空白字符
  504.  
    . 代表任意字符
  505.  
    \D 非数字 [^0-9]
  506.  
    \W 非数字、英文、下划线 [^0-9a-z]
  507.  
    \S 非空白字符
  508.  
    \u4e00-\u9fa5 中文
  509.  
    量词
  510.  
    {n} n个
  511.  
    {n,m} n-m个
  512.  
    {n,} 最少n个，最多随便
  513.  
    {0，m} 最少随便 最多m个
  514.  
     
  515.  
    {1，} 就是 若干个
  516.  
    {0，} 任意个 可以没有
  517.  
    ？ {0,1} 最少没有 最多1个
  518.  
    \ 转译特殊字符
  519.  
     
  520.  
    | 或的意思
  521.  
    i 忽略大小写
  522.  
    g 全局匹配
  523.  
    m 多行模式
  524.  
     
  525.  
    ^ 行首 如果在方括号里面是除了
  526.  
    $ 行尾
  527.  
    *jq
  528.  
    hide 隐藏
  529.  
    show 显示
  530.  
    toggle 点击
  531.  
    hover 移入
  532.  
    fadeIn 淡入
  533.  
    fadeOut 淡出
  534.  
    animate 运动函数（move）
  535.  
    slideDown 滑动从上往下出来
  536.  
    slideUp 滑动从下往上隐藏
  537.  
    eq(下标) 标签获取的下标
  538.  
    li>a li下面的第一级a
  539.  
    伪类选择器:
  540.  
    li:last li最后一个
  541.  
    li:first li第一个
  542.  
    li:eq(2) 第三个li
  543.  
    obj：even 偶数
  544.  
    obj：odd 奇数
  545.  
    obj：has("p/标签名") 里面包含‘p’这个标签的就会选取
  546.  
    obj：contains("p/内容") 内容有得‘p’ 就都会选取
  547.  
    event/自己起行参名字.pageX X轴坐标
  548.  
    event/自己起行参名字.pageY Y轴坐标
  549.  
    offset().top 物体绝对的位置 ->getPos()函数
  550.  
    offset().left 物体绝对的位置
  551.  
    position().top 物体距定位父级距离 ->offsetTop
  552.  
    position().left 物体距定位父级距离
  553.  
    document.scrollTop 和原生一样
  554.  
    document.scrollLeft 和原生一样
  555.  
    .width/.height 物体本身的宽高
  556.  
    innerHeight/Width 物体内部的宽高 包括padding 不包括边框
  557.  
    outerHeight/Width 物体盒子模型宽高
  558.  
    父级.append(子级) 在父级内的后部追加
  559.  
    父级.prepend(子级) 在父级内的前面追加
  560.  
    子级.appendTo(父级) 在父级后部追加
  561.  
    子级.prependTo(父级) 在父级前部追加
  562.  
    obj1.after(obj2) 把2放在1的后面
  563.  
    obj1.before(obj2) 把2放在1的前面
  564.  
    bind() 事件绑定
  565.  
    unbind() 事件解绑
  566.  
    live() 事件委托
  567.  
    die() 解除事件委托
  568.  
    **以上四种不推荐 因为原理还是昂 所以推荐on
  569.  
    obj.on（） 可以事件绑定/委托
  570.  
     
  571.  
    each 循环
  572.  
    $.trim() 去除首尾空格
  573.  
     
  574.  
    extend() 延伸
  575.  
    height() 就是宽度
  576.  
    innerHeight 包括padding、不包括边框
  577.  
    outerHeight 盒子模型的
  578.  
    offset().left -> getPos()
  579.  
    position().left -> offsetLeft()
  580.  
    scrollTop() -> scrollTop
  581.  
    eve.pageX/Y 坐标
  582.  
    maxlength 表单元素最大长度 属性
  583.  
    $.fn.函数名=function(){} 建立jq封装函数
  584.  
    $.fn.extend({函数名1:function(){},函数名2:function(){},...})
  585.  
     
  586.  
    汉字：[0x4e00,0x9fa5]（或十进制[19968,40869]）
  587.  
    数字：[0x30,0x39]（或十进制[48, 57]）
  588.  
    小写字母：[0x61,0x7a]（或十进制[97, 122]）
  589.  
    大写字母：[0x41,0x5a]（或十进制[65, 90]）
  590.  
    parent() 父级
  591.  
    offsetParent() 定位父级
  592.  
    parents() 所有父级 括号里面可以筛选 比如放class名字或...
  593.  
    str/arr.slice（开始位置，结束位置） 切 从开始到结束 如果只有开始 就从开始到最后。 前包后不包
  594.  
     
  595.  
    prototype 原型
  596.  
    form表单中 submit 提交 reset 重置
  597.  
    xxx instanceOf xxx 检测一个对象属于某个类
  598.  
    xxx.constructor==xxx 看构造函数 双等是判断 直接父级属不属于xxx 一个等号是赋值让直接父级等于xxx
  599.  
    fn.call(this的指向，参数一，参数二，....) 改变this的指向 fn中的this=
  600.  
    fn.apply(this的指向，[参数一，参数二，....]) 改变this的指向 fn中的this=
  601.  
    init 开始
  602.  
     
  603.  
    localStorage 本地存储
  604.  
    一般的规范
  605.  
    localStorage.name=value 存
  606.  
    localStorage.name 取
  607.  
    delete localStorage.name 删除一条
  608.  
    localStorage.clear() 删除全部
  609.  
    规范的存取
  610.  
    localStorage.setItem(name,value)
  611.  
    localStorage.getItem(name)
  612.  
    localStorage.removeItem(name)
  613.  
    sessionStorage 临时存储 和localStorage一样用法
  614.  
    include() 包含
  615.  
    template.defaults.openTag=''; 自定义模板开始样子
  616.  
    template.defaults.closeTag=''; 自定义模板结束样子
  617.  
    template.config('openTag','')
  618.  
    template.config('closeTag','')
  619.  
    template.config('escape',true/false) true不默认转译 false默认转译
  620.  
     
  621.  
    m model 模型
  622.  
    v view 视图
  623.  
    c controller 控制器
  624.  
    scope 范围 作用域
  625.  
    then 然后
  626.  
    model模型
  627.  
    bind绑定
  628.  
    ng-app=""; 引用其他模块
  629.  
    ng-model="" 数据从哪来
  630.  
    ng-bind="" 或 model 或 {{xxx}} 数据到哪去
  631.  
    ng-init 初始化
  632.  
    ng-repeat 循环
  633.  
    angular.module('名字',[依赖模块]).controller('名字',function(依赖项){})
  634.  
    $scope
  635.  
    $http
  636.  
    $interval
  637.  
    $timeout
  638.  
    `变量` 反引号包裹变量 ${} ES6模板字符串
  639.  
     
  640.  
    |currency:"" 货币
  641.  
    date:"" 时间戳转化处理
  642.  
    route 路由/状态
  643.  
    filter 过滤器
  644.  
    directive 指令
  645.  
    restrict 类型 E:'element' C:'class' M:'comment' A:'attribute'
  646.  
    service 依赖
  647.  
    oDate.toString() 获取正常时间
  648.  
    creator.ionic.io 做手机端的框架网站不错
  649.  
     
  650.  
    ng-show true false 显示 隐藏
  651.  
    ng-hide true false 隐藏 显示
  652.  
    ng-clock
  653.  
    comment 注释
  654.  
    bundle 打包
  655.  
    transclude 嵌入
  656.  
    params 参数
  657.  
    provider 提供者
  658.  
    .config() 配置
  659.  
    $scope.$watch(数据，fn)
  660.  
    angular.bind(this的指向，要改变指向的函数名，参数)
  661.  
    template 模板
  662.  
    templateUrl:'模板地址' 模板
  663.  
    $ bower install * bower工具安装组件
  664.  
    ReactDOM.render(什么东西，渲染到哪)
  665.  
    type='text/babel'
  666.  
    state 状态
  667.  
    extends 延伸 继承
  668.  
    constructor 创建
  669.  
    super 超类/父类
  670.  
    component 组件
  671.  
    React.Component
  672.  
    this.props.属性
  673.  
    组件中 ref和正常的ID类似
  674.  
     
  675.  
    vue
  676.  
    el：'id'
  677.  
    data:{}
  678.  
    $index
  679.  
    capitalize 首字母大写
  680.  
    uppercase 变大写字母
  681.  
    lowercase 变小写字母
  682.  
    ev.stoppropagation() 阻止冒泡
  683.  
    ev.preventDefault() 阻止默认事件 angular
  684.  
    bootstrap 开启应用模式
  685.  
    copy(复制谁,复制到哪里) 复制/克隆
  686.  
    equals(a,b) 比较
  687.  
    forEach 循环
  688.  
    fromJson 字符串json转化成json
  689.  
    extend（obj，obj1，obj2。。。） 扩展
  690.  
     
  691.  
    标签里面属性 transition="名字" 过渡 动画
  692.  
    .名字-
  693.  
    transition 过渡
  694.  
    transition：时间 让谁变/all ease;
  695.  
    enter 进来
  696.  
    leave 出去
  697.  
    route 路由/状态
  698.  
    watch 监控
  699.  
    props 存东西 可在替换模板身上用
  700.  
    Router-view 状态视图
  701.  
    v-link="{path:名字}"
  702.  
    animation:8s test/名字 linear infinite/数值/次数;
  703.  
    background-size 背景尺寸
  704.  
    contain 以最合适的状态展示 可能会留白
  705.  
    cover 尽可能填满
  706.  
    nth-child(下标 注意：从1开始) 注意:项目不用这个。禁用
  707.  
    nth-of-type(下标 注意：从1开始) 注意:项目不用这个。禁用
  708.  
    background-origin： 背景从哪里开始
  709.  
    content-box
  710.  
    border-box //盒模型
  711.  
    padding-box
  712.  
    background-clip： 背景从哪里开切
  713.  
    content-box
  714.  
    border-box
  715.  
    padding-box
  716.  
    text 注意：这个background-clip前面要加上webkit-

 

 
https://blog.csdn.net/xuehu837769474/article/details/80362829";,"extend1":"pc","ab":"new"}"> 

更多文章请关注《万象专栏》