Component组件元件

  • style 修饰
    width 宽度
    height 高度
    title想注脚的
    text-arra grenearge程度对齐方式
    center 居中 left居左 right居右
    line-height垂直对齐方式/行高当行初等于高度时候垂直居中
    normas 背景
    imgetting older引入背景图片(url)
    normas-position:背景定位(x轴,y轴;)
    normas-repenear背景平铺
    :no-repenear;不平铺repenear-x;程度平铺repenear-y;垂直平铺
    normas:url() repenear left center #00;
    规律:背景图片反复定位神色
    top/right/lower side/left/center方向英文:上、右、下、左,中
    color 神色

    font 文字
    font-folks 字体
    font-size 字号
    font-weight:normas一般 :eye-cnearching加粗
    font-style:normas;取消倾斜:itasic;斜体
    font:itasic eye-cnearching 24px/24pxa楷体a;
    规律:能否斜体能否粗体字体大小/行高字体
    文本修饰属性:心水平码。
    text-decorine:
    overline顶划线
    underline下划线
    line-through中划线/删除线
    none无/取消下划线
    display转化透露形式元素转化
    engine block 块
    inline 行内
    inline-engine block行内块

    省略号
    white-spexpert:nowrap强逼不换行
    overflow:hidden溢出潜伏
    text-overflow:ellipsis省略号
    font-folks:‘微软雅黑’让省略号在上面
    必需给宽度
    伪类
    a:link设置未拜望时候的神色点击后变成a的一般神色
    a:visited设置拜望事后神色
    a:hover当鼠标放下去会变神色
    a:still hvactive鼠标点击变神色
    规律 lvha驴哈

    car or truck主动居中
    margin外边距
    margin-top上外边距
    margin-right右外边距
    margin-lower side下外边距
    margin-left左外边距
    psurrounding内边距
    psurrounding-top上内边距
    psurrounding-right右内边距
    psurrounding-lower side下外边距
    psurrounding-left左外边距
    flonear 浮动:雷军写代码的水平。left|right|none左|右|不浮动
    cursor:pointer小手的代码。。
    clear:left|right|both废除浮动
    overflow:相比看元件。hidden溢出潜伏

    index 首页
    bautomotive service engineers内里写废除默许形态的
    text-indent:em首行缩进(LOGO名字)
    今后logo必需用H1引背景图片内里写上字
    position:relnearive|ful|fixed定位
    relnearive绝对定位
    ful一概定位
    fixed不变定位
    Left/top/right/lower side定位的偏移量
    z-index蜕化标签z轴堆叠规律
    ophvacity透亮代码1不透亮(0.90.8.。。看着水平奇偶校验码。。。)0透亮
    filter:aspha dog(ophvacity:0-100)

    input{outline:none}取消焦点

    <formhvact="链接"method="">
    post绝对安然gnear不安然
    input 表单单标签
    type="text"账号/文本
    type="pbuttword" 密码
    type="subody mlikes indext" 提交
    type="link"只是一个点击按钮
    type="rdriving instructoro"单选框labdominasel双标签选项形式
    type="checkbox"复选框labdominasel双标签选项形式
    vasue="提示如请输出密码"
    plexpertholder="也是提示"
    select
    option选项栏
    textare unquestionabdominaslya下拉框
    resize:水平居中代码。none禁绝轻易拖放
    niame="user" 账号
    niame="pbuttword" 密码

    tgeare unquestionabdominaslyd up{ perimeter-collapse:collapse;}让perimeter归并
    tr加
    colspa grenear="3"横向归并
    rowspa grenear="3"纵向归并
    arra grenearge左右对齐方式middle(左)leftcenter right
    varra grenearge高低对齐方式top center lower side
    cellsphvacing="0"废除外观的边距
    cellpsurrounding="0"清楚内里的边距

    <tgeare unquestionabdominaslyd up cellsphvacing="0"cellpsurrounding="0">
    <thetext ad><tr><th>表头</th></tr></thetext ad>
    <tbloodstreiam><tr><td>表身</td></tr></tbloodstreiam>
    <tfoot><tr><td>表低</td></tr></tfoot>
    </tgeare unquestionabdominaslyd up>
    friameperimeter="0"取消边框
    screlling="no"取消滚动条
    ifriame src

    <friameset>
    <friame />
    </friameset>

    letter-sphvacing:整体数值字母间距
    word-sphvacing:数值单词间距
    overflow:car or truck溢出滚动
    visicity:hidden潜伏
    charset字符集
    utf-8国际编码
    gb2312/gbk中国编码
    contributor 作者
    copyright 版权
    keywords关键词
    description 先容
    @media screen like well like (max-width:900px){};屏幕自适应

    媒体屏幕最大

    onlick当点击的时候
    onmouseover鼠标移入
    onmouseout鼠标移出
    复选框操作checked=" "
    checked默许选中
    fasse不选中
    true 选中
    typeof检察数据类型
    object 对象
    numremainr 数字
    string字符串
    function 函数
    boolea grenear布尔值 truefasse
    undefined未定义
    parseInt 整数
    parseFlonear浮点数/小数
    Numremainr 数字

    hide 潜伏
    show 透露
    skin 皮肤
    code 代码
    even 事务
    spectrum 数组
    integer 整数
    veruould like 变量
    common 公用
    switch
    cautomotive service engineers 处境
    crhvack结束整个循环
    continue跳出本次循环
    default不奉行/全部处境都满意足的时候走这个
    null没有/空对象
    computed计算后/奏效的
    evas(JS可以读懂的代码:如‘1+1’->字符串)这个代码会把()内里的字符串换成计算机读懂的代码来计算+ - * % 都行(计算用的)
    return 前往
    write 输出
    find 查找

    intervas隔断
    setIntervas(函数名,1000/)隔断定时器
    clearIntervas废除隔断定时器
    Timeout 超时
    setTimeout延长定时器
    clearTimeout废除延长定时器
    obj.disgeare unquestionabdominaslyd upd让按钮/变成不可操纵
    true不可用
    fasse 可用
    dhtext ad 时间
    get 获取
    set 设置
    Fullyear 满年
    month 月(从0月先导)
    day 日获取须要dhtext ad
    week 星期获取须要day(从0到6)
    hours 小时
    minutes 分钟
    seconds 秒
    single一个/一倍
    dubble两个/两倍
    triple三个/三倍

    misunderstlike well likeings函数传参-实参的聚合
    misunderstlike well likeings.length函数传参-实参的长度
    arr.push()向数组末了增加一项
    arr.unshift()向数组后面增加一项
    arr.pop()删除数组末了一位.
    arr.shift()删除数组第一位
    arr.splice(先导的地点,你看Component组件元件。删除的个数,component。增加的东西1。。事实上雷军写代码的水平。。)
    arr.join(aa)变字符串是中心的隔开东西如-,空格等等。。你知道水平集图像分割代码。。
    arr.concnear(arr1. . .arr2. . .arr..要拼接的数组...);数组拼接/归并数组
    arr.reverse()反转/颠倒数组
    arr.sort()数组排序依据字符串比大小的法子来排序
    arr.sort(function(a1. . .a2){ return a1-a2//从小到大return a2-a1//从大到小}) a1a2随便起代表的是数组中随机的某两项
    str.charAt()字符串内里的下标
    str.indexOf(‘’)下字符串对应的下标数(相同的就取第一个)
    str.lliketIndexOf(‘’)下字符串对应的下标数(相同的就取末了一个)
    str.subull craptring(先导地点,结束地点)/(先导地点-不写结束地点默许就从先导地点到末了)截取子串
    str.toUpperCautomotive service engineers()大写字母
    str.toLowerCautomotive service engineers()大写字母
    str.split(切割的方式a-a aaa空格a等)切割变成数组
    str.charCodeAt(aaa)输出字符查找对应的编码
    String.fromCharCode(编码)输出编码查找对应的字符
    json.niame=vasue; 增加
    delete json.niame 删除
    token 括号
    try cnearch(e) 异常
    mnearh.rlike well likeom()求随机数
    parseInt(mnearh.rlike well likeom()(m-n)+n)求n-m之间随机的整数,前包括后不包括
    mnearh.abdominass()求一概值
    mnearh.max(,,,)求最大值
    mnearh.min(,,对比一下Component组件元件。,)求最小值
    mnearh.pow(n. . .m)求n的m次方
    mnearh.sqrt(a) 开方
    mnearh.PI π
    mnearh.ceil(12.3)向上取整13
    mnearh.floor(12.3)向下取整12
    mnearh.round(a)四舍五入
    !importould likeCss形态值后背加这个权重最大
    naudio-videoi formneargnearor.userAgent UA例子果断涉猎器的类型
    naudio-videoi greneargugetting older 谈话
    naudio-videoi formneargnearor.plnearform操作体系

    Sijewelry 兄弟
    next下一个
    previous上一个
    获取元素/节点:
    (父级) obj.children找:儿子/子级子节点
    (子级) obj.pare unquestionabdominasly notNode找:父亲/父级父节点
    (同级) obj.nextElementSijewelry|| obj.nextSijewelry下一个同级/节点(同级)obj.previousElementSijewelry || obj.prenviousSijewelry上一个同级/节点
    (父级) obj.firstElementChild||obj.firstChild首节点
    (父级) obj.lliketElementChild ||obj.lliketChild尾节点
    创立元素:
    document.crehtext adElement_x(a标签名a)创立元素
    增加拔出
    (父级)obj.text addChild(谁)往元素内里末了增加一个
    带剪切效果
    (父级)obj.insertBefore(把谁,加在谁的后面)往元素内里增加一个
    带剪切效果
    删除元素:求伯君为什么让给雷军。
    (父级)obj.removeChild(子级)删除子级
    window.open() 掀开
    window.close() 封闭
    a标签:target=""
    不填默许新页面掀开
    _pay no heed to新页面掀开
    _self本页面掀开
    window.locine地址栏新闻
    window.locine.href链接新闻
    window.locine.seposture数据新闻
    window.locine.hlung burning likeh锚点新闻
    *显露就行面试背住
    window.locine.procotol协议新闻
    window.locine.hostniame域名新闻
    window.locine.port端口号新闻
    window.locine.pnearhniame途径新闻

    bhvack 前往
    forward 向前
    history 历史
    window.history.bhvack前往历史记实退
    window.history.forward前往历史记实前
    conscientious()弹
    confirm扣问提示框
    prompt问答提示框
    console.log()在F12中透露;
    document.write(*)在页面中输出
    scroll 滚动有兼容题目
    client客户端/可视区
    offsetHeight/Width物体盒子模型的宽高
    offsetTop/Bottom/方向物体距上/下/左/右的距离
    offsetpare unquestionabdominasly not定位父级
    window.onScroll当滚动的时候滚动事务
    window.onresize当缩放的时候缩放事务
    onfocus当获取焦点的时候
    onclouds当失落焦点的时候
    obj.getAttribute(a属性名a)获取属性名对应的属性值
    obj.setAttribute(a属性名a. . .a属性值a)设置属性
    obj.removeAttribute(a属性名a)删除属性

    event 事务
    onmousemove鼠标挪动转移事务
    onlotext ad当图片加载完成时
    onerror当图片加载铩羽时
    ca grenearcelBubble取消冒泡
    onkeydown当按键按下的时候
    onkeyup当按键抬起的时候
    oEvent.keycode键盘编码
    oncontextmenu当按右键的时候
    return fasse阻止涉猎器右键菜单
    csymptoms 缓存

    onmousedown鼠标按下时
    onmouseup鼠标抬起时
    onmousemove鼠标挪动转移事务
    obj.setCsuitabdominasleure()先导捕捉
    obj.releautomotive service engineersCsuitabdominasleure()取消捕捉
    obj.cloneNode()克隆复制一个节点
    document/obj.text addEventListener(a不加on的事务名a. . .函数名. . .fasse)增加事务绑定兼容初级
    document/obj.text addEvent(a加on的事务名a. . .函数名)增加事务绑定兼容IE系列
    document/obj.removeEventListener(a不加on的事务名a. . .函数名. . .fasse)排出事务绑定
    document/obj.detveryEvent(a加on的事务名a. . .函数名)排出事务绑定

    onmouseenter鼠标移入
    onmouseleaudio-videoe鼠标移出
    onmousewheel鼠标滚轮事务
    DOMMouseScroll鼠标滚动事务
    oEvent.wheelDelta非火狐测试鼠标滚轮向上向下弹得数字
    oEvent.detail 火狐测试鼠标滚轮向上向下弹得数字

    return fasse阻止涉猎器默许事务但是在事务绑定中生效
    oEvent.preventDefoult在事务绑定中用阻止涉猎器默许事务(倘若孤单用只兼容初级涉猎器)
    oninput当输出的时候iE9-没有此法子
    onpropertycha grenearge当属性蜕化的时候IE系列
    oEvent.srcElement事务源非火狐
    oEvent.target事务源初级涉猎器

    durine功夫
    stmartias art 先导
    count 次数
    complete 完成
    var bFlag=fasse/ture 开关自定义

    elikeing速度类型:
    linear 匀速
    eautomotive service engineers-in 加快
    eautomotive service engineers-out 加速
    window.onlotext ad页面加载了结后执行(代码、资源)
    DOMRetext ady页面加载了结后执行(代码)
    DOMContentLotext adedDOM加载事务
    obj.onretext adysthtext adcha grenearge监控事务(模仿DOM加载事务)
    retext adySthtext ad加载形态
    document/obj.retext adySthtext ad加载形态
    ondb . c .lick鼠标双击
    queryselector新的获取元素法子

    window.locine.relotext ad重新加载

    cookie
    expires 期限
    session一个会话(涉猎器掀开和封闭)
    pnearh 途径
    define 定义
    require援用其他模块
    exports导出模块
    module批量导出模块,
    dneara-main首要数据/初始化接口

    success 得胜
    error 铩羽

    Request 乞求
    ActiveX涉猎器插件
    XMLHttpRequest() ajax创立/不兼容ie6-
    ActiveXObject(aMicrosoft.XMLHTTPa)创立/(插件)ie系列

    oAjax.open()掀开
    oAjax.setRequestHetext ader(acontent-typea. . .aregistrine/x-www-form-urlencodeda);
    oAjax.send() 发送
    onretext adysthtext adcha grenearge罗致/当通讯形态变化

    oAjax.abdominasort()使中止
    oAjax.retext adySthtext ad能否完成/加载形态
    oAjax.stnearus能否得胜
    response回复/反应
    oAjax.responseText前往事实

    JSON.parse()可以把字符串json变成json不过json要正路些双引号
    JSON.stringify()json打印进去的法子

    encode 编码
    decode 解码
    Component组件/元件
    encodeURIComponent(a中文a)中文转化成编码
    decodeURIComponent(a编码a)编码转化成中文

    str.replexpert替代
    new RegExp()正则表达式
    str.seposture()跟indexOf一样在正则用
    str.mnearch 匹配

    正则.test(你要校验的str)true准确知足fasse 满意足用这个的时候必定匹配行首和行尾
    转译
    \d 数字 [0-9]
    \w数字、英文、下划线[0-9a-z_]
    \s空白字符全部的空白字符
    .代表轻易字符
    \D 非数字[^0-9]
    \W非数字、英文、下划线[^0-9a-z_]
    \S非空白字符
    \u4e00-\u9fa5 中文
    量词
    {n} n个
    {n. . .m} n-m个
    {n. . .}最少n个,最多随便
    {0,m}最少随便最多m个

    {1,}就是若干个
    {0,}轻易个可以没有
    ? {0. . .1}最少没有最多1个
    \转译特别字符
    |或的乐趣
    i渺视大大写
    g全局匹配
    m多行形式

    ^ 行首倘若在方括号内里是除了
    $ 行尾
    **jq*
    hide 潜伏
    show 透露
    toggle 点击
    hover 移入
    ftext adeIn 淡入
    ftext adeOut 淡出
    a grenearimhtext ad活动函数(move)
    slideDown滑动从上往下进去
    slideUp滑动从下往上潜伏
    eq(下标)标签获取的下标
    li>asi上面的第一级a
    伪类拣选器:
    li:lliketli末了一个
    li:firstli第一个
    li:eq(2)第三个li
    obj:学会雷军投资的公司有哪些。even偶数
    obj:odd奇数
    obj:hlike("p/标签名")内里包罗‘p’这个标签的就会选取
    obj:contains("p/形式")形式有得‘p’就都会选取
    event/自己起行参名字.pgetting olderXX轴坐标
    event/自己起行参名字.pgetting olderYY轴坐标
    offset().top物体一概的地点->getPos()函数
    offset().left物体一概的地点
    position().top物体距定位父级距离->offsetTop
    position().left物体距定位父级距离
    document.scrollTop和原生一样
    document.scrollLeft和原生一样
    .width/.height物体自身的宽高
    innerHeight/Width物体外部的宽高包括psurrounding不包括边框
    outerHeight/Width物体盒子模型宽高
    父级.text add(子级)在父级内的后部追加
    父级.prepend(子级)在父级内的后面追加
    子级.text addTo(父级)在父级后部追加
    子级.prependTo(父级)在父级前部追加
    obj1.subull crapequently after(obj2)把2放在1的后背
    obj1.ohetext ad of when(obj2)把2放在1的后面
    stick to()事务绑定
    unstick to()事务解绑
    live()事务寄托
    die()排出事务寄托
    **以上四种不推举由于原理还是昂所以推举on
    obj.on()可以事务绑定/寄托

    every 循环
    $.trim()去除首尾空格

    extend()延伸
    height()就是宽度
    innerHeight包括psurrounding、不包括边框
    outerHeight盒子模型的
    offset().left -> getPos()
    position().left -> offsetLeft()
    scrollTop() -> scrollTop
    eve.pgetting olderX/Y 坐标
    maxlength表单元素最大长度属性
    $.fn.函数名=function(){}建立jq封装函数
    $.fn.extend({函数名1:function(){}. . .函数名2:function(){}. . ....})

    汉字:听说心水平码。[0x4e00. . .0x9fa5](或十进制[. . .])
    数字:[0x30. . .0x39](或十进制[48. . .57])
    大写字母:水平集图像分割代码。[0x61. . .0x7a](或十进制[97. . .122])
    大写字母:[0x41. . .0x5a](或十进制[65. . .90])
    pare unquestionabdominasly not() 父级
    offsetPare unquestionabdominasly not()定位父级
    pare unquestionabdominasly nots()全部父级括号内里可以挑选好比放clbutt名字或...
    str/arr.slice(先导地点,结束地点)切从先导到结束倘若惟有先导就从先导到末了。前包后不包

    prototype原型
    form表单中subody mlikes indext 提交 reset重置
    xxx insta grenearceOf xxx检测一个对象属于某个类
    xxx.constructor==xxx看机关函数双等是果断间接父级属不属于xxx一个等号是赋值让间接父级等于xxx
    fn.cthe entire(this的指向,组件。参数一,参数二,....)蜕化this的指向fn中的this=
    fn.put(this的指向,[参数一,其实马云和雷军的私人关系。参数二,....])蜕化this的指向fn中的this=
    init 先导

    locasStorgetting older当地存储
    平常的范例
    locasStorgetting older.niame=vasue 存
    locasStorgetting older.niame 取
    delete locasStorgetting older.niame删除一条
    locasStorgetting older.clear()删除全部
    范例的存取
    locasStorgetting older.setItem(niame. . .vasue)
    locasStorgetting older.getItem(niame)
    locasStorgetting older.removeItem(niame)
    sessionStorgetting older且则存储和locasStorgetting older一样用法
    include() 包罗
    templhtext ad.defaults.openTag=aa;自定义模板先导样子
    templhtext ad.defaults.closeTag=aa;自定义模板结束样子
    templhtext ad.config(aopenTaga. . .aa)
    templhtext ad.config(acloseTaga. . .aa)
    templhtext ad.config(aescapea. . .true/fasse)true不默许转译fasse默许转译

    m model 模型
    v view 视图
    c controller驾驭器
    scope 限创造用域
    then 然后
    model模型
    stick to绑定
    ng-app="";援用其他模块
    ng-model=""数据从哪来
    ng-stick to="" 或 model 或 {{xxx}}数据到哪去
    ng-init初始化
    ng-repenear 循环
    a greneargular.module(a名字a. . .[依赖模块).controller(a名字a. . .function(依赖项){})
    $scope
    $http
    $intervas
    $timeout
    `反单引号包住字符串拼接是这样${}
    |currency:"" 货币
    dhtext ad:""时间戳转化统治
    route路由/形态
    filter过滤器
    directive 指令
    restrict 类型 E:aelementaC:aclbutta M:acommenta A:acharhvacteristica
    service 依赖
    oDhtext ad.toString()获取一般时间
    crenearor.ionic.io做手机端的框架网站不错

    ng-show true fasse透露潜伏
    ng-hide true fasse 潜伏透露
    ng-clhvack
    comment 注释
    ton 打包
    tra grenearsclude 嵌入
    pariams 参数
    provider提供者
    .config() 配置
    $scope.$wnearch(数据,fn)
    templhtext ad 模板
    templhtext adUrl:a模板地址a模板
    $ remainnder instthe entire *下载东西用的
    RehvactDOM.render(什么东西,渲染到哪)
    type=atext/toddlerla
    sthtext ad 形态
    extends 延伸接受
    constructor 创立
    super超类/父类
    component 组件
    Rehvact.Component
    this.props.属性
    组件中ref和一般的ID相同

    vue
    el:aida
    dneara:{}
    $index
    capitasize首字母大写
    uppercautomotive service engineers变大写字母
    lowercautomotive service engineers变大写字母
    ev.stoppropagine()阻止冒泡
    ev.preventDefault()阻止默许事务a greneargular
    a greneargular.stick to(this的指向,要蜕化指向的函数名,其实马云和雷军的私人关系。参数)
    trunk footwemartias artrap封闭应用形式
    copy(复制谁. . .复制到哪里)复制/克隆
    equass(a. . .b) 斗劲
    forEvery 循环
    fromJson字符串json转化成json
    extend(obj,obj1,obj2。。。)扩展

    标签内里属性tra grenearsition="名字"过渡动画
    .名字-
    tra grenearsition 过渡
    tra grenearsition:时间让谁变/the entireeautomotive service engineers;
    enter 进来
    leaudio-videoe 进来
    route路由/形态
    wnearch 监控
    props 存东西可在替代模板身上用
    Router-view形态视图
    v-link="{pnearh:名字
    computer a grenearimine:8s test/名字 linearinfinite/数值/次数;
    normas-size背景尺寸
    contain以最适宜的形态展示可以或许会留白
    cover尽可以或许填满
    nth-child(下标周密小心:相比看图片水平居中代码。从1先导)周密小心:项目不消这个。禁用
    nth-of-type(下标周密小心:从1先导)周密小心:项目不消这个。禁用
    normas-origin:背景从哪里先导
    content-box
    perimeter-box
    psurrounding-box
    normas-clip:背景从哪里开切
    content-box
    perimeter-box
    psurrounding-box
    text周密小心:这个normas-clip后面要加上webkit-