前端常用的单词

前端一些常用的单词分享：

学习内容：

页面常用：
　　头部/页眉：header
　　首页/索引：index
　　标志：logo
　　个人中心：member
　　显示：show
　　隐藏：hide
　　导航：nav
　　子导航：sub_nav
　　横幅广告：banner
　　主体：main
　　内容：content
　　包裹：wrapper
　　菜单：menu
　　子菜单：sub_menu
　　二级菜单：second_menu
　　列表：list
　　分块：section
　　文章：article
　　侧边栏/广告：aside
　　页脚/底部：footer
　　标题：title
　　副标题：sub_title
　　新闻：news
　　热点：hot
　　产品：product
　　公司：company
　　消息：message
　　广告：advertising
　　小图标：icon
　　图片：img /images
　　版权：copyright
　　联系我们：contact_us
　　友情连接：friend_link
　　地址：address
　　密码：password
　　单选：radio
　　多选：checkbox
　　提交按钮：submit
　　选择：select
　　光标：cursor
　　标准光标：auto
　　标准箭头：default 默认的
　　手形光标：pointer
　　移动标：move
　　十字标：crosshair
　　不透明度：opacity o/pa/city
　　占位符：placeholder
　　透明的：transparent
　　静态定位：static
　　过渡：transition
　　变形：transform
　　不管内容到了多少 到了长度就截断：word-break：break-all;
　　使盒子边框自适应：box-sizing：border-box;
　　允许长单词换行：word-wrap：break-word；
　　阻止文本域下拉：resize：none；

CSS常用：
background 背景
position 位置/定位；
relative/absolute/fixed 相对定位/绝对定位/固定定位；
float 浮动；
clear 清除；
vertical-align: middle/top/bottom; 垂直居中/上/下；
line-height 行高；
margin 外边距；
padding 内边距；
border 边框；
solid/dashed/dotted (dot/ted) 实线/线虚线/点虚线；
border-radius 圆角；
shadow 阴影；
display 展示；
hidden 隐藏；
block/inline-block 块元素/行内块；
overflow 溢出；
cursor 光标；
animation 动画；
css sprites 雪碧图/图片精灵；
column 分列；
flex 弹性（布局）

表单form常用：
action 行为；
method 方式/方法；
input 输入框；
label 标签；
password 密码；
radio 单选框；
checkbox 复选框；
btn 按钮（button）；
submit/reset 提交/重置；
textarea 文本域；
select/option 选择框/选择项；
placeholder 占位符（起提示作用）；
search 搜索；
icon 小图标；

局内常用：
autofocus 自动聚焦；
disabled 禁用；
checked 选中（单选框/复选框）；
selected 默认选择项（下拉选择框）；
required 必填项；
readonly 只读；
table 表格；
thead/tbody/tfoot 表格标题/主体/底部；
colspan 跨列；
rowspan 跨行；
cellspacing 单元格间距（类似于margin）；
cellpadding 单元格边距（类似于padding）；
border-collapse: collapse; 边框合并（用于table上）

字符串转整数：parseInt
　　字符串转浮点型：parseFloat
　　不明确的：undefined
　　没有定义：is not defined
　　全局作用域：window
　　正确的：true
　　错误的：false
　　长度：length
　　函数：function
　　警告框：alert
　　输入框：prompt
　　确认框：confirm
　　打断：break
　　继续：continue
　　返回：return
　　参数：arguments
　　原型：prototype
　　构造器：constructor
　　计时器：setInterval
　　解除计时器：clearIterval
　　指定时间后调用：setTimeOut
　　偏移：offset
　　滚动：scroll
　　父级：parent
　　事件对象：event
　　dom2级：addEventListener ie：attachEvent
　　键盘编码：keyCode

1 script language [skrɪpt ˈlæŋɡwɪdʒ] 脚本语言
2 Rendering Engine [ˈrendərɪŋ ˈendʒɪn] 渲染引擎
3 oblique [əˈbliːk] 斜的；倾斜的
4 italic [ɪˈtælɪk] adj.斜体的
5 init 初始化
6 propagation [ˌprɒpə’ɡeɪʃ(ə)n] 冒泡
7 stop propagation 阻止冒泡
8 prototype [ˈprəʊtətaɪp] 原型
9 closure [ˈkləʊʒə] 闭包

10 local [ˈləʊkl] 局部作用域
11 scope [skəʊp] 全局作用域
12 debugger [ˌdiːˈbʌɡə] 调试器
13 stack [stæk] 堆；栈
14 regular expression [ˈreɡjələ ɪkˈspreʃn] 正则表达式

15 onblur 事件
16 declaration [ˌdekləˈreɪʃn] 宣言
17 binary tree [ˈbaɪnəri triː] 二叉树
18 position [pəˈzɪʃn] 定位
19 attribute [əˈtrɪbjuːt , ˈætrɪbjuːt] 属性
20 icon font [ˈaɪkɒn fɒnt] 图标字体
21 opacity [əʊˈpæsəti] 不透明度

22 ellipsis [ɪˈlɪpsɪs] 省略
23 ellipse [ɪˈlɪps] 椭圆
24 polyline 英 [ˈpɒli] 折线
25 polygon [ˈpɒlɪɡən] 多边形
26 interface [ˈɪntəfeɪs] 接口
27 Ajax [ˈeɪdʒæks] 异步Javascript和XML

71 acronym [ˈækrənɪm] 首字母缩略词
72 decimal [ˈdesɪml] 小数
73 infinite [ˈɪnfɪnət] 无限的
74 merge [mɜːdʒ] 合并；结合
75 add commits 添加提交
76 branch [brɑːntʃ] 分支
77 the command line 命令行

 	阻止事件冒泡：event.stopPropagation?event.stopPropagation( ):event.cancelBubble = true;
 	阻止事件默认行为：event.preventDefault?event.preventDefault( ):event.returnValue = false;

浏览器的内核:

ie trident
　　　　谷歌 webkit 或 blink
　　　　火狐 Gecko
　　　　Opera presto
　　　　Safari webkit

事件:

鼠标进入：mouseenter
　　　　鼠标离开：mouseleave
　　　　鼠标移动：mousemove
　　　　鼠标悬浮：mouseover
　　　　鼠标移除：mouseout
　　　　鼠标按下：mousedown
　　　　鼠标抬起：mouseup
　　　　表单聚焦：focus
　　　　失去焦点：blur 美 [blɜːr]
　　　　表单内容被修改：change
　　　　浏览器加载完成：load
　　　　用户输入：input
　　　　键盘按下：keydown
　　　　键盘抬起：keyup
　　　　右键出菜单事件：contextmenu 美 [ˈkɑːntekst]

获取属性节点:

判断节点类型：nodeType
　　　　获取元素身上所有属性构成的集合：obj.attributes
　　　　获取元素身上指定属性的属性值：obj.getAttribute(‘class’)
　　　　修改元素身上指定属性的属性值：obj.setAttribute(‘class’,‘class’)
　　　　删除元素中的一个属性：obj.removeAttribute(‘class’)

获取元素节点:

获取元素的所有子节点包括文本：obj.childNodes
　　　　获取元素的所有子节点不包括文本：obj.children
　　　　获取元素里第一个子节点：obj.firstElementChild
　　　　获取元素里最后一个子节点：obj.lastElementChild
　　　　获取元素的父节点：obj.parentNode
　　　　获取上一个兄弟节点：obj.previousElement Sibling 美 [ˈsɪblɪŋ]
　　　　获取下一个兄弟节点：obj.nexElementSibling

创建子节点:

创建：span = document.createElement(‘span’)
把创建的节点插入到元素的子节点里：obj.appendChild(span) 美 [əˈpend] append（vt. 附加；贴上；盖章）把创建的节点插入到指定的元素前面：obj.inserBefore(span,div.children[0])
删除元素中的指定节点：obj.removeChild(obj.children[0])
给元素添加内容：obj.innerHTML=span；
给元素添加文本内容：obj.innerText=‘哈哈哈’；

全局方法:

将字符串转换成js代码：eval
判断一个元素是不是数字：isNaN
强制转换成数字：Number
强制转换成小数：parseFloat
强制转换成整数：ParseInt
强制转换成字符串：String

字符串的方法：

返回指定位置的字符：charAt( )
　　　　连接两个字符：concat( )
　　　　查找字符在字符串中首次出现的位置：indexOf( )
　　　　同上 从后开始查找：lastIndexOf( )
　　　　截取字符串：slice( )
　　　　把字符串分割成字符串数组：split( )
　　　　截取字符串指定向后截取的个数：substr( )
　　　　截取字符串：substring( )
　　　　将所有大写转成小写：toLowerCase( )
　　　　将所有小写转成大写：toUpperCase( )
　　　　去除字符串两边的空格：trim( )

数组方法：

在数组的结尾添加一个元素：push( )
　　　　在数组的开始添加一个元素：unshift( )
　　　　删除数组中最后一个元素：pop( )
　　　　删除数组中第一个元素：shift( )
　　　　截取数组中的一部分 并返回一个新数组：slice( )
　　　　在数组中添加或删除元素：splice( )
　　　　给数组中的元素排序：sort( )
　　　　反转数组中元素的顺序：reverse( )
　　　　将数组转换成字符串格式的数组：toString( )
　　　　合并多个数组 并返回新的数组：concat( )
　　　　检索数组中的元素 并返回他所在的位置：indexOf( )
　　　　将数组中的所有元素转换成字符串：join( )
　　　　检测数组中的元素是否都满足条件 返回布尔值：every( )
　　　　检测数组中的元素是否都满足条件 返回由满足条件的构成的新数组：filter( )
　　　　检测数组中的第一个元素是否满足条件：find( )
　　　　用于对数组进行遍历 并一个一个返回：foreach( )
　　　　对数组进行遍历 将每个元素传入到回调函数加工 返回加工后的新数组：map( )

Math对象：

弧度的π：Math.Pi( )
　　　　平方根：Math.sqrt( )
　　　　数字的绝对值：Math.abs( )
　　　　上舍入：Math.ceil( )
　　　　下舍入：Math.floor( )
　　　　返回最大值：Math.max( )
　　　　反回最小值：Math.min( )
　　　　随机：Math.random( )
　　　　返回x四舍五入后的数值：Math.round()
　　　　返回正弦值：Math.sin( )
　　　　返回余弦值：Math.cos( )
　　　　返回正切值：Math.tan( )
　　　　反正弦：Math.asin( )
　　　　反余弦：Math.acos( )
　　　　返回x的y次幂：Math.atan( )

Date对象：

get
　　　　　　返回事件对象中的某一天：getDate( )
　　　　　　返回周：getDay( )
　　　　　　返回年：getFullYear( )
　　　　　　返回月：getMonth( )
　　　　　　返回时：getHours( )
　　　　　　返回分：getMinutes( )
　　　　　　返回秒：getSeconds( )
　　　　　　获取1970.1.1至今的毫秒数：getTime( )
　　　　　　返回毫秒：getMilliseconds( )
　　　　　　返回指定时间到1970.1.1的毫秒数：parse( )

set
　　　　　　设置事件对象中的某一天：setDate( )
　　　　　　设置年份：setFullYear( )
　　　　　　设置月份：setMonth( )
　　　　　　设置小时：setHours( )
　　　　　　设置分钟数：setMinutes( )
　　　　　　设置秒数：setSeconds( )