精华内容
下载资源
问答
  • 表头 表身 表低 frameborder="0" 取消边框 screlling="no" 取消滚动条 iframe src letter-spacing:具体数值 字母间距 word-spacing:数值 单词间距 overflow:auto 溢出滚动 visibility:hidden 隐藏 charset 字符...
    style 修饰
    width 宽度
    height 高度
    title 想说明的
    text-align 水平对齐方式
    center 居中 left 居左 right 居右
    line-height 垂直对齐方式/行高 当行高等于高度时候垂直居中
    background 背景
    image 引入背景图片(url)
    background-position: 背景定位(x轴,y轴;)
    background-repeat 背景平铺
    :no-repeat;不平铺 repeat-x;水平平铺 repeat-y;垂直平铺
    background:url() repeat left center #00;
    顺序:背景图片 重复 定位 颜色
    top/right/bottom/left/center 方向英文:上、右、下、左,中
    color 颜色
     
    font 文字
    font-family 字体
    font-size 字号
    font-weight:normal 正常 :bold 加粗
    font-style: normal;取消倾斜 :italic;斜体
    font:italic bold 24px/24px '楷体';
    顺序:是否斜体 是否粗体 字体大小/行高 字体
    文本修饰属性:
    text-decoration:
    overline 顶划线
    underline 下划线
    line-through 中划线/删除线
    none 无/取消下划线
    display 转化显示模式 元素转化
    block 块
    inline 行内
    inline-block 行内块
     
    省略号
    white-space:nowrap 强制不换行
    overflow:hidden 溢出隐藏
    text-overflow:ellipsis 省略号
    font-family:‘微软雅黑’ 让省略号在下面
    必须给宽度
    伪类
    a:link 设置未访问时候的颜色 点击后变成a的正常颜色
    a:visited 设置访问过后颜色
    a:hover 当鼠标放上去会变颜色
    a:active 鼠标点击变颜色
    顺序 lvha 驴哈
     
    auto 自动居中
    margin 外边距
    margin-top 上外边距
    margin-right 右外边距
    margin-bottom 下外边距
    margin-left 左外边距
    padding 内边距
    padding-top 上内边距
    padding-right 右内边距
    padding-bottom 下外边距
    padding-left 左外边距
    float 浮动 :left|right|none 左|右|不浮动
    cursor:pointer 小手的代码。。
    clear:left|right|both 清除浮动
    overflow:hidden 溢出隐藏
     
    index 首页
    base 里面写清除默认样式的
    text-indent:em 首行缩进 (LOGO名字)
    以后logo 必须用H1引背景图片 里面写上字
    position:relative|absolute|fixed 定位
    relative 相对定位
    absolute 绝对定位
    fixed 固定定位
    Left/top/right/bottom 定位的偏移量
    z-index 改变标签z轴堆叠顺序
    opacity 透明代码 1不透明(0.9 0.8.。。。。) 0透明
    filter:alpha(opacity:0-100)
     
    input{outline:none} 取消焦点
     
    <form action="链接" method="">
    post 相对安全 get 不安全
    input 表单 单标签
    type="text" 账号/文本
    type="password" 密码
    type="submit" 提交
    type="button" 只是一个点击按钮
    type="radio" 单选框 label双标签 选项内容
    type="checkbox" 复选框 label双标签 选项内容
    value="提示 如 请输入密码"
    placeholder="也是提示"
    select
    option 选项栏
    textarea 下拉框
    resize:none 禁止任意拖放
    name="user" 账号
    name="password" 密码
     
    table{ border-collapse:collapse;} 让border合并
    tr加
    colspan="3" 横向合并
    rowspan="3" 纵向合并
    align 左右对齐方式 middle(左)left center right
    valign 上下对齐方式 top center bottom
    cellspacing="0" 清除外面的边距
    cellpadding="0" 清楚里面的边距
     
    <table cellspacing="0" cellpadding="0">
    <thead><tr><th>表头</th></tr></thead>
    <tbody><tr><td>表身</td></tr></tbody>
    <tfoot><tr><td>表低</td></tr></tfoot>
    </table>
    frameborder="0" 取消边框
    screlling="no" 取消滚动条
    iframe src
     
    <frameset>
    <frame />
    </frameset>
     
    letter-spacing:具体数值 字母间距
    word-spacing:数值 单词间距
    overflow:auto 溢出滚动
    visibility:hidden 隐藏
    charset 字符集
    utf-8 国际编码
    gb2312/gbk 中国编码
    author 作者
    copyright 版权
    keywords 关键词
    description 介绍
     
    js
    @media screen and (max-width:900px){}; 屏幕自适应
     
    媒体 屏幕 最大
     
    push :添加一个数组元素
    document :文档
    pop :删除最后一个数组元素
    console :控制台
    shift :删除第一个数组元素
    string :字符串
    Concat 组合数组
    undefined :未定义
    typeof :关键字
    join:数组转化为指定分隔符
    slice:返回指定数组
    length:数组长度
    Array:数组
    number:数字
    boolean:布尔
    alert:提示框
    parseInt:转化为整型数值
    continue:继续
    is NaN:非数字
    sort:升序
    break:截断 跳出
    reverse:倒序
    object:对象类型
    parseFloat:转化为浮点值
    index:索引
    floor:向下取整
    variable:变量
    ceil:向上取整
    round:四舍五入
    abs:返回绝对值
    eval:解析字符串并运算
    max:比较最大值
    return:返回
    min:比较最小值
    addEventListener:事件名 函数
    to.fixed:保留小数点
    attachEvant:(on)事件名
    random:随机数
    eletment:元素
    eventName:事件名
    function:函数
    removeEventListener:事件解除
    detachEvent:删除已注册事件
    open():弹出一个新窗口
    function:函数(方法)
    showModalDialog:弹出一个模式窗口
    close():关闭当前窗口
    new Date():日期对象
    getFullYear():年份
    getMonth():月份(0--11)
    getDate():几号
    getDay():星期几(周一至周六)
    getHours():小时(0--23)
    getMinites():分钟
    getSeconds():秒数(0--59)
    getMilliseconds():毫秒数
    getTime():从1970至今的毫秒数
    Date.now():从1970至今的毫秒值
    tolocaleDatestring():输出本地化的日期
    setTimeout:延迟时间
    tolocaleTimestring():输出本地化得时间
    clearTimeout:定时器对象
    tolocalestring:输出本地化的日期和时间
    setInterval:间隔时间
    clearInterval:停止
    window.status:浏览器状态栏信息
    window.screen:屏幕信息
    screen.width:屏幕宽度
    screen.height:屏幕高度
    screen.availwidth:去掉任务栏宽度
    screen.avaiheight:去掉任务栏高度
    history:浏览历史记录
    location:地址栏对象
    navigator:用于获取用户浏览器信息
    appCodeName:浏览器代码名的字符串表示
    appName:返回浏览器的名称
    appVersion:返回浏览器的平台和版本信息
    platform:返回运行浏览器的操作系统平台
    userAgent:返回由客户机发送服务器的
    user-agent:头部的值
    Exception:异常 意外情况(try---catch)
     
    获取元素对象方式:
    getElementByld:
    getElementsByName:
    gatElementsByTagName:
    getElementByClassName:
    onlick 当点击的时候
    onmouseover 鼠标移入
    onmouseout 鼠标移出
    onblur:失去焦点事件
    onkeydown:键盘按下事件(前)
    onkeypress:键盘按下事件(后)
    onload:当页面加载完成之后触发
    onchange;内容改变事件
    onkeydown;键盘按下事件(前)
    onkeyup;键盘松开事件
    onkeypress;键盘按下事件(后)
    onmouseout:鼠标移出事件
    onmouseover:鼠标移入事件
    onselect:内容被选中事件
    ondblclick:鼠标双击事件
    onfocus:获得焦点事件
    onkeyup:键盘松开事件
    复选框操作 checked=" "
    checked 默认选中
    false 不选中
    true 选中
    typeof 查看数据类型
    object 对象
    number 数字
    string 字符串
    function 函数
    boolean 布尔值 true false
    undefined 未定义
    parseInt 整数
    parseFloat 浮点数/小数
    Number 数字
     
    hide 隐藏
    show 显示
    skin 皮肤
    code 代码
    even 事件
    array 数组
    integer 整数
    veruant 变量
    common 公用
    switch
    case 情况
    break 中断整个循环
    continue 跳出本次循环
    default 不履行/所有情况都不满足的时候走这个
    null 没有/空对象
    computed 计算后/生效的
    eval(JS可以读懂的代码:如‘1+1’->字符串) 这个代码会把()里面的字符串换成计算机读懂的代码来计算 + - * % 都行 (计算用的)
    return 返回
    write 输入
    find 查找
     
    interval 间隔
    setInterval(函数名,1000/) 间隔定时器
    clearInterval 清除间隔定时器
    Timeout 超时
    setTimeout 延迟定时器
    clearTimeout 清除延迟定时器
    obj.disabled 让按钮/变成不可使用
    true 不可用
    false 可用
    date 时间
    get 获取
    set 设置
    Fullyear 满年
    month 月 (从0月开始)
    day 日 获取需要 date
    week 星期 获取需要day (从0到6)
    hours 小时
    minutes 分钟
    seconds 秒
    single 一个/一倍
    dubble 两个/两倍
    triple 三个/三倍
     
    arguments 函数传参-实参的集合
    arguments.length 函数传参-实参的长度
    arr.push() 向数组最后添加一项
    arr.unshift() 向数组前面添加一项
    arr.pop()删除数组最后一位.
    arr.shift() 删除数组第一位
    arr.splice(开始的位置,删除的个数,添加的东西1。。。)
    arr.join('') 变字符串 是中间的隔开东西 如- ,空格 等等。。。
    arr.concat(arr1,arr2,arr..要拼接的数组...); 数组拼接/合并数组
    arr.reverse() 反转/颠倒数组
    arr.sort() 数组排序 按照字符串比大小的方法来排序
    arr.sort(function(a1,a2){ return a1-a2 //从小到大 return a2-a1 //从大到小 }) a1 a2随便起 代表的是数组中随机的某两项
    str.charAt() 字符串里面的下标
    str.indexOf(‘’) 下字符串对应的下标数(相同的就取第一个)
    str.lastIndexOf(‘’)下字符串对应的下标数(相同的就取最后一个)
    str.substring (开始位置,结束位置)/(开始位置-不写结束位置默认就从开始位置到最后) 截取子串
    str.toUpperCase() 大写字母
    str.toLowerCase() 小写字母
    str.split(切割的方式 '-' '' '空格'等) 切割变成数组
    str.charCodeAt('a') 输入字符查找对应的编码
    String.fromCharCode(编码) 输入编码查找对应的字符
    json.name=value; 添加
    delete json.name 删除
    token 括号
    try{} catch(e) 异常
    parseInt(math.random()(m-n)+n) 求n-m之间随机的整数, 前包括后不包括
    Math.random() 求随机数
    Math.abs() 求绝对值
    Math.max(,,,) 求最大值
    Math.min(,,,) 求最小值
    Math.pow(n,m) 求n的m次方
    Math.sqrt(a) 开方
    Math.PI π
    Math.ceil(12.3) 向上取整 13
    Math.floor(12.3) 向下取整 12
    Math.round(a) 四舍五入
    !important Css样式值后面加这个 权重最大
    navigator.userAgent UA 例子判断浏览器的类型
    navigator.language 语言
    navigator.platform 操作系统
     
    Sibling 兄弟
    next 下一个
    previous 上一个
    获取元素/节点:
    (父级) obj.children 找:儿子/子级 子节点
    (子级) obj.parentNode 找:父亲/父级 父节点
    (同级) obj.nextElementSibling || obj.nextSibling 下一个同级/节点 (同级) obj.previousElementSibling || obj.prenviousSibling 上一个同级/节点
    (父级) obj.firstElementChild ||obj.firstChild 首节点
    (父级) obj.lastElementChild || obj.lastChild 尾节点
    创建元素:
    document.createElement_x('标签名') 创建元素
    添加插入
    (父级) obj.appendChild(谁) 往元素里面最后添加一个
    带剪切效果
    (父级) obj.insertBefore(把谁,加在谁的前面) 往元素里面添加一个
    带剪切效果
    删除元素:
    (父级) obj.removeChild(子级) 删除子级
    window.open() 打开
    window.close() 关闭
    a标签:target=""
    不填 默认新页面打开
    _blank 新页面打开
    _self 本页面打开
    window.location 地址栏信息
    window.location.href 链接信息
    window.location.search 数据信息
    window.location.hash 锚点信息
    *了解就行 面试背住
    window.location.procotol 协议信息
    window.location.hostname 域名信息
    window.location.port 端口号信息
    window.location.pathname 路径信息
     
    back 返回
    forward 向前
    history 历史
    window.history.back 返回历史记录 退
    window.history.forward 返回历史记录 前
    alert() 弹
    confirm 询问提示框
    prompt 问答提示框
    console.log() 在F12中显示;
    document.write(*) 在页面中输入
    scroll 滚动 有兼容问题
    client 客户端/可视区
    offsetHeight/Width 物体盒子模型的宽高
    offsetTop/Bottom/方向 物体距上/下/左/右的距离
    offsetparent 定位父级
    window.onScroll 当滚动的时候 滚动事件
    window.onresize 当缩放的时候 缩放事件
    onfocus 当获取焦点的时候
    onblur 当失去焦点的时候
    obj.getAttribute('属性名') 获取属性名对应的属性值
    obj.setAttribute('属性名','属性值') 设置属性
    obj.removeAttribute('属性名') 删除属性
     
    event 事件
    onmousemove 鼠标移动事件
    onload 当图片加载完成时
    onerror 当图片加载失败时
    cancelBubble 取消冒泡
    onkeydown 当按键按下的时候
    onkeyup 当按键抬起的时候
    oEvent.keycode 键盘编码
    oncontextmenu 当按右键的时候
    return false 阻止浏览器右键菜单
    cache 缓存
     
    onmousedown 鼠标按下时
    onmouseup 鼠标抬起时
    onmousemove 鼠标移动事件
    obj.setCapture() 开始捕获
    obj.releaseCapture() 取消捕获
    obj.cloneNode() 克隆复制一个节点
    document/obj.addEventListener('不加on的事件名',函数名,false) 添加事件绑定 兼容高级
    document/obj.attachEvent('加on的事件名',函数名) 添加事件绑定 兼容IE系列
    document/obj.removeEventListener('不加on的事件名',函数名,false) 解除事件绑定
    document/obj.detachEvent('加on的事件名',函数名) 解除事件绑定
     
    onmouseenter 鼠标移入
    onmouseleave 鼠标移出
    onmousewheel 鼠标滚轮事件
    DOMMouseScroll 鼠标滚动事件
    oEvent.wheelDelta 非火狐 测试鼠标滚轮向上向下弹得数字
    oEvent.detail 火狐 测试鼠标滚轮向上向下弹得数字
     
    return false 阻止浏览器默认事件 但是在事件绑定中失效
    oEvent.preventDefoult 在事件绑定中用 阻止浏览器默认事件(如果单独用只兼容高级浏览器)
    oninput 当输入的时候 iE9- 没有此方法
    onpropertychange 当属性改变的时候 IE系列
    oEvent.srcElement 事件源 非火狐
    oEvent.target 事件源 高级浏览器
     
    duration 期间
    start 开始
    count 次数
    complete 完成
    var bFlag=false/ture 开关 自定义
     
    easing 速度类型:
    linear 匀速
    ease-in 加速
    ease-out 减速
    window.onload 页面加载完毕后执行(代码、资源)
    DOMReady 页面加载完毕后执行(代码)
    DOMContentLoaded DOM加载事件
    obj.onreadystatechange 监控事件(模拟DOM加载事件)
    readyState 加载状态
    document/obj.readyState 加载状态
    ondbclick 鼠标双击
    queryselector 新的获取元素方法
     
    window.location.reload 重新加载
     
    cookie
    expires 期限
    session 一个会话(浏览器打开和关闭)
    path 路径
    define 定义
    require 引用其他模块
    exports 导出模块
    module 批量导出模块,
    data-main 主要数据/初始化接口
     
    success 成功
    error 失败
     
    Request 请求
    ActiveX 浏览器插件
    XMLHttpRequest() ajax 创建/ 不兼容ie6-
    ActiveXObject('Microsoft.XMLHTTP') 创建/(插件) ie系列
     
    oAjax.open()打开
    oAjax.setRequestHeader('content-type', 'application/x-www-form-urlencoded');
    oAjax.send() 发送
    onreadystatechange 接收/当通信状态变化
     
    oAjax.abort() 使中止
    oAjax.readyState 是否完成/加载状态
    oAjax.status 是否成功
    response 回答/响应
    oAjax.responseText 返回结果
     
    JSON.parse() 可以把字符串json变成json 不过json要正规些 双引号
    JSON.stringify() json打印出来的方法
     
    encode 编码
    decode 解码
    Component 组件/元件
    encodeURIComponent('中文') 中文转化成编码
    decodeURIComponent('编码') 编码转化成中文
     
    str.replace 替换
    new RegExp() 正则表达式
    str.search() 跟indexOf一样 在正则用
    str.match 匹配
     
    正则.test(你要校验的str) true 正确满足 false 不满足 用这个的时候一定配合行首和行尾
    转译
    \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 移入
    fadeIn 淡入
    fadeOut 淡出
    animate 运动函数(move)
    slideDown 滑动从上往下出来
    slideUp 滑动从下往上隐藏
    eq(下标) 标签获取的下标
    li>a li下面的第一级a
    伪类选择器:
    li:last li最后一个
    li:first li第一个
    li:eq(2) 第三个li
    obj:even 偶数
    obj:odd 奇数
    obj:has("p/标签名") 里面包含‘p’这个标签的就会选取
    obj:contains("p/内容") 内容有得‘p’ 就都会选取
    event/自己起行参名字.pageX X轴坐标
    event/自己起行参名字.pageY Y轴坐标
    offset().top 物体绝对的位置 ->getPos()函数
    offset().left 物体绝对的位置
    position().top 物体距定位父级距离 ->offsetTop
    position().left 物体距定位父级距离
    document.scrollTop 和原生一样
    document.scrollLeft 和原生一样
    .width/.height 物体本身的宽高
    innerHeight/Width 物体内部的宽高 包括padding 不包括边框
    outerHeight/Width 物体盒子模型宽高
    父级.append(子级) 在父级内的后部追加
    父级.prepend(子级) 在父级内的前面追加
    子级.appendTo(父级) 在父级后部追加
    子级.prependTo(父级) 在父级前部追加
    obj1.after(obj2) 把2放在1的后面
    obj1.before(obj2) 把2放在1的前面
    bind() 事件绑定
    unbind() 事件解绑
    live() 事件委托
    die() 解除事件委托
    **以上四种不推荐 因为原理还是昂 所以推荐on
    obj.on() 可以事件绑定/委托
     
    each 循环
    $.trim() 去除首尾空格
     
    extend() 延伸
    height() 就是宽度
    innerHeight 包括padding、不包括边框
    outerHeight 盒子模型的
    offset().left -> getPos()
    position().left -> offsetLeft()
    scrollTop() -> scrollTop
    eve.pageX/Y 坐标
    maxlength 表单元素最大长度 属性
    $.fn.函数名=function(){} 建立jq封装函数
    $.fn.extend({函数名1:function(){},函数名2:function(){},...})
     
    汉字:[0x4e00,0x9fa5](或十进制[19968,40869])
    数字:[0x30,0x39](或十进制[48, 57])
    小写字母:[0x61,0x7a](或十进制[97, 122])
    大写字母:[0x41,0x5a](或十进制[65, 90])
    parent() 父级
    offsetParent() 定位父级
    parents() 所有父级 括号里面可以筛选 比如放class名字或...
    str/arr.slice(开始位置,结束位置) 切 从开始到结束 如果只有开始 就从开始到最后。 前包后不包
     
    prototype 原型
    form表单中 submit 提交 reset 重置
    xxx instanceOf xxx 检测一个对象属于某个类
    xxx.constructor==xxx 看构造函数 双等是判断 直接父级属不属于xxx 一个等号是赋值让直接父级等于xxx
    fn.call(this的指向,参数一,参数二,....) 改变this的指向 fn中的this=
    fn.apply(this的指向,[参数一,参数二,....]) 改变this的指向 fn中的this=
    init 开始
     
    localStorage 本地存储
    一般的规范
    localStorage.name=value 存
    localStorage.name 取
    delete localStorage.name 删除一条
    localStorage.clear() 删除全部
    规范的存取
    localStorage.setItem(name,value)
    localStorage.getItem(name)
    localStorage.removeItem(name)
    sessionStorage 临时存储 和localStorage一样用法
    include() 包含
    template.defaults.openTag=''; 自定义模板开始样子
    template.defaults.closeTag=''; 自定义模板结束样子
    template.config('openTag','')
    template.config('closeTag','')
    template.config('escape',true/false) true不默认转译 false默认转译
     
    m model 模型
    v view 视图
    c controller 控制器
    scope 范围 作用域
    then 然后
    model模型
    bind绑定
    ng-app=""; 引用其他模块
    ng-model="" 数据从哪来
    ng-bind="" 或 model 或 {{xxx}} 数据到哪去
    ng-init 初始化
    ng-repeat 循环
    angular.module('名字',[依赖模块]).controller('名字',function(依赖项){})
    $scope
    $http
    $interval
    $timeout
    `变量`  反引号包裹变量  ${} ES6模板字符串
     
    |currency:"" 货币
    date:"" 时间戳转化处理
    route 路由/状态
    filter 过滤器
    directive 指令
    restrict 类型 E:'element' C:'class' M:'comment' A:'attribute'
    service 依赖
    oDate.toString() 获取正常时间
    creator.ionic.io 做手机端的框架网站不错
     
    ng-show true false 显示 隐藏
    ng-hide true false 隐藏 显示
    ng-clock
    comment 注释
    bundle 打包
    transclude 嵌入
    params 参数
    provider 提供者
    .config() 配置
    $scope.$watch(数据,fn)
    angular.bind(this的指向,要改变指向的函数名,参数)
    template 模板
    templateUrl:'模板地址' 模板
    $ bower install * bower工具安装组件
    ReactDOM.render(什么东西,渲染到哪)
    type='text/babel'
    state 状态
    extends 延伸 继承
    constructor 创建
    super 超类/父类
    component 组件
    React.Component
    this.props.属性
    组件中 ref和正常的ID类似
     
    vue
    el:'id'
    data:{}
    $index
    capitalize 首字母大写
    uppercase 变大写字母
    lowercase 变小写字母
    ev.stoppropagation() 阻止冒泡
    ev.preventDefault() 阻止默认事件 angular
    bootstrap 开启应用模式
    copy(复制谁,复制到哪里) 复制/克隆
    equals(a,b) 比较
    forEach 循环
    fromJson 字符串json转化成json
    extend(obj,obj1,obj2。。。) 扩展
     
    标签里面属性 transition="名字" 过渡 动画
    .名字-
    transition 过渡
    transition:时间 让谁变/all ease;
    enter 进来
    leave 出去
    route 路由/状态
    watch 监控
    props 存东西 可在替换模板身上用
    Router-view 状态视图
    v-link="{path:名字}"
    animation:8s test/名字 linear infinite/数值/次数;
    background-size 背景尺寸
    contain 以最合适的状态展示 可能会留白
    cover 尽可能填满
    nth-child(下标 注意:从1开始) 注意:项目不用这个。禁用
    nth-of-type(下标 注意:从1开始) 注意:项目不用这个。禁用
    background-origin: 背景从哪里开始
    content-box
    border-box    //盒模型
    padding-box
    background-clip: 背景从哪里开切
    content-box
    border-box
    padding-box
    text 注意:这个background-clip前面要加上webkit-​​​​

    今日就分享到这了,更多资料简介区领取!

    展开全文
  • 学习前端,需要掌握的单词集汇总

    多人点赞 2021-07-14 11:59:41
    感觉自己音乐不好就放弃学习前端,其实所有语言,常用单词也就500左右,下面笔者整理前端常用的单词 翻译趋向于术语 一, html div 分隔, 盒子 p 段 h1~h6 标题1到标题6 a 锚 span strong 加重语义 meta table 表格 th ...

    (收集不易,有帮助记得一键三连,犒劳一下作者)

    感觉自己英语不好就放弃学习前端,其实所有语言,常用单词也就500左右,下面笔者整理前端常用的单词 翻译趋向于术语

    一, html

    1. div 分隔, 盒子
    2. p 段
    3. h1~h6 标题1到标题6
    4. a 锚
    5. span
    6. strong 加重语义
    7. meta
    8. table 表格
    9. th 表头
    10. tr 行
    11. td 单元格
    12. input
    13. img
    14. audio
    15. video
    16. ul 无序列表
    17. li 列表项目
    18. ol 有序列表
    19. dt 定义列表
    20. dl 定义术语
    21. b 粗体(文本)
    22. br 换行
    23. hr 水平线
    24. iframe 定义内联

    二、css

    1. style 修饰

    2. width 宽度

    3. height 高度

    4. title 想说明的

    5. visibility 元素可见性

    6. text-align 水平对齐方式

    7. white-space 文本换行

    8. text-indent 缩进

    9. border:边框

    10. border-width 指定边框的宽度

    11. border-style 指定边框的样式

    12. border-color 指定边框的颜色
      10.border-image 指定作为div元素周围边框的图像

    13. flex 弹性布局

    14. align-content

    15. align-items

    16. flex-direction

    17. flex-wrap

    18. flex-flow

    19. animation 动画

    20. animation-name 指定要绑定到选择器的关键帧的名称

    21. animation-duration 动画指定需要多少秒或毫秒完成

    22. animation-timing-function 设置动画将如何完成一个周期

    23. animation-delay 设置动画在启动前的延迟间隔。

    24. animation-iteration-count 定义动画的播放次数

    25. animation-direction 指定是否应该轮流反向播放动画。

    26. center 居中 left 居左 right 居右

    27. line-height 垂直对齐方式/行高 当行高等于高度时候垂直居中

    28. columns 列

    29. row 行

    30. cursor 鼠标

    31. icon 图标

    32. background 背景

    33. image 引入背景图片(url)

    34. background-position: 背景定位(x轴,y轴;)

    35. background-repeat 背景平铺

    36. :no-repeat;不平铺 repeat-x;水平平铺 repeat-y;垂直平铺

    37. background:url() repeat left center #00; 顺序:背景图片 重复 定位 颜色

    38. background-size 背景尺寸

    39. contain 以最合适的状态展示 可能会留白

    40. cover 尽可能填满

    41. nth-child(下标 注意:从1开始) 注意:项目不用这个。禁用

    42. nth-of-type(下标 注意:从1开始) 注意:项目不用这个。禁用

    background-origin: 背景从哪里开始

    1. content-box 背景图像的相对位置的内容框

    2. border-box 背景图像边界框的相对位置

    3. padding-box 背景图像填充框的相对位置

    background-clip: 背景从哪里开切

    1. content-box

    2. border-box

    3. padding-box

    4. top/right/bottom/left/center 方向英文:上、右、下、左,中

    5. color 颜色

    6. font 文字

    7. font-family 字体

    8. font-size 字号

    9. font-weight:normal 正常 :bold 加粗

    10. font-style: normal;取消倾斜 :italic;斜体

    11. font:italic bold 24px/24px ‘楷体’; 顺序:是否斜体 是否粗体 字体大小/行高 字体

    文本修饰属性:

    1. text-decoration:

    2. overline 顶划线

    3. underline 下划线

    4. line-through 中划线/删除线

    5. none 无/取消下划线

    6. display 转化显示模式 元素转化

    7. block 块

    8. inline 行内

    9. inline-block 行内块

    省略号 (强制不换行,超出隐藏,省略号,有宽度)

    1. white-space:nowrap 强制不换行

    2. overflow:hidden 溢出隐藏

    3. text-overflow:ellipsis 省略号

    4. font-family:‘微软雅黑’ 让省略号在下面

    伪类

    1. a:link 设置未访问时候的颜色 点击后变成a的正常颜色

    2. a:visited 设置访问过后颜色

    3. a:hover 当鼠标放上去会变颜色

    4. a:active 鼠标点击变颜色

    5. li>a li下面的第一级a

    6. 伪类选择器:

    7. li:last-child li最后一个

    8. li:first-child li第一个

    9. p:nth-child(2) 选择作为其父的第二个子元素的每个

      元素。

    伪元素

    1. p::after 在每个

      元素之后插入内容。

    2. p::before 在每个

      元素之前插入内容。

    3. p::first-letter 选择每个

      元素的首字母。

    4. p::first-line 选择每个

      元素的首行。

    5. p::selection 选择用户选择的元素部分。
    6. auto 自动居中
    7. margin 外边距
    8. margin-top 上外边距
    9. margin-right 右外边距
    10. margin-bottom 下外边距
    11. margin-left 左外边距
    12. padding 内边距
    13. padding-top 上内边距
    14. padding-right 右内边距
    15. padding-bottom 下外边距
    16. padding-left 左外边距
    17. float 浮动 :left|right|none 左|右|不浮动
    18. cursor:pointer 小手的代码。。
    19. clear:left|right|both 清除浮动
    20. overflow:hidden 溢出隐藏
    21. index 首页
    22. base 里面写清除默认样式的
    23. text-indent:em 首行缩进 (LOGO名字)
    24. 以后logo 必须用H1引背景图片 里面写上字
    25. position:relative|absolute|fixed 定位
    26. relative 相对定位
    27. absolute 绝对定位
    28. fixed 固定定位
    29. Left/top/right/bottom 定位的偏移量
    30. z-index 改变标签z轴堆叠顺序
    31. opacity 透明代码 1不透明(0.9 0.8.。。。。) 0透明
    32. filter:alpha(opacity:0-100)
    33. input{outline:none} 取消焦点
    34. 标签里面属性 transition=“名字” 过渡 动画
    35. transition 过渡
    36. transition-property 规定设置过渡效果的 CSS 属性的名称。
    37. transition-duration 规定完成过渡效果需要多少秒或毫秒。
    38. transition-timing-function 规定速度效果的速度曲线。
    39. transition-delay 定义过渡效果何时开始。
    40. @media screen and (max-width:900px){}; 屏幕自适应

    标签

    1. <form action="链接" method="">

    2. post 相对安全 gat 不安全

    3. input 表单 单标签

    4. type=“text” 账号/文本

    5. type=“password” 密码

    6. type=“submit” 提交

    7. type=“button” 只是一个点击按钮

    8. type=“radio” 单选框 label双标签 选项内容

    9. type=“checkbox” 复选框 label双标签 选项内容

    10. value=“提示 如 请输入密码”

    11. placeholder=“也是提示”

    12. select

    13. option 选项栏

    14. textarea 下拉框

    15. resize:none 禁止任意拖放

    16. name=“user” 账号

    17. name=“password” 密码

    18. table{ border-collapse:collapse;} 让border合并

    tr:

    1. colspan=“3” 横向合并

    2. rowspan=“3” 纵向合并

    3. align 左右对齐方式 middle(左)left center right

    4. valign 上下对齐方式 top center bottom

    5. cellspacing=“0” 清除外面的边距

    6. cellpadding=“0” 清楚里面的边距

    102.<table cellspacing="0" cellpadding="0">

    1. <thead><tr><th>表头</th></tr></thead>

    104.<tbody><tr><td>表身</td></tr></tbody>

    105.<tfoot><tr><td>表尾</td></tr></tfoot>

    1. </table>

    2. frameborder=“0” 取消边框

    3. screlling=“no” 取消滚动条

    4. iframe src

    5. letter-spacing:具体数值 字母间距

    6. word-spacing:数值 单词间距

    7. overflow:auto 溢出滚动

    8. visibility:hidden 隐藏

    9. charset 字符集

    10. utf-8 国际编码

    11. gb2312/gbk 中国编码

    12. author 作者

    13. copyright 版权

    14. keywords 关键词

    15. description 介绍

    三、js

    1. push :添加一个数组元素

    2. document :文档

    3. pop :删除最后一个数组元素

    4. console :控制台

    5. shift :删除第一个数组元素

    6. string :字符串

    7. Concat 组合数组

    8. undefined :未定义

    9. typeof :关键字

    10. join:数组转化为指定分隔符

    11. slice:返回指定数组

    12. length:数组长度

    13. Array:数组

    14. number:数字

    15. boolean:布尔

    16. alert:提示框

    17. parseInt:转化为整型数值

    18. continue:继续

    19. is NaN:非数字

    20. sort:升序

    21. break:截断 跳出

    22. reverse:倒序

    23. object:对象类型

    24. parseFloat:转化为浮点值

    25. index:索引

    26. floor:向下取整

    27. variable:变量

    28. ceil:向上取整

    29. round:四舍五入

    30. abs:返回绝对值

    31. eval:解析字符串并运算

    32. max:比较最大值

    33. return:返回

    34. min:比较最小值

    35. addEventListener:事件名 函数

    36. to.fixed:保留小数点

    37. attachEvant:(on)事件名

    38. random:随机数

    39. eletment:元素

    40. eventName:事件名

    41. function:函数

    42. removeEventListener:事件解除

    43. detachEvent:删除已注册事件

    44. open():弹出一个新窗口

    45. function:函数(方法)

    46. showModalDialog:弹出一个模式窗口

    47. close():关闭当前窗口

    48. Date:日期对象

    49. getFullYear():年份

    50. getMonth():月份(0–11)

    51. getDate():几号

    52. getDay():星期几(周一至周六)

    53. getHours():小时(0–23)

    54. getMinites():分钟

    55. getSeconds():秒数(0–59)

    56. getMilliseconds():毫秒数

    57. getTime():从1970至今的毫秒数

    58. Date.now():从1970至今的毫秒值

    59. tolocaleDatestring():输出本地化的日期

    60. setTimeout:延迟时间

    61. tolocaleTimestring():输出本地化得时间

    62. clearTimeout:定时器对象

    63. tolocalestring:输出本地化的日期和时间

    64. setInterval:间隔时间

    65. clearInterval:停止

    66. window.status:浏览器状态栏信息

    67. window.screen:屏幕信息

    68. screen.width:屏幕宽度

    69. screen.height:屏幕高度

    70. screen.availwidth:去掉任务栏宽度

    71. screen.avaiheight:去掉任务栏高度

    72. history:浏览历史记录

    73. location:地址栏对象

    navigator:用于获取用户浏览器信息

    1. .navigator.appCodeName:浏览器代码名的字符串表示

    2. navigator.appName:返回浏览器的名称

    3. navigator.appVersion:返回浏览器的平台和版本信息

    4. navigator.platform:返回运行浏览器的操作系统平台

    206.navigator. userAgent:返回由客户机发送服务器的

    1. user-agent:头部的值

    2. Exception:异常 意外情况(try—catch)

    获取元素对象方式:

    1. getElementByld:通过id获取元素
    2. getElementsByNaeme: 通过name属性获取元素集合
    3. getElementsByTagName: 通过标签获取元素集合
    4. getElementByClassName:通过class获取元素集合
    5. onclick 当点击的时候
    6. onmouseover 鼠标移入
    7. onmouseout 鼠标移出
    8. onblur:失去焦点事件
    9. onkeydown:键盘按下事件(前)
    10. onkeypress:键盘按下事件(后)
    11. onload:当页面加载完成之后触发
    12. onchange;内容改变事件
    13. onkeydown;键盘按下事件(前)
    14. onkeyup;键盘松开事件
    15. onkeypress;键盘按下事件(后)
    16. onmouseout:鼠标移出事件
    17. onmouseover:鼠标移入事件
    18. onselect:内容被选中事件
    19. ondblclick:鼠标双击事件
    20. onfocus:获得焦点事件
    21. onkeyup:键盘松开事件\

    复选框操作 checked=" "

    1. checked 默认选中
    2. false 不选中
    3. true 选中
    4. typeof 查看数据类型
    5. object 对象
    6. number 数字
    7. string 字符串
    8. function 函数
    9. boolean 布尔值 true false
    10. undefined 未定义
    11. parseInt 整数
    12. parseFloat 浮点数/小数
    13. Number 数字
    14. hide 隐藏
    15. show 显示
    16. skin 皮肤
    17. code 代码
    18. even 事件
    19. array 数组
    20. integer 整数
    21. veruant 变量
    22. common 公用
    23. switch
    24. case 情况
    25. break 中断整个循环
    26. continue 跳出本次循环
    27. default 不履行/所有情况都不满足的时候走这个
    28. null 没有/空对象
    29. computed 计算后/生效的
    30. eval(JS可以读懂的代码:如‘1+1’->字符串) 这个代码会把()里面的字符串换成计算机读懂的代码来计算 + - * % 都行 (计算用的)
    31. return 返回
    32. write 输入
    33. find 查找
    34. interval 间隔
    35. setInterval(函数名,1000/) 间隔定时器
    36. clearInterval 清除间隔定时器
    37. Timeout 超时
    38. setTimeout 延迟定时器
    39. clearTimeout 清除延迟定时器
    40. disabled 让表单或按钮/变成不可使用

    true 不可用

    false 可用

    1. date 时间

    2. get 获取

    3. set 设置

    4. Fullyear 满年

    5. month 月 (从0月开始)

    6. day 日 获取需要 date

    7. week 星期 获取需要day (从0到6)

    8. hours 小时

    9. minutes 分钟

    10. seconds 秒

    11. single 一个/一倍

    12. dubble 两个/两倍

    13. triple 三个/三倍

    14. arguments 函数传参-实参的集合

    15. arguments.length 函数传参-实参的长度

    16. arr.push() 向数组最后添加一项

    17. arr.unshift() 向数组前面添加一项

    18. arr.pop()删除数组最后一位.

    19. arr.shift() 删除数组第一位

    20. arr.splice(开始的位置,删除的个数,添加的东西1。。。)

    21. arr.join(’’) 变字符串 是中间的隔开东西 如- ,空格 等等。。。

    22. arr.concat(arr1,arr2,arr…要拼接的数组…); 数组拼接/合并数组

    23. arr.reverse() 反转/颠倒数组

    24. arr.sort() 数组排序 按照字符串比大小的方法来排序

    25. arr.sort(function(a1,a2){ return a1-a2 //从小到大 return a2-a1 //从大到小 }) a1 a2随便起 代表的是数组中随机的某两项

    26. str.charAt() 字符串里面的下标

    27. str.indexOf(‘’) 下字符串对应的下标数(相同的就取第一个)

    28. str.lastIndexOf(‘’)下字符串对应的下标数(相同的就取最后一个)

    29. str.substring (开始位置,结束位置)/(开始位置-不写结束位置默认就从开始位置到最后) 截取子串

    30. str.toUpperCase() 大写字母

    31. str.toLowerCase() 小写字母

    32. str.split(切割的方式 ‘-’ ‘’ '空格’等) 切割变成数组

    33. str.charCodeAt(‘a’) 输入字符查找对应的编码

    34. String.fromCharCode(编码) 输入编码查找对应的字符

    35. json.name=value; 添加rr

    36. delete json.name 删除

    37. token 令牌

    38. try{} catch(err) try语句允许我们定义在执行时进行错误测试的代码块。catch 语句允许我们定义当 try 代码块发生错误时,所执行的代码块。

    39. math.random() 求随机数

    40. parseInt(math.random()(m-n)+n) 求n-m之间随机的整数, 前包括后不包括

    41. math.abs() 求绝对值

    42. math.max(,,,) 求最大值

    43. math.min(,,,) 求最小值

    44. math.pow(n,m) 求n的m次方

    45. math.sqrt(a) 开方

    46. math.PI π

    47. math.ceil(12.3) 向上取整 13

    48. math.floor(12.3) 向下取整 12

    49. math.round(a) 四舍五入

    50. !important Css样式值后面加这个 权重最大

    51. navigator.userAgent UA 例子判断浏览器的类型

    52. navigator.language 语言

    53. navigator.platform 操作系统

    54. Sibling 兄弟

    55. next 下一个

    56. previous 上一个

    57. 获取元素/节点:

    58. (父级) obj.children 找:儿子/子级 子节点

    59. (子级) obj.parentNode 找:父亲/父级 父节点

    60. (同级) obj.nextElementSibling || obj.nextSibling 下一个同级/节点 (同级) obj.previousElementSibling || obj.prenviousSibling 上一个同级/节点

    61. (父级) obj.firstElementChild ||obj.firstChild 首节点

    62. (父级) obj.lastElementChild || obj.lastChild 尾节点

    63. 创建元素:

    64. document.createElement_x(‘标签名’) 创建元素

    65. 添加插入

    66. (父级) obj.appendChild(谁) 往元素里面最后添加一个

    67. 带剪切效果

    68. (父级) obj.insertBefore(把谁,加在谁的前面) 往元素里面添加一个

    69. 带剪切效果

    70. 删除元素:

    71. (父级) obj.removeChild(子级) 删除子级

    72. window.open() 打开

    73. window.close() 关闭

    74. a标签:target=""

    不填 默认新页面打开

    _blank 新页面打开

    _self 本页面打开

    1. window.location 地址栏信息

    2. window.location.href 链接信息

    3. window.location.search 数据信息

    4. window.location.hash 锚点信息

    5. *了解就行 面试背住

    6. window.location.procotol 协议信息

    7. window.location.hostname 域名信息

    8. window.location.port 端口号信息

    9. window.location.pathname 路径信息

    10. back 返回

    11. forward 向前

    12. history 历史

    13. window.history.back 返回历史记录 退

    14. window.history.forward 返回历史记录 前

    15. alert() 弹窗

    16. confirm 询问提示框

    17. prompt 问答提示框

    18. console.log() 在F12中显示;

    19. document.write(*) 在页面中输入

    20. scroll 滚动 有兼容问题

    21. client 客户端/可视区

    22. offsetHeight/Width 物体盒子模型的宽高

    23. offsetTop/Bottom/方向 物体距上/下/左/右的距离

    24. offsetparent 定位父级

    25. window.onScroll 当滚动的时候 滚动事件

    26. window.onresize 当缩放的时候 缩放事件

    27. onfocus 当获取焦点的时候

    28. onblur 当失去焦点的时候

    29. obj.getAttribute(‘属性名’) 获取属性名对应的属性值

    30. obj.setAttribute(‘属性名’,‘属性值’) 设置属性

    31. obj.removeAttribute(‘属性名’) 删除属性

    32. event 事件

    33. onmousemove 鼠标移动事件

    34. onload 当图片加载完成时

    35. onerror 当图片加载失败时

    36. cancelBubble 取消冒泡

    37. onkeydown 当按键按下的时候

    38. onkeyup 当按键抬起的时候

    39. oEvent.keycode 键盘编码

    40. oncontextmenu 当按右键的时候

    41. return false 阻止浏览器右键菜单

    42. cache 缓存

    43. onmousedown 鼠标按下时

    44. onmouseup 鼠标抬起时

    45. onmousemove 鼠标移动事件

    46. obj.setCapture() 开始捕获

    47. obj.releaseCapture() 取消捕获

    48. obj.cloneNode() 克隆复制一个节点

    49. document/obj.addEventListener(‘不加on的事件名’,函数名,false) 添加事件绑定 兼容高级

    50. document/obj.attachEvent(‘加on的事件名’,函数名) 添加事件绑定 兼容IE系列

    51. document/obj.removeEventListener(‘不加on的事件名’,函数名,false) 解除事件绑定

    52. document/obj.detachEvent(‘加on的事件名’,函数名) 解除事件绑定

    53. onmouseenter 鼠标移入

    54. onmouseleave 鼠标移出

    55. onmousewheel 鼠标滚轮事件

    56. DOMMouseScroll 鼠标滚动事件

    57. oEvent.wheelDelta 非火狐 测试鼠标滚轮向上向下弹得数字

    58. oEvent.detail 火狐 测试鼠标滚轮向上向下弹得数字

    59. return false 阻止浏览器默认事件 但是在事件绑定中失效

    60. oEvent.preventDefoult 在事件绑定中用 阻止浏览器默认事件(如果单独用只兼容高级浏览器)

    61. oninput 当输入的时候 iE9- 没有此方法

    62. onpropertychange 当属性改变的时候 IE系列

    63. oEvent.srcElement 事件源 非火狐

    64. oEvent.target 事件源 高级浏览器

    65. duration 期间

    66. start 开始

    67. count 次数

    68. complete 完成

    69. var bFlag=false/ture 开关 自定义

    70. easing 速度类型:

    71. linear 匀速

    72. ease-in 加速

    73. ease-out 减速

    74. window.onload 页面加载完毕后执行(代码、资源)

    75. DOMReady 页面加载完毕后执行(代码)

    76. DOMContentLoaded DOM加载事件

    77. obj.onreadystatechange 监控事件(模拟DOM加载事件)

    78. readyState 加载状态

    79. document/obj.readyState 加载状态

    80. ondbclick 鼠标双击

    81. queryselector 新的获取元素方法

    82. window.location.reload 重新加载

    83. cookie

    84. expires 期限

    85. session 一个会话(浏览器打开和关闭)

    86. path 路径

    87. define 定义

    88. require 引用其他模块

    89. exports 导出模块

    90. module 批量导出模块,

    91. data-main 主要数据/初始化接口

    92. success 成功

    93. error 失败

    94. Request 请求

    95. ActiveX 浏览器插件

    96. XMLHttpRequest() ajax 创建/ 不兼容ie6-

    97. ActiveXObject(‘Microsoft.XMLHTTP’) 创建/(插件) ie系列

    98. oAjax.open()打开

    99. oAjax.setRequestHeader(‘content-type’, ‘application/x-www-form-urlencoded’);

    100. oAjax.send() 发送

    101. onreadystatechange 接收/当通信状态变化

    102. oAjax.abort() 使中止

    103. oAjax.readyState 是否完成/加载状态

    104. oAjax.status 是否成功

    105. response 回答/响应

    106. oAjax.responseText 返回结果

    107. JSON.parse() 可以把字符串json变成json 不过json要正规些 双引号

    108. JSON.stringify() json打印出来的方法

    109. encode 编码

    110. decode 解码

    111. Component 组件/元件

    112. encodeURIComponent(‘中文’) 中文转化成编码

    113. decodeURIComponent(‘编码’) 编码转化成中文

    114. str.replace 替换

    115. new RegExp() 正则表达式

    116. str.search() 跟indexOf一样 在正则用

    117. str.match 匹配

    118. 正则.test(你要校验的str) true 正确满足 false 不满足 用这个的时候一定配合行首和行尾

    119. 转译

    120. \d 数字 [0-9]

    121. \w 数字、英文、下划线 [0-9a-z]

    122. \s 空白字符 所有的空白字符

    123. . 代表任意字符

    124. \D 非数字 [^0-9]

    125. \W 非数字、英文、下划线 [^0-9a-z]

    126. \S 非空白字符

    127. \u4e00-\u9fa5 中文

    128. 量词

    129. {n} n个

    130. {n,m} n-m个

    131. {n,} 最少n个,最多随便

    132. {0,m} 最少随便 最多m个

    133. {1,} 就是 若干个

    134. {0,} 任意个 可以没有

    135. ? {0,1} 最少没有 最多1个

    136. \ 转译特殊字符

    137. | 或的意思

    138. i 忽略大小写

    139. g 全局匹配

    140. m 多行模式

    141. ^ 行首 如果在方括号里面是除了

    142. $ 行尾

    143. *所有

    144. hide 隐藏

    145. show 显示

    146. toggle 点击

    147. hover 移入

    148. fadeIn 淡入

    149. fadeOut 淡出

    150. animate 运动函数(move)

    151. slideDown 滑动从上往下出来

    152. slideUp 滑动从下往上隐藏

    153. eq(下标) 标签获取的下标

    154. event/自己起行参名字.pageX X轴坐标

    155. event/自己起行参名字.pageY Y轴坐标

    156. offset().top 物体绝对的位置 ->getPos()函数

    157. offset().left 物体绝对的位置

    158. position().top 物体距定位父级距离 ->offsetTop

    159. position().left 物体距定位父级距离

    160. document.scrollTop 和原生一样

    161. document.scrollLeft 和原生一样

    162. .width/.height 物体本身的宽高

    163. innerHeight/Width 物体内部的宽高 包括padding 不包括边框

    164. outerHeight/Width 物体盒子模型宽高

    165. 父级.append(子级) 在父级内的后部追加

    166. 父级.prepend(子级) 在父级内的前面追加

    167. 子级.appendTo(父级) 在父级后部追加

    168. 子级.prependTo(父级) 在父级前部追加

    169. obj1.after(obj2) 把2放在1的后面

    170. obj1.before(obj2) 把2放在1的前面

    171. bind() 事件绑定

    172. unbind() 事件解绑

    173. live() 事件委托

    174. die() 解除事件委托

    175. **以上四种不推荐 因为原理还是昂 所以推荐on

    176. obj.on() 可以事件绑定/委托

    177. each 循环

    178. $.trim() 去除首尾空格

    179. extend() 延伸

    180. height() 就是宽度

    181. innerHeight 包括padding、不包括边框

    182. outerHeight 盒子模型的

    183. offset().left -> getPos()

    184. position().left -> offsetLeft()

    185. scrollTop() -> scrollTop

    186. eve.pageX/Y 坐标

    187. maxlength 表单元素最大长度 属性

    188. $.fn.函数名=function(){} 建立jq封装函数

    189. $.fn.extend({函数名1:function(){},函数名2:function(){},…})

    190. 汉字:[0x4e00,0x9fa5](或十进制[19968,40869])

    191. 数字:[0x30,0x39](或十进制[48, 57])

    192. 小写字母:[0x61,0x7a](或十进制[97, 122])

    193. 大写字母:[0x41,0x5a](或十进制[65, 90])

    194. parent() 父级

    195. offsetParent() 定位父级

    196. parents() 所有父级 括号里面可以筛选 比如放class名字或…

    197. str/arr.slice(开始位置,结束位置) 切 从开始到结束 如果只有开始 就从开始到最后。 前包后不包

    198. prototype 原型

    199. form表单中 submit 提交 reset 重置

    200. xxx instanceOf xxx 检测一个对象属于某个类

    201. xxx.constructor==xxx 看构造函数 双等是判断 直接父级属不属于xxx 一个等号是赋值让直接父级等于xxx

    202. fn.call(this的指向,参数一,参数二,…) 改变this的指向 fn中的this=

    203. fn.apply(this的指向,[参数一,参数二,…]) 改变this的指向 fn中的this=

    204. init 初始化

    205. localStorage 本地永久存储

    206. sessionStorage 临时会话级存储

    不规范的存取

    1. localStorage.name=value 存

    2. localStorage.name 取

    3. delete localStorage.name 删除一条

    4. localStorage.clear() 删除全部

    规范的存取

    1. localStorage.setItem(name,value) 存

    2. localStorage.getItem(name) 取

    3. localStorage.removeItem(name)

    4. sessionStorage 临时存储 和localStorage一样用法

    5. include() 包含

    6. template.defaults.openTag=’’; 自定义模板开始样子

    7. template.defaults.closeTag=’’; 自定义模板结束样子

    8. template.config(‘openTag’,’’)

    9. template.config(‘closeTag’,’’)

    10. template.config(‘escape’,true/false) true不默认转译 false默认转译

    MVC

    1. m model 模型

    2. v view 视图

    3. c controller 控制器

    4. scope 范围 作用域

    5. then 然后

    6. model模型

    7. bind绑定

    8. `` 反单引号表示模板字符串 ${}包裹变量

    9. currency货币

    10. route 路由/状态

    11. filter 过滤器

    12. directive 指令

    13. service 依赖

    14. comment 注释

    15. bundle 打包

    16. transclude 嵌入

    17. params 参数

    18. provider 提供者

    19. config配置

    20. template 模板

    617.render 渲染

    1. state 状态

    2. extends 延伸 继承

    3. constructor 创建

    4. super 超类/父类

    5. component 组件

    6. component 组件

    7. props.属性

    8. 组件中 ref和正常的ID类似

    9. vue

    10. capitalize 首字母大写

    11. uppercase 变大写字母

    12. lowercase 变小写字母

    13. event.stoppropagation() 阻止冒泡

    14. event.preventDefault() 阻止默认事件 angular

    15. bootstrap css框架

    16. copy 复制/克隆

    17. equals(a,b) 比较

    18. forEach 循环

    19. fromJson 字符串json转化成json

    20. extend(obj,obj1,obj2。。。) 扩展

    21. enter 进来

    22. leave 出去

    23. route 路由/状态

    24. watch 监控

    展开全文
  • 前端常见单词

    2020-12-24 10:50:56
    表头表身表低 frameborder="0" 取消边框 screlling="no" 取消滚动条 iframe src letter-spacing:具体数值 字母间距 word-spacing:数值 单词间距 overflow:auto 溢出滚动 visibility:hidden 隐藏 charset 字符集 ...

    style 修饰

    width 宽度

    height 高度

    title 想说明的

    text-align 水平对齐方式

    center 居中 left 居左 right 居右

    line-height 垂直对齐方式/行高 当行高等于高度时候垂直居中

    background 背景

    image 引入背景图片(url)

    background-position: 背景定位(x轴,y轴;)

    background-repeat 背景平铺

    :no-repeat;不平铺 repeat-x;水平平铺 repeat-y;垂直平铺

    background:url() repeat left center #00;

    顺序:背景图片 重复 定位 颜色

    top/right/bottom/left/center 方向英文:上、右、下、左,中

    color 颜色

    font 文字

    font-family 字体

    font-size 字号

    font-weight:normal 正常 :bold 加粗

    font-style: normal;取消倾斜 :italic;斜体

    font:italic bold 24px/24px '楷体';

    顺序:是否斜体 是否粗体 字体大小/行高 字体

    文本修饰属性:

    text-decoration:

    overline 顶划线

    underline 下划线

    line-through 中划线/删除线

    none 无/取消下划线

    display 转化显示模式 元素转化

    block 块

    inline 行内

    inline-block 行内块

    省略号

    white-space:nowrap 强制不换行

    overflow:hidden 溢出隐藏

    text-overflow:ellipsis 省略号

    font-family:‘微软雅黑’ 让省略号在下面

    必须给宽度

    伪类

    a:link 设置未访问时候的颜色 点击后变成a的正常颜色

    a:visited 设置访问过后颜色

    a:hover 当鼠标放上去会变颜色

    a:active 鼠标点击变颜色

    顺序 lvha 驴哈

    auto 自动居中

    margin 外边距

    margin-top 上外边距

    margin-right 右外边距

    margin-bottom 下外边距

    margin-left 左外边距

    padding 内边距

    padding-top 上内边距

    padding-right 右内边距

    padding-bottom 下外边距

    padding-left 左外边距

    float 浮动 :left|right|none 左|右|不浮动

    cursor:pointer 小手的代码。。

    clear:left|right|both 清除浮动

    overflow:hidden 溢出隐藏

    index 首页

    base 里面写清除默认样式的

    text-indent:em 首行缩进 (LOGO名字)

    以后logo 必须用H1引背景图片 里面写上字

    position:relative|absolute|fixed 定位

    relative 相对定位

    absolute 绝对定位

    fixed 固定定位

    Left/top/right/bottom 定位的偏移量

    z-index 改变标签z轴堆叠顺序

    opacity 透明代码 1不透明(0.9 0.8.。。。。) 0透明

    filter:alpha(opacity:0-100)

    input{outline:none} 取消焦点

    post 相对安全 get 不安全

    input 表单 单标签

    type="text" 账号/文本

    type="password" 密码

    type="submit" 提交

    type="button" 只是一个点击按钮

    type="radio" 单选框 label双标签 选项内容

    type="checkbox" 复选框 label双标签 选项内容

    value="提示 如 请输入密码"

    placeholder="也是提示"

    select

    option 选项栏

    textarea 下拉框

    resize:none 禁止任意拖放

    name="user" 账号

    name="password" 密码

    table{ border-collapse:collapse;} 让border合并

    tr加

    colspan="3" 横向合并

    rowspan="3" 纵向合并

    align 左右对齐方式 middle(左)left center right

    valign 上下对齐方式 top center bottom

    cellspacing="0" 清除外面的边距

    cellpadding="0" 清楚里面的边距

    表头表身表低

    frameborder="0" 取消边框

    screlling="no" 取消滚动条

    iframe src

     

    letter-spacing:具体数值 字母间距

    word-spacing:数值 单词间距

    overflow:auto 溢出滚动

    visibility:hidden 隐藏

    charset 字符集

    utf-8 国际编码

    gb2312/gbk 中国编码

    author 作者

    copyright 版权

    keywords 关键词

    description 介绍

    js

    @media screen and (max-width:900px){}; 屏幕自适应

    媒体 屏幕 最大

    push :添加一个数组元素

    document :文档

    pop :删除最后一个数组元素

    console :控制台

    shift :删除第一个数组元素

    string :字符串

    Concat 组合数组

    undefined :未定义

    typeof :关键字

    join:数组转化为指定分隔符

    slice:返回指定数组

    length:数组长度

    Array:数组

    number:数字

    boolean:布尔

    alert:提示框

    parseInt:转化为整型数值

    continue:继续

    is NaN:非数字

    sort:升序

    break:截断 跳出

    reverse:倒序

    object:对象类型

    parseFloat:转化为浮点值

    index:索引

    floor:向下取整

    variable:变量

    ceil:向上取整

    round:四舍五入

    abs:返回绝对值

    eval:解析字符串并运算

    max:比较最大值

    return:返回

    min:比较最小值

    addEventListener:事件名 函数

    to.fixed:保留小数点

    attachEvant:(on)事件名

    random:随机数

    eletment:元素

    eventName:事件名

    function:函数

    removeEventListener:事件解除

    detachEvent:删除已注册事件

    open():弹出一个新窗口

    function:函数(方法)

    showModalDialog:弹出一个模式窗口

    close():关闭当前窗口

    Date:日期对象

    getFullYear():年份

    getMonth():月份(0--11)

    getDate():几号

    getDay():星期几(周一至周六)

    getHours():小时(0--23)

    getMinites():分钟

    getSeconds():秒数(0--59)

    getMilliseconds():毫秒数

    getTime():从1970至今的毫秒数

    Date.now():从1970至今的毫秒值

    tolocaleDatestring():输出本地化的日期

    setTimeout:延迟时间

    tolocaleTimestring():输出本地化得时间

    clearTimeout:定时器对象

    tolocalestring:输出本地化的日期和时间

    setInterval:间隔时间

    clearInterval:停止

    window.status:浏览器状态栏信息

    window.screen:屏幕信息

    screen.width:屏幕宽度

    screen.height:屏幕高度

    screen.availwidth:去掉任务栏宽度

    screen.avaiheight:去掉任务栏高度

    history:浏览历史记录

    location:地址栏对象

    navigator:用于获取用户浏览器信息

    appCodeName:浏览器代码名的字符串表示

    appName:返回浏览器的名称

    appVersion:返回浏览器的平台和版本信息

    platform:返回运行浏览器的操作系统平台

    userAgent:返回由客户机发送服务器的

    user-agent:头部的值

    Exception:异常 意外情况(try---catch)

    获取元素对象方式:

    getElementByld:

    getElementsByName:

    gatElementsByTagName:

    getElementByClassName:

    onlick 当点击的时候

    onmouseover 鼠标移入

    onmouseout 鼠标移出

    onblur:失去焦点事件

    onkeydown:键盘按下事件(前)

    onkeypress:键盘按下事件(后)

    onload:当页面加载完成之后触发

    onchange;内容改变事件

    onkeydown;键盘按下事件(前)

    onkeyup;键盘松开事件

    onkeypress;键盘按下事件(后)

    onmouseout:鼠标移出事件

    onmouseover:鼠标移入事件

    onselect:内容被选中事件

    ondblclick:鼠标双击事件

    onfocus:获得焦点事件

    onkeyup:键盘松开事件

    复选框操作 checked=" "

    checked 默认选中

    false 不选中

    true 选中

    typeof 查看数据类型

    object 对象

    number 数字

    string 字符串

    function 函数

    boolean 布尔值 true false

    undefined 未定义

    parseInt 整数

    parseFloat 浮点数/小数

    Number 数字

    hide 隐藏

    show 显示

    skin 皮肤

    code 代码

    even 事件

    array 数组

    integer 整数

    veruant 变量

    common 公用

    switch

    case 情况

    break 中断整个循环

    continue 跳出本次循环

    default 不履行/所有情况都不满足的时候走这个

    null 没有/空对象

    computed 计算后/生效的

    eval(JS可以读懂的代码:如‘1+1’->字符串) 这个代码会把()里面的字符串换成计算机读懂的代码来计算 + - * % 都行 (计算用的)

    return 返回

    write 输入

    find 查找

    interval 间隔

    setInterval(函数名,1000/) 间隔定时器

    clearInterval 清除间隔定时器

    Timeout 超时

    setTimeout 延迟定时器

    clearTimeout 清除延迟定时器

    obj.disabled 让按钮/变成不可使用

    true 不可用

    false 可用

    date 时间

    get 获取

    set 设置

    Fullyear 满年

    month 月 (从0月开始)

    day 日 获取需要 date

    week 星期 获取需要day (从0到6)

    hours 小时

    minutes 分钟

    seconds 秒

    single 一个/一倍

    dubble 两个/两倍

    triple 三个/三倍

    arguments 函数传参-实参的集合

    arguments.length 函数传参-实参的长度

    arr.push() 向数组最后添加一项

    arr.unshift() 向数组前面添加一项

    arr.pop()删除数组最后一位.

    arr.shift() 删除数组第一位

    arr.splice(开始的位置,删除的个数,添加的东西1。。。)

    arr.join('') 变字符串 是中间的隔开东西 如- ,空格 等等。。。

    arr.concat(arr1,arr2,arr..要拼接的数组...); 数组拼接/合并数组

    arr.reverse() 反转/颠倒数组

    arr.sort() 数组排序 按照字符串比大小的方法来排序

    arr.sort(function(a1,a2){ return a1-a2 //从小到大 return a2-a1 //从大到小 }) a1 a2随便起 代表的是数组中随机的某两项

    str.charAt() 字符串里面的下标

    str.indexOf(‘’) 下字符串对应的下标数(相同的就取第一个)

    str.lastIndexOf(‘’)下字符串对应的下标数(相同的就取最后一个)

    str.substring (开始位置,结束位置)/(开始位置-不写结束位置默认就从开始位置到最后) 截取子串

    str.toUpperCase() 大写字母

    str.toLowerCase() 小写字母

    str.split(切割的方式 '-' '' '空格'等) 切割变成数组

    str.charCodeAt('a') 输入字符查找对应的编码

    String.fromCharCode(编码) 输入编码查找对应的字符

    json.name=value; 添加

    delete json.name 删除

    token 括号

    try catch(e) 异常

    math.random() 求随机数

    parseInt(math.random()(m-n)+n) 求n-m之间随机的整数, 前包括后不包括

    math.abs() 求绝对值

    math.max(,,,) 求最大值

    math.min(,,,) 求最小值

    math.pow(n,m) 求n的m次方

    math.sqrt(a) 开方

    math.PI π

    math.ceil(12.3) 向上取整 13

    math.floor(12.3) 向下取整 12

    math.round(a) 四舍五入

    !important Css样式值后面加这个 权重最大

    navigator.userAgent UA 例子判断浏览器的类型

    navigator.language 语言

    navigator.platform 操作系统

    Sibling 兄弟

    next 下一个

    previous 上一个

    获取元素/节点:

    (父级) obj.children 找:儿子/子级 子节点

    (子级) obj.parentNode 找:父亲/父级 父节点

    (同级) obj.nextElementSibling || obj.nextSibling 下一个同级/节点 (同级) obj.previousElementSibling || obj.prenviousSibling 上一个同级/节点

    (父级) obj.firstElementChild ||obj.firstChild 首节点

    (父级) obj.lastElementChild || obj.lastChild 尾节点

    创建元素:

    document.createElement_x('标签名') 创建元素

    添加插入

    (父级) obj.appendChild(谁) 往元素里面最后添加一个

    带剪切效果

    (父级) obj.insertBefore(把谁,加在谁的前面) 往元素里面添加一个

    带剪切效果

    删除元素:

    (父级) obj.removeChild(子级) 删除子级

    window.open() 打开

    window.close() 关闭

    a标签:target=""

    不填 默认新页面打开

    _blank 新页面打开

    _self 本页面打开

    window.location 地址栏信息

    window.location.href 链接信息

    window.location.search 数据信息

    window.location.hash 锚点信息

    *了解就行 面试背住

    window.location.procotol 协议信息

    window.location.hostname 域名信息

    window.location.port 端口号信息

    window.location.pathname 路径信息

    back 返回

    forward 向前

    history 历史

    window.history.back 返回历史记录 退

    window.history.forward 返回历史记录 前

    alert() 弹

    confirm 询问提示框

    prompt 问答提示框

    console.log() 在F12中显示;

    document.write(*) 在页面中输入

    scroll 滚动 有兼容问题

    client 客户端/可视区

    offsetHeight/Width 物体盒子模型的宽高

    offsetTop/Bottom/方向 物体距上/下/左/右的距离

    offsetparent 定位父级

    window.onScroll 当滚动的时候 滚动事件

    window.onresize 当缩放的时候 缩放事件

    onfocus 当获取焦点的时候

    onblur 当失去焦点的时候

    obj.getAttribute('属性名') 获取属性名对应的属性值

    obj.setAttribute('属性名','属性值') 设置属性

    obj.removeAttribute('属性名') 删除属性

    event 事件

    onmousemove 鼠标移动事件

    onload 当图片加载完成时

    onerror 当图片加载失败时

    cancelBubble 取消冒泡

    onkeydown 当按键按下的时候

    onkeyup 当按键抬起的时候

    oEvent.keycode 键盘编码

    oncontextmenu 当按右键的时候

    return false 阻止浏览器右键菜单

    cache 缓存

    onmousedown 鼠标按下时

    onmouseup 鼠标抬起时

    onmousemove 鼠标移动事件

    obj.setCapture() 开始捕获

    obj.releaseCapture() 取消捕获

    obj.cloneNode() 克隆复制一个节点

    document/obj.addEventListener('不加on的事件名',函数名,false) 添加事件绑定 兼容高级

    document/obj.attachEvent('加on的事件名',函数名) 添加事件绑定 兼容IE系列

    document/obj.removeEventListener('不加on的事件名',函数名,false) 解除事件绑定

    document/obj.detachEvent('加on的事件名',函数名) 解除事件绑定

    onmouseenter 鼠标移入

    onmouseleave 鼠标移出

    onmousewheel 鼠标滚轮事件

    DOMMouseScroll 鼠标滚动事件

    oEvent.wheelDelta 非火狐 测试鼠标滚轮向上向下弹得数字

    oEvent.detail 火狐 测试鼠标滚轮向上向下弹得数字

    return false 阻止浏览器默认事件 但是在事件绑定中失效

    oEvent.preventDefoult 在事件绑定中用 阻止浏览器默认事件(如果单独用只兼容高级浏览器)

    oninput 当输入的时候 iE9- 没有此方法

    onpropertychange 当属性改变的时候 IE系列

    oEvent.srcElement 事件源 非火狐

    oEvent.target 事件源 高级浏览器

    duration 期间

    start 开始

    count 次数

    complete 完成

    var bFlag=false/ture 开关 自定义

    easing 速度类型:

    linear 匀速

    ease-in 加速

    ease-out 减速

    window.onload 页面加载完毕后执行(代码、资源)

    DOMReady 页面加载完毕后执行(代码)

    DOMContentLoaded DOM加载事件

    obj.onreadystatechange 监控事件(模拟DOM加载事件)

    readyState 加载状态

    document/obj.readyState 加载状态

    ondbclick 鼠标双击

    queryselector 新的获取元素方法

    window.location.reload 重新加载

    cookie

    expires 期限

    session 一个会话(浏览器打开和关闭)

    path 路径

    define 定义

    require 引用其他模块

    exports 导出模块

    module 批量导出模块,

    data-main 主要数据/初始化接口

    success 成功

    error 失败

    Request 请求

    ActiveX 浏览器插件

    XMLHttpRequest() ajax 创建/ 不兼容ie6-

    ActiveXObject('Microsoft.XMLHTTP') 创建/(插件) ie系列

    oAjax.open()打开

    oAjax.setRequestHeader('content-type', 'application/x-www-form-urlencoded');

    oAjax.send() 发送

    onreadystatechange 接收/当通信状态变化

    oAjax.abort() 使中止

    oAjax.readyState 是否完成/加载状态

    oAjax.status 是否成功

    response 回答/响应

    oAjax.responseText 返回结果

    JSON.parse() 可以把字符串json变成json 不过json要正规些 双引号

    JSON.stringify() json打印出来的方法

    encode 编码

    decode 解码

    Component 组件/元件

    encodeURIComponent('中文') 中文转化成编码

    decodeURIComponent('编码') 编码转化成中文

    str.replace 替换

    new RegExp() 正则表达式

    str.search() 跟indexOf一样 在正则用

    str.match 匹配

    正则.test(你要校验的str) true 正确满足 false 不满足 用这个的时候一定配合行首和行尾

    转译

    \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 移入

    fadeIn 淡入

    fadeOut 淡出

    animate 运动函数(move)

    slideDown 滑动从上往下出来

    slideUp 滑动从下往上隐藏

    eq(下标) 标签获取的下标

    li>a li下面的第一级a

    伪类选择器:

    li:last li最后一个

    li:first li第一个

    li:eq(2) 第三个li

    obj:even 偶数

    obj:odd 奇数

    obj:has("p/标签名") 里面包含‘p’这个标签的就会选取

    obj:contains("p/内容") 内容有得‘p’ 就都会选取

    event/自己起行参名字.pageX X轴坐标

    event/自己起行参名字.pageY Y轴坐标

    offset().top 物体绝对的位置 ->getPos()函数

    offset().left 物体绝对的位置

    position().top 物体距定位父级距离 ->offsetTop

    position().left 物体距定位父级距离

    document.scrollTop 和原生一样

    document.scrollLeft 和原生一样

    .width/.height 物体本身的宽高

    innerHeight/Width 物体内部的宽高 包括padding 不包括边框

    outerHeight/Width 物体盒子模型宽高

    父级.append(子级) 在父级内的后部追加

    父级.prepend(子级) 在父级内的前面追加

    子级.appendTo(父级) 在父级后部追加

    子级.prependTo(父级) 在父级前部追加

    obj1.after(obj2) 把2放在1的后面

    obj1.before(obj2) 把2放在1的前面

    bind() 事件绑定

    unbind() 事件解绑

    live() 事件委托

    die() 解除事件委托

    **以上四种不推荐 因为原理还是昂 所以推荐on

    obj.on() 可以事件绑定/委托

    each 循环

    $.trim() 去除首尾空格

    extend() 延伸

    height() 就是宽度

    innerHeight 包括padding、不包括边框

    outerHeight 盒子模型的

    offset().left -> getPos()

    position().left -> offsetLeft()

    scrollTop() -> scrollTop

    eve.pageX/Y 坐标

    maxlength 表单元素最大长度 属性

    $.fn.函数名=function(){} 建立jq封装函数

    $.fn.extend({函数名1:function(){},函数名2:function(){},...})

    汉字:[0x4e00,0x9fa5](或十进制[19968,40869])

    数字:[0x30,0x39](或十进制[48, 57])

    小写字母:[0x61,0x7a](或十进制[97, 122])

    大写字母:[0x41,0x5a](或十进制[65, 90])

    parent() 父级

    offsetParent() 定位父级

    parents() 所有父级 括号里面可以筛选 比如放class名字或...

    str/arr.slice(开始位置,结束位置) 切 从开始到结束 如果只有开始 就从开始到最后。 前包后不包

    prototype 原型

    form表单中 submit 提交 reset 重置

    xxx instanceOf xxx 检测一个对象属于某个类

    xxx.constructor==xxx 看构造函数 双等是判断 直接父级属不属于xxx 一个等号是赋值让直接父级等于xxx

    fn.call(this的指向,参数一,参数二,....) 改变this的指向 fn中的this=

    fn.apply(this的指向,[参数一,参数二,....]) 改变this的指向 fn中的this=

    init 开始

    localStorage 本地存储

    一般的规范

    localStorage.name=value 存

    localStorage.name 取

    delete localStorage.name 删除一条

    localStorage.clear() 删除全部

    规范的存取

    localStorage.setItem(name,value)

    localStorage.getItem(name)

    localStorage.removeItem(name)

    sessionStorage 临时存储 和localStorage一样用法

    include() 包含

    template.defaults.openTag=''; 自定义模板开始样子

    template.defaults.closeTag=''; 自定义模板结束样子

    template.config('openTag','')

    template.config('closeTag','')

    template.config('escape',true/false) true不默认转译 false默认转译

    m model 模型

    v view 视图

    c controller 控制器

    scope 范围 作用域

    then 然后

    model模型

    bind绑定

    ng-app=""; 引用其他模块

    ng-model="" 数据从哪来

    ng-bind="" 或 model 或 {{xxx}} 数据到哪去

    ng-init 初始化

    ng-repeat 循环

    angular.module('名字',[依赖模块).controller('名字',function(依赖项){})

    $scope

    $http

    $interval

    $timeout

    ` 反单引号 包住字符串 拼接是这样 ${}

    |currency:"" 货币

    date:"" 时间戳转化处理

    route 路由/状态

    filter 过滤器

    directive 指令

    restrict 类型 E:'element' C:'class' M:'comment' A:'attribute'

    service 依赖

    oDate.toString() 获取正常时间

    creator.ionic.io 做手机端的框架网站不错

    ng-show true false 显示 隐藏

    ng-hide true false 隐藏 显示

    ng-clack

    comment 注释

    bundle 打包

    transclude 嵌入

    params 参数

    provider 提供者

    .config() 配置

    $scope.$watch(数据,fn)

    template 模板

    templateUrl:'模板地址' 模板

    $ bower install * 下载东西用的

    ReactDOM.render(什么东西,渲染到哪)

    type='text/babel'

    state 状态

    extends 延伸 继承

    constructor 创建

    super 超类/父类

    component 组件

    React.Component

    this.props.属性

    组件中 ref和正常的ID类似

    vue

    el:'id'

    data:{}

    $index

    capitalize 首字母大写

    uppercase 变大写字母

    lowercase 变小写字母

    ev.stoppropagation() 阻止冒泡

    ev.preventDefault() 阻止默认事件 angular

    angular.bind(this的指向,要改变指向的函数名,参数)

    bootstrap 开启应用模式

    copy(复制谁,复制到哪里) 复制/克隆

    equals(a,b) 比较

    forEach 循环

    fromJson 字符串json转化成json

    extend(obj,obj1,obj2。。。) 扩展

    标签里面属性 transition="名字" 过渡 动画

    .名字-

    transition 过渡

    transition:时间 让谁变/all ease;

    enter 进来

    leave 出去

    route 路由/状态

    watch 监控

    props 存东西 可在替换模板身上用

    Router-view 状态视图

    v-link="{path:名字

    animation:8s test/名字 linear infinite/数值/次数;

    background-size 背景尺寸

    contain 以最合适的状态展示 可能会留白

    cover 尽可能填满

    nth-child(下标 注意:从1开始) 注意:项目不用这个。禁用

    nth-of-type(下标 注意:从1开始) 注意:项目不用这个。禁用

    background-origin: 背景从哪里开始

    content-box

    border-box

    padding-box

    background-clip: 背景从哪里开切

    content-box

    border-box

    padding-box

    text 注意:这个background-clip前面要加上webkit-

    展开全文
  • UMD:Universal Module Definition,就是一种javascript规范,让你打包好的代码能在各个环境中使用 IIFE(立即调用函数表达式): (function () { statements })();
    • UMD:Universal Module Definition,就是一种javascript规范,让你打包好的代码能在各个环境中使用

    • IIFE(立即调用函数表达式):

      (function () {
          statements
      })();
      
    • CND : Content Delivery Network(内容分发网络),CDN是构建在现有网络基础之上的智能虚拟网络,依靠部署在各地的边缘服务器,通过中心平台的负载均衡、内容分发、调度等功能模块,使用户就近获取所需内容,降低网络拥塞,提高用户访问响应速度和命中率。CDN的关键技术主要有内容存储和分发技术。

    • JSX是一种JavaScript的语法扩展,运用于React架构中,其格式比较像是模版语言,但事实上完全是在JavaScript内部实现的。

    • XSS:跨站脚本攻击,攻击者可能得到包括但不限于更高的权限(如执行一些操作)、私密网页内容、会话和cookie等各种内容。

    • UGC是“User Generated Content(用户原创内容)”的缩写。在一些组织中也将其称作 UCC( User created Content) 。UGC的概念最早起源于互联网领域,即用户将自己原创的内容通过互联网平台进行展示或者提供给其他用户。

    • GSAP(GreenSock):最健全的web动画库之一

    • SVG 可缩放矢量图形(Scalable Vector Graphics,SVG),是一种用于描述二维的矢量图形,基于 XML 的标记语言。

    展开全文
  • 前端单词额外补充 单词 语义 duplicate 复制 reverse 翻转 separator 分隔符 td:table data 表格数据 align 对齐方式 regular expression 正则表达式 palindrome /ˈpælɪndrəʊm/ 回文 ...
  • 如何处理长的单词和链接(强制换行,连接符,省略号等)我们在前端开发中经常会遇到一些很长的文本串从它的容器中溢出,例如: 通过这样一段css可以有效解决这种问题:.dont-break-out {/* 这两个在技术上是一样的, 为了...
  • 效果:这样我们的设定的width就无效了,原因是因为:浏览器在解析我们页面的时候,给这一串1当成一个单词了,这样就不会自动切断字符串而进行换行。解决方案:效果:word-wrap:break-word; 和word-break:break-all ...
  • style 修饰 width 宽度 height 高度 title 想说明的 text-align 水平对齐方式 center 居中 left 居左 right 居右 line-height 垂直对齐方式/行高 当行高等于高度时候垂直居中 background 背景 image 引入背景图片...
  • 前端学习壁纸图

    2021-04-12 16:04:50
  • 动词 bind 绑定 resolve 解析,处理 parse 解析 handle 处理 process 处理 display 展示 merge 合并 call 调用 run 调用 refresh 刷新 load 载入,加载,装载 init 初始化 ... disp...
  • (英文句号)进行标识,后面紧跟类名(自己定义) 类名不要使用纯数字、中文等命名,尽量使用英文字母 命名有意义(代码可读性),《Web前端开发规范手册》 <style> /* 类选择器口诀:样式点定义 结构类(class)调用 一...
  • 使用lombok,前两个字母大写,后端返回给前端变小写的问题
  • 当然了我们是牛x的前端工程师,每天像背英语单词一样去背知识点就没必要了,只要平时工作中多注意总结,面试前端刷下题目就可以了。 什么?你问面试题资料在哪里,这不是就在你眼前吗(滑稽 要因为基础错过了自己...
  • biaoleti优质答主07-28TA获得超过4195个赞这个分两种情况:1孩子压根儿没兴趣,不想背单词2孩子想背,但是效率低,信心挫败了前者要解决有些困难,后者就是方法问题。培养兴趣:1听英文歌曲,让孩子在好听的英文歌中...
  • 前端HTML入门学习单词

    2021-08-19 20:02:24
    单词 含议 1 create 创建 2 desktop 桌面 3 installing 安装 4 default 默认,缺省 5 preferences 选项 6 hyper 超级的 7 text 文本 8 markup ...
  • Java和前端的代码单词汇总 01 --A– 序号 英语 音标 汉语释义 1 abstract [ æbˈstrækt ] adj.抽象类 2 activation [ ˌæktəˈveɪʃən ] 计.启动 3 active [ ˈæktɪv ] 计.有效;主动 4 add [ ...
  • 前端高频英语单词

    2021-03-19 20:00:56
    nodeJS 获取前端高频词 最近在看英文文献,无奈各种生词比较多,每次看一段就需要不断查词典,很烦人。 所以,我想把出现的高频生词用 nodeJS 找出来,统一查好,这样阅读就更快了。 废话不多说,直接上代码 1、准备...
  • 学习编程,常用的单词就那么多,只要把常见的单词学会,你的代码也能写的很好。 前端程序员必会的常用英语词汇 大家学起来吧~ A align 对齐 active 激活 absolute 绝对 alpha 图像通道 animate 动画 ...
  • 前端之常用单词汇总

    2020-12-19 18:10:28
    原标题:前端之常用单词汇总是新朋友吗?记得先点 蓝字关注我哦~今日课程菜单Java全栈开发 | Web前端+H5大数据开发 | 数据分析人工智能+Python | 人工智能+物联网来源:小职(z_zhizuobiao)找我:✅ 解锁高薪工作 ✅...
  • 其实学习编程,常用的单词就那么多,只要把常见的单词学会,你的代码也能写的很好。 接下来,小千分享这篇前端程序员常用英语词汇表,大家学起来吧~ A align 对齐 active 激活 absolute 绝对 alpha 图像通道 animate...
  • 前端常见英文词汇

    2021-10-12 10:02:19
    1.variable: 变量 var简写 2.constant: 常量 const简写 3.assess: 使用 复现场景: log(obj) //TypeError: cannot assess 'obj' before initialization const obj = {} 4.assignment to: 分配给 赋值给 ...
  • A align 对齐 active 激活 absolute 绝对 alpha 图像通道 animate 动画 animation 动画片 alert 提醒 add 加 append 添加 after 之后 B back 超过范围的三次方缓动 bounce 指数衰减的... before 在...... b
  • Trie树的本质就是将单词之间的公共前缀合并起来,这也就会造成单词ban和banana公用同一条路径,所以需要在单词的结尾处给一个标识符,表示该字符为一个单词的结束。所以当输入关键词ba后,只需要遍历后面的节点就...
  • asp rs开启关闭问题使用rs.close关闭后,可以直接用rs.open来打开数据表:如果用了set rs = nothing 从内存中清除rs对象,再次加载rs对象就需要使用set rs=server.createob ...基于springmvc和restClient的rest服务的...
  • 今天,我们将进入到英语单词记忆方法的学习,很多人提到背单词记不住感叹背单词难,难于上青天。单词你背或不背,他都在那里等着虐你,我读大学时特别头疼,背单词,英语课听写单词就是噩梦,考六级时,我干脆裸考,...
  • 第一种方法 function findLongestWordLength(str) { let word = str.split(" "); let maxlength = 0; for(let i = 0; i < word.length; i++){ if(word[i].length>... maxlength = word[i].length;...
  • 前端页面中遇到英文断词怎么办 其实用一个css属性就可以解决, word-break: break-word; 完美解决。
  • JS单词push :添加一个数组元素document :文档pop :删除最后一个数组元素console :控制台shift :删除第一个数组元素string :字符串Concat 组合数组undefined :未定义typeof :关键字join:数组转化为指定分隔符...
  • img 是单词 image 的缩写,意为图像。src 是标签的必须属性,它用于指定图像文件的路径和文件名。 代码示例: 标签必需的属性: alt:规定图像的替代文本。 src:规定显示图像的 URL。 url可以使用绝对路径或者相对...
  • // 确保字符串的每个单词首字母都大写,其余部分小写 function toUpperCase(str) { // 将字符串以空格分割成数组 let arr = str.split(' ') // 对数组内容进行处理 arr = arr.map(item => item[0].t

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 44,024
精华内容 17,609
关键字:

前端单词