2023年6月21日发(作者：)

Web前端单词⼤全（html+css+js+vue）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 清除浮动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="也是提⽰"selectoption 选项栏textarea 下拉框resize：none 禁⽌任意拖放name="user" 账号name="password" 密码table{ border-collapse:collapse;} 让border合并tr加colspan="3" 横向合并rowspan="3" 纵向合并align 左右对齐⽅式 middle（左）left center rightvalign 上下对齐⽅式 top center bottomcellspacing="0" 清除外⾯的边距cellpadding="0" 清楚⾥⾯的边距
表头
表⾝
表低
frameborder="0" 取消边框screlling="no" 取消滚动条iframe srcletter-spacing：具体数值 字母间距word-spacing：数值 单词间距overflow：auto 溢出滚动visibility：hidden 隐藏charset 字符集utf-8 国际编码gb2312/gbk 中国编码author 作者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：事件名 函数：保留⼩数点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（）：毫秒数getMilliseconds（）：毫秒数getTime（）：从1970⾄今的毫秒数（）：从1970⾄今的毫秒值tolocaleDatestring（）：输出本地化的⽇期setTimeout：延迟时间tolocaleTimestring（）：输出本地化得时间clearTimeout：定时器对象tolocalestring：输出本地化的⽇期和时间setInterval：间隔时间clearInterval：停⽌：浏览器状态栏信息：屏幕信息：屏幕宽度：屏幕⾼度idth：去掉任务栏宽度ight：去掉任务栏⾼度history：浏览历史记录location：地址栏对象navigator：⽤于获取⽤户浏览器信息appCodeName：浏览器代码名的字符串表⽰appName：返回浏览器的名称appVersion：返回浏览器的平台和版本信息platform：返回运⾏浏览器的操作系统平台userAgent：返回由客户机发送服务器的user-agent：头部的值Exception：异常 意外情况（try---catch）获取元素对象⽅式:getElementByld：getElementsByName：gatElementsByTagName：getElementByClassName：onclick 当点击的时候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 falseundefined 未定义parseInt 整数parseFloat 浮点数/⼩数Number 数字hide 隐藏show 显⽰skin ⽪肤code 代码even 事件array 数组integer 整数veruant 变量common 公⽤switchcase 情况break 中断整个循环continue 跳出本次循环default 不履⾏/所有情况都不满⾜的时候⾛这个null 没有/空对象computed 计算后/⽣效的eval（JS可以读懂的代码：如‘1+1’->字符串） 这个代码会把（）⾥⾯的字符串换成计算机读懂的代码来计算 + - * % 都⾏ （计算⽤的）return 返回write 输⼊find 查找interval 间隔setInterval（函数名，1000/） 间隔定时器clearInterval 清除间隔定时器Timeout 超时setTimeout 延迟定时器clearTimeout 清除延迟定时器ed 让按钮/变成不可使⽤true 不可⽤false 可⽤date 时间get 获取set 设置Fullyear 满年month ⽉ （从0⽉开始）day ⽇ 获取需要 dateweek 星期 获取需要day （从0到6）hours ⼩时minutes 分钟seconds 秒single ⼀个/⼀倍dubble 两个/两倍triple 三个/三倍arguments 函数传参-实参的集合 函数传参-实参的长度（） 向数组最后添加⼀项t() 向数组前⾯添加⼀项（）删除数组最后⼀位.（） 删除数组第⼀位(开始的位置，删除的个数，添加的东西1。。。)('') 变字符串 是中间的隔开东西 如- ，空格 等等。。。(arr1,arr2,arr..要拼接的数组...); 数组拼接/合并数组e() 反转/颠倒数组() 数组排序 按照字符串⽐⼤⼩的⽅法来排序(function(a1,a2){ return a1-a2 //从⼩到⼤ return a2-a1 //从⼤到⼩ }) a1 a2随便起 代表的是数组中随机的某两项() 字符串⾥⾯的下标f(‘’) 下字符串对应的下标数（相同的就取第⼀个）dexOf（‘’）下字符串对应的下标数（相同的就取最后⼀个）ing (开始位置，结束位置)/（开始位置-不写结束位置默认就从开始位置到最后） 截取⼦串rCase() ⼤写字母rCase() ⼩写字母(切割的⽅式 '-' '' '空格'等) 切割变成数组deAt('a') 输⼊字符查找对应的编码arCode(编码) 输⼊编码查找对应的字符=value; 添加delete 删除token 括号try{} catch(e) 异常parseInt（()（m-n）+n） 求n-m之间随机的整数， 前包括后不包括() 求随机数() 求绝对值(，，，) 求最⼤值(，，，) 求最⼩值(n,m) 求n的m次⽅(a) 开⽅ π(12.3) 向上取整 (12.3) 向下取整 (a) 四舍五⼊!important Css样式值后⾯加这个 权重最⼤ent UA 例⼦判断浏览器的类型ge 语⾔rm 操作系统Sibling 兄弟next 下⼀个previous 上⼀个获取元素/节点：(⽗级) en 找：⼉⼦/⼦级 ⼦节点(⼦级) Node 找：⽗亲/⽗级 ⽗节点(同级) ementSibling || bling 下⼀个同级/节点 (同级) usElementSibling || ousSibling 上⼀个同级/节点(⽗级) lementChild ||hild ⾸节点(⽗级) ementChild || ild 尾节点创建元素：Element_x('标签名') 创建元素添加插⼊(⽗级) Child(谁) 往元素⾥⾯最后添加⼀个带剪切效果(⽗级) Before(把谁，加在谁的前⾯) 往元素⾥⾯添加⼀个带剪切效果删除元素：(⽗级) Child(⼦级) 删除⼦级() 打开() 关闭a标签：target=""不填 默认新页⾯打开_blank 新页⾯打开_self 本页⾯打开on 地址栏信息 链接信息 数据信息 锚点信息*了解就⾏ ⾯试背住ol 协议信息me 域名信息 端⼝号信息me 路径信息back 返回forward 向前history 历史 返回历史记录 退d 返回历史记录 前alert（） 弹confirm 询问提⽰框prompt 问答提⽰框（） 在F12中显⽰;（*） 在页⾯中输⼊scroll 滚动 有兼容问题client 客户端/可视区offsetHeight/Width 物体盒⼦模型的宽⾼offsetTop/Bottom/⽅向 物体距上/下/左/右的距离offsetparent 定位⽗级ll 当滚动的时候 滚动事件ze 当缩放的时候 缩放事件onfocus 当获取焦点的时候onblur 当失去焦点的时候ribute('属性名') 获取属性名对应的属性值ribute('属性名','属性值') 设置属性Attribute('属性名') 删除属性event 事件onmousemove ⿏标移动事件onload 当图⽚加载完成时onerror 当图⽚加载失败时cancelBubble 取消冒泡onkeydown 当按键按下的时候onkeyup 当按键抬起的时候e 键盘编码oncontextmenu 当按右键的时候return false 阻⽌浏览器右键菜单cache 缓存onmousedown ⿏标按下时onmouseup ⿏标抬起时onmousemove ⿏标移动事件ture() 开始捕获eCapture() 取消捕获ode() 克隆复制⼀个节点document/ntListener（'不加on的事件名',函数名,false） 添加事件绑定 兼容⾼级document/Event（'加on的事件名',函数名） 添加事件绑定 兼容IE系列document/EventListener（'不加on的事件名',函数名,false） 解除事件绑定document/Event（'加on的事件名',函数名） 解除事件绑定onmouseenter ⿏标移⼊onmouseleave ⿏标移出onmousewheel ⿏标滚轮事件DOMMouseScroll ⿏标滚动事件elta ⾮⽕狐 测试⿏标滚轮向上向下弹得数字 ⽕狐 测试⿏标滚轮向上向下弹得数字return false 阻⽌浏览器默认事件 但是在事件绑定中失效tDefoult 在事件绑定中⽤ 阻⽌浏览器默认事件（如果单独⽤只兼容⾼级浏览器）oninput 当输⼊的时候 iE9- 没有此⽅法onpropertychange 当属性改变的时候 IE系列ment 事件源 ⾮⽕狐 事件源 ⾼级浏览器duration 期间start 开始count 次数complete 完成var bFlag=false/ture 开关 ⾃定义easing 速度类型：linear 匀速ease-in 加速ease-out 减速 页⾯加载完毕后执⾏（代码、资源）DOMReady 页⾯加载完毕后执⾏（代码）DOMContentLoaded DOM加载事件ystatechange 监控事件（模拟DOM加载事件）readyState 加载状态document/tate 加载状态ondbclick ⿏标双击queryselector 新的获取元素⽅法 重新加载cookieexpires 期限session ⼀个会话（浏览器打开和关闭）path 路径define 定义require 引⽤其他模块exports 导出模块module 批量导出模块，data-main 主要数据/初始化接⼝success 成功error 失败Request 请求ActiveX 浏览器插件XMLHttpRequest（） ajax 创建/ 不兼容ie6-ActiveXObject（'P'） 创建/(插件) ie系列()打开uestHeader('content-type', 'application/x-www-form-urlencoded');() 发送onreadystatechange 接收/当通信状态变化() 使中⽌tate 是否完成/加载状态 是否成功response 回答/响应seText 返回结果() 可以把字符串json变成json 不过json要正规些 双引号ify() json打印出来的⽅法encode 编码decode 解码Component 组件/元件encodeURIComponent('中⽂') 中⽂转化成编码decodeURIComponent('编码') 编码转化成中⽂e 替换new RegExp() 正则表达式() 跟indexOf⼀样 在正则⽤ 匹配正则.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 多⾏模式^ ⾏⾸ 如果在⽅括号⾥⾯是除了$ ⾏尾*jqhide 隐藏show 显⽰toggle 点击hover 移⼊fadeIn 淡⼊fadeOut 淡出animate 运动函数（move）slideDown 滑动从上往下出来slideUp 滑动从下往上隐藏eq(下标) 标签获取的下标li>a li下⾯的第⼀级a伪类选择器:li:last li最后⼀个li:first li第⼀个li:eq(2) 第三个liobj：even 偶数obj：odd 奇数obj：has("p/标签名") ⾥⾯包含‘p’这个标签的就会选取obj：contains("p/内容") 内容有得‘p’ 就都会选取event/⾃⼰起⾏参名字.pageX X轴坐标event/⾃⼰起⾏参名字.pageY Y轴坐标offset().top 物体绝对的位置 ->getPos()函数offset().left 物体绝对的位置position().top 物体距定位⽗级距离 ->offsetTopposition().left 物体距定位⽗级距离Top 和原⽣⼀样Left 和原⽣⼀样.width/.height 物体本⾝的宽⾼innerHeight/Width 物体内部的宽⾼ 包括padding 不包括边框outerHeight/Width 物体盒⼦模型宽⾼⽗级.append(⼦级) 在⽗级内的后部追加⽗级.prepend(⼦级) 在⽗级内的前⾯追加⼦级.appendTo(⽗级) 在⽗级后部追加⼦级.prependTo(⽗级) 在⽗级前部追加(obj2) 把2放在1的后⾯(obj2) 把2放在1的前⾯bind() 事件绑定unbind() 事件解绑live() 事件委托die() 解除事件委托**以上四种不推荐 因为原理还是昂 所以推荐（） 可以事件绑定/委托each 循环$.trim() 去除⾸尾空格extend() 延伸height() 就是宽度innerHeight 包括padding、不包括边框outerHeight 盒⼦模型的offset().left -> getPos()position().left -> offsetLeft()scrollTop() -> /Y 坐标maxlength 表单元素最⼤长度 属性$.fn.函数名=function(){} 建⽴jq封装函数$.fn.函数名=function(){} 建⽴jq封装函数$.({函数名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/（开始位置，结束位置） 切 从开始到结束 如果只有开始 就从开始到最后。 前包后不包prototype 原型form表单中 submit 提交 reset 重置xxx instanceOf xxx 检测⼀个对象属于某个类uctor==xxx 看构造函数 双等是判断 直接⽗级属不属于xxx ⼀个等号是赋值让直接⽗级等于(this的指向，参数⼀，参数⼆，....) 改变this的指向 fn中的this=(this的指向，[参数⼀，参数⼆，....]) 改变this的指向 fn中的this=init 开始localStorage 本地存储⼀般的规范=value 存 取delete 删除⼀条() 删除全部规范的存取m(name,value)m(name)Item(name)sessionStorage 临时存储 和localStorage⼀样⽤法include() 包含g=''; ⾃定义模板开始样⼦ag=''; ⾃定义模板结束样⼦('openTag','')('closeTag','')('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 循环('名字',[依赖模块]).controller('名字',function(依赖项){})$scope$http$interval$timeout`变量` 反引号包裹变量 ${} ES6模板字符串|currency:"" 货币date:"" 时间戳转化处理route 路由/状态filter 过滤器directive 指令restrict 类型 E:'element' C:'class' M:'comment' A:'attribute'service 依赖ng() 获取正常时间 做⼿机端的框架⽹站不错 做⼿机端的框架⽹站不错ng-show true false 显⽰ 隐藏ng-hide true false 隐藏 显⽰ng-clockcomment 注释bundle 打包transclude 嵌⼊params 参数provider 提供者.config() 配置$scope.$watch(数据，fn)(this的指向，要改变指向的函数名，参数)template 模板templateUrl:'模板地址' 模板$ bower install * bower⼯具安装组件(什么东西，渲染到哪)type='text/babel'state 状态extends 延伸 继承constructor 创建super 超类/⽗类component 组件.属性组件中 ref和正常的ID类似vueel：'id'data:{}$indexcapitalize ⾸字母⼤写uppercase 变⼤写字母lowercase 变⼩写字母opagation() 阻⽌冒泡tDefault() 阻⽌默认事件 angularbootstrap 开启应⽤模式copy(复制谁,复制到哪⾥) 复制/克隆equals(a,b) ⽐较forEach 循环fromJson 字符串json转化成jsonextend（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-boxborder-box //盒模型padding-boxbackground-clip： 背景从哪⾥开切content-boxcontent-boxborder-boxpadding-boxtext 注意：这个background-clip前⾯要加上webkit-

2023年6月21日发(作者：)

Web前端单词⼤全（html+css+js+vue）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 清除浮动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="也是提⽰"selectoption 选项栏textarea 下拉框resize：none 禁⽌任意拖放name="user" 账号name="password" 密码table{ border-collapse:collapse;} 让border合并tr加colspan="3" 横向合并rowspan="3" 纵向合并align 左右对齐⽅式 middle（左）left center rightvalign 上下对齐⽅式 top center bottomcellspacing="0" 清除外⾯的边距cellpadding="0" 清楚⾥⾯的边距

表头
表⾝
表低
frameborder="0" 取消边框screlling="no" 取消滚动条iframe srcletter-spacing：具体数值 字母间距word-spacing：数值 单词间距overflow：auto 溢出滚动visibility：hidden 隐藏charset 字符集utf-8 国际编码gb2312/gbk 中国编码author 作者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：事件名 函数：保留⼩数点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（）：毫秒数getMilliseconds（）：毫秒数getTime（）：从1970⾄今的毫秒数（）：从1970⾄今的毫秒值tolocaleDatestring（）：输出本地化的⽇期setTimeout：延迟时间tolocaleTimestring（）：输出本地化得时间clearTimeout：定时器对象tolocalestring：输出本地化的⽇期和时间setInterval：间隔时间clearInterval：停⽌：浏览器状态栏信息：屏幕信息：屏幕宽度：屏幕⾼度idth：去掉任务栏宽度ight：去掉任务栏⾼度history：浏览历史记录location：地址栏对象navigator：⽤于获取⽤户浏览器信息appCodeName：浏览器代码名的字符串表⽰appName：返回浏览器的名称appVersion：返回浏览器的平台和版本信息platform：返回运⾏浏览器的操作系统平台userAgent：返回由客户机发送服务器的user-agent：头部的值Exception：异常 意外情况（try---catch）获取元素对象⽅式:getElementByld：getElementsByName：gatElementsByTagName：getElementByClassName：onclick 当点击的时候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 falseundefined 未定义parseInt 整数parseFloat 浮点数/⼩数Number 数字hide 隐藏show 显⽰skin ⽪肤code 代码even 事件array 数组integer 整数veruant 变量common 公⽤switchcase 情况break 中断整个循环continue 跳出本次循环default 不履⾏/所有情况都不满⾜的时候⾛这个null 没有/空对象computed 计算后/⽣效的eval（JS可以读懂的代码：如‘1+1’->字符串） 这个代码会把（）⾥⾯的字符串换成计算机读懂的代码来计算 + - * % 都⾏ （计算⽤的）return 返回write 输⼊find 查找interval 间隔setInterval（函数名，1000/） 间隔定时器clearInterval 清除间隔定时器Timeout 超时setTimeout 延迟定时器clearTimeout 清除延迟定时器ed 让按钮/变成不可使⽤true 不可⽤false 可⽤date 时间get 获取set 设置Fullyear 满年month ⽉ （从0⽉开始）day ⽇ 获取需要 dateweek 星期 获取需要day （从0到6）hours ⼩时minutes 分钟seconds 秒single ⼀个/⼀倍dubble 两个/两倍triple 三个/三倍arguments 函数传参-实参的集合 函数传参-实参的长度（） 向数组最后添加⼀项t() 向数组前⾯添加⼀项（）删除数组最后⼀位.（） 删除数组第⼀位(开始的位置，删除的个数，添加的东西1。。。)('') 变字符串 是中间的隔开东西 如- ，空格 等等。。。(arr1,arr2,arr..要拼接的数组...); 数组拼接/合并数组e() 反转/颠倒数组() 数组排序 按照字符串⽐⼤⼩的⽅法来排序(function(a1,a2){ return a1-a2 //从⼩到⼤ return a2-a1 //从⼤到⼩ }) a1 a2随便起 代表的是数组中随机的某两项() 字符串⾥⾯的下标f(‘’) 下字符串对应的下标数（相同的就取第⼀个）dexOf（‘’）下字符串对应的下标数（相同的就取最后⼀个）ing (开始位置，结束位置)/（开始位置-不写结束位置默认就从开始位置到最后） 截取⼦串rCase() ⼤写字母rCase() ⼩写字母(切割的⽅式 '-' '' '空格'等) 切割变成数组deAt('a') 输⼊字符查找对应的编码arCode(编码) 输⼊编码查找对应的字符=value; 添加delete 删除token 括号try{} catch(e) 异常parseInt（()（m-n）+n） 求n-m之间随机的整数， 前包括后不包括() 求随机数() 求绝对值(，，，) 求最⼤值(，，，) 求最⼩值(n,m) 求n的m次⽅(a) 开⽅ π(12.3) 向上取整 (12.3) 向下取整 (a) 四舍五⼊!important Css样式值后⾯加这个 权重最⼤ent UA 例⼦判断浏览器的类型ge 语⾔rm 操作系统Sibling 兄弟next 下⼀个previous 上⼀个获取元素/节点：(⽗级) en 找：⼉⼦/⼦级 ⼦节点(⼦级) Node 找：⽗亲/⽗级 ⽗节点(同级) ementSibling || bling 下⼀个同级/节点 (同级) usElementSibling || ousSibling 上⼀个同级/节点(⽗级) lementChild ||hild ⾸节点(⽗级) ementChild || ild 尾节点创建元素：Element_x('标签名') 创建元素添加插⼊(⽗级) Child(谁) 往元素⾥⾯最后添加⼀个带剪切效果(⽗级) Before(把谁，加在谁的前⾯) 往元素⾥⾯添加⼀个带剪切效果删除元素：(⽗级) Child(⼦级) 删除⼦级() 打开() 关闭a标签：target=""不填 默认新页⾯打开_blank 新页⾯打开_self 本页⾯打开on 地址栏信息 链接信息 数据信息 锚点信息*了解就⾏ ⾯试背住ol 协议信息me 域名信息 端⼝号信息me 路径信息back 返回forward 向前history 历史 返回历史记录 退d 返回历史记录 前alert（） 弹confirm 询问提⽰框prompt 问答提⽰框（） 在F12中显⽰;（*） 在页⾯中输⼊scroll 滚动 有兼容问题client 客户端/可视区offsetHeight/Width 物体盒⼦模型的宽⾼offsetTop/Bottom/⽅向 物体距上/下/左/右的距离offsetparent 定位⽗级ll 当滚动的时候 滚动事件ze 当缩放的时候 缩放事件onfocus 当获取焦点的时候onblur 当失去焦点的时候ribute('属性名') 获取属性名对应的属性值ribute('属性名','属性值') 设置属性Attribute('属性名') 删除属性event 事件onmousemove ⿏标移动事件onload 当图⽚加载完成时onerror 当图⽚加载失败时cancelBubble 取消冒泡onkeydown 当按键按下的时候onkeyup 当按键抬起的时候e 键盘编码oncontextmenu 当按右键的时候return false 阻⽌浏览器右键菜单cache 缓存onmousedown ⿏标按下时onmouseup ⿏标抬起时onmousemove ⿏标移动事件ture() 开始捕获eCapture() 取消捕获ode() 克隆复制⼀个节点document/ntListener（'不加on的事件名',函数名,false） 添加事件绑定 兼容⾼级document/Event（'加on的事件名',函数名） 添加事件绑定 兼容IE系列document/EventListener（'不加on的事件名',函数名,false） 解除事件绑定document/Event（'加on的事件名',函数名） 解除事件绑定onmouseenter ⿏标移⼊onmouseleave ⿏标移出onmousewheel ⿏标滚轮事件DOMMouseScroll ⿏标滚动事件elta ⾮⽕狐 测试⿏标滚轮向上向下弹得数字 ⽕狐 测试⿏标滚轮向上向下弹得数字return false 阻⽌浏览器默认事件 但是在事件绑定中失效tDefoult 在事件绑定中⽤ 阻⽌浏览器默认事件（如果单独⽤只兼容⾼级浏览器）oninput 当输⼊的时候 iE9- 没有此⽅法onpropertychange 当属性改变的时候 IE系列ment 事件源 ⾮⽕狐 事件源 ⾼级浏览器duration 期间start 开始count 次数complete 完成var bFlag=false/ture 开关 ⾃定义easing 速度类型：linear 匀速ease-in 加速ease-out 减速 页⾯加载完毕后执⾏（代码、资源）DOMReady 页⾯加载完毕后执⾏（代码）DOMContentLoaded DOM加载事件ystatechange 监控事件（模拟DOM加载事件）readyState 加载状态document/tate 加载状态ondbclick ⿏标双击queryselector 新的获取元素⽅法 重新加载cookieexpires 期限session ⼀个会话（浏览器打开和关闭）path 路径define 定义require 引⽤其他模块exports 导出模块module 批量导出模块，data-main 主要数据/初始化接⼝success 成功error 失败Request 请求ActiveX 浏览器插件XMLHttpRequest（） ajax 创建/ 不兼容ie6-ActiveXObject（'P'） 创建/(插件) ie系列()打开uestHeader('content-type', 'application/x-www-form-urlencoded');() 发送onreadystatechange 接收/当通信状态变化() 使中⽌tate 是否完成/加载状态 是否成功response 回答/响应seText 返回结果() 可以把字符串json变成json 不过json要正规些 双引号ify() json打印出来的⽅法encode 编码decode 解码Component 组件/元件encodeURIComponent('中⽂') 中⽂转化成编码decodeURIComponent('编码') 编码转化成中⽂e 替换new RegExp() 正则表达式() 跟indexOf⼀样 在正则⽤ 匹配正则.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 多⾏模式^ ⾏⾸ 如果在⽅括号⾥⾯是除了$ ⾏尾*jqhide 隐藏show 显⽰toggle 点击hover 移⼊fadeIn 淡⼊fadeOut 淡出animate 运动函数（move）slideDown 滑动从上往下出来slideUp 滑动从下往上隐藏eq(下标) 标签获取的下标li>a li下⾯的第⼀级a伪类选择器:li:last li最后⼀个li:first li第⼀个li:eq(2) 第三个liobj：even 偶数obj：odd 奇数obj：has("p/标签名") ⾥⾯包含‘p’这个标签的就会选取obj：contains("p/内容") 内容有得‘p’ 就都会选取event/⾃⼰起⾏参名字.pageX X轴坐标event/⾃⼰起⾏参名字.pageY Y轴坐标offset().top 物体绝对的位置 ->getPos()函数offset().left 物体绝对的位置position().top 物体距定位⽗级距离 ->offsetTopposition().left 物体距定位⽗级距离Top 和原⽣⼀样Left 和原⽣⼀样.width/.height 物体本⾝的宽⾼innerHeight/Width 物体内部的宽⾼ 包括padding 不包括边框outerHeight/Width 物体盒⼦模型宽⾼⽗级.append(⼦级) 在⽗级内的后部追加⽗级.prepend(⼦级) 在⽗级内的前⾯追加⼦级.appendTo(⽗级) 在⽗级后部追加⼦级.prependTo(⽗级) 在⽗级前部追加(obj2) 把2放在1的后⾯(obj2) 把2放在1的前⾯bind() 事件绑定unbind() 事件解绑live() 事件委托die() 解除事件委托**以上四种不推荐 因为原理还是昂 所以推荐（） 可以事件绑定/委托each 循环$.trim() 去除⾸尾空格extend() 延伸height() 就是宽度innerHeight 包括padding、不包括边框outerHeight 盒⼦模型的offset().left -> getPos()position().left -> offsetLeft()scrollTop() -> /Y 坐标maxlength 表单元素最⼤长度 属性$.fn.函数名=function(){} 建⽴jq封装函数$.fn.函数名=function(){} 建⽴jq封装函数$.({函数名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/（开始位置，结束位置） 切 从开始到结束 如果只有开始 就从开始到最后。 前包后不包prototype 原型form表单中 submit 提交 reset 重置xxx instanceOf xxx 检测⼀个对象属于某个类uctor==xxx 看构造函数 双等是判断 直接⽗级属不属于xxx ⼀个等号是赋值让直接⽗级等于(this的指向，参数⼀，参数⼆，....) 改变this的指向 fn中的this=(this的指向，[参数⼀，参数⼆，....]) 改变this的指向 fn中的this=init 开始localStorage 本地存储⼀般的规范=value 存 取delete 删除⼀条() 删除全部规范的存取m(name,value)m(name)Item(name)sessionStorage 临时存储 和localStorage⼀样⽤法include() 包含g=''; ⾃定义模板开始样⼦ag=''; ⾃定义模板结束样⼦('openTag','')('closeTag','')('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 循环('名字',[依赖模块]).controller('名字',function(依赖项){})$scope$http$interval$timeout`变量` 反引号包裹变量 ${} ES6模板字符串|currency:"" 货币date:"" 时间戳转化处理route 路由/状态filter 过滤器directive 指令restrict 类型 E:'element' C:'class' M:'comment' A:'attribute'service 依赖ng() 获取正常时间 做⼿机端的框架⽹站不错 做⼿机端的框架⽹站不错ng-show true false 显⽰ 隐藏ng-hide true false 隐藏 显⽰ng-clockcomment 注释bundle 打包transclude 嵌⼊params 参数provider 提供者.config() 配置$scope.$watch(数据，fn)(this的指向，要改变指向的函数名，参数)template 模板templateUrl:'模板地址' 模板$ bower install * bower⼯具安装组件(什么东西，渲染到哪)type='text/babel'state 状态extends 延伸 继承constructor 创建super 超类/⽗类component 组件.属性组件中 ref和正常的ID类似vueel：'id'data:{}$indexcapitalize ⾸字母⼤写uppercase 变⼤写字母lowercase 变⼩写字母opagation() 阻⽌冒泡tDefault() 阻⽌默认事件 angularbootstrap 开启应⽤模式copy(复制谁,复制到哪⾥) 复制/克隆equals(a,b) ⽐较forEach 循环fromJson 字符串json转化成jsonextend（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-boxborder-box //盒模型padding-boxbackground-clip： 背景从哪⾥开切content-boxcontent-boxborder-boxpadding-boxtext 注意：这个background-clip前⾯要加上webkit-