H5前端常用单词
HTML
简称 | 全称 | 中文含义 | 用法 |
ml | Markup Language | 标记语言 |
|
p | paragraph | 段落 | <p></p> |
| href | 地址 | href=”” |
| target | 属性指定打开目标页面的方式 |
|
| _self | 在当前页面中打开,默认 |
|
| _blank | 在新页面中打开。 |
|
| anchor | 锚点 |
|
src | source | 图片资源的URL地址 |
|
alt | alternative | 可替代的 | 当资源不存在时,替代显示的文字内容。 |
| span | 可以将部分文本独立出来 |
|
<br> |
| 强制换行 |
|
<hr> |
| 绘制一条横线 |
|
<base> |
| 设置页面的基准地址 | <basehref="http://www.runoob.com/images/">
|
ul | unordered list | 定义一个无序列表 |
|
li | list item | 定义一个列表项 |
|
| Type | 属性指定无序列表的符号 |
|
Disc |
| 实心的圆点 |
|
Circl |
| 空心的圆圈 |
|
Square |
| 实心的正方形 |
|
ol | ordered list | 有序列表 |
|
dl | defined list | 定义一个自定义列表 |
|
dt | defined tiele | 列表项的标题 |
|
dd | defined description | 列表项的描述 |
|
| form | 表单 |
|
| Action | 指定提交的地址 |
|
| Method | 指定提交的方式,get/post |
|
| Maxlength: | 指定文本框能接收的最大字符个数 |
|
| Size | 指定文本框的大小,长度 |
|
| Value | 指定初始值 |
|
| lable | 标签 | 可以单独对其应用相应的样式 |
| radio | 单选按钮 | <input type="radio"name="role">学生 |
| Checked | 选中 |
|
| readonly | 只读 |
|
| checkbox | 多选按钮 | <input type="checkbox" />音乐 |
| submit | 提交按钮 |
|
| Reset | 重置 |
|
| Button | 普通按钮 |
|
| Image | 图片按钮 | <input type="image"src="logo.jpg"alt="登录"> |
| File | 文件 | <form>选择头像<input type="file"accept="image/*"></form>
|
| accept | 可指定文件类型 | 见上 |
| select | 选择(下拉列表) | <select name="proyince"> |
| option | (供)选择的事物(或人) | 见上 |
| multiple | 多重的 |
|
| <optgroup> | 定义分组显示的文字 | optgroup label="国产"> |
| disabled | 设置该分组不能用 | <optgroup label="日系车" disabled> |
| Textarea | 文本框 | <textarea rows="13" cols="20"> |
| rows | 行数 |
|
| Cols | 列数 |
|
| Fieldset | 控件组 | 标签可以将表单内的相关元素分组。 |
| hidden | 隐藏 | <input type="hidden" name="stuNo"value="111111"readonly/><br>
|
| NetWork | 网络 | <table border="1" cellspacing="0" cellpadding="5"> <caption>华鑫信息科技公司</caption> <thead> <tr><th>姓名</th> <th>性别</th> <th>出生年月</th> <th>职务</th><th>电话</th> <th>部门</th></tr> </thead> <tbody> <td>孟玉磊</td> <td>男</td> <td>1995-08-09</td><td>总经理</td><td>18237899800</td> <td rowspan="4">市场部</td> <tfoot> <tr> <td colspan="5">共计39人</td> </tr></tfoot> </table> |
| Response | 响应 | |
| Request | 请求 | |
| table | 表格(定义一个表格) | |
| caption | 标题 | |
| thead | 表头 | |
| tbody | 表格主体 | |
| tfoot | 表尾 | |
| tr | 表格行 | |
| colspan | 单元格跨行的行数 | |
| colspan | 跨列的列数 | |
div | Divstion | 分开 |
|
注:块级标签:在新的一行进行展示。Div、H1-H6标签、p、hr、table、ul、ol、dl、tr、option、caption内联标签:不会新起一行显示。Img、input、a、td、textarea、lable、select、th、button、header |
CSS
简称 | 全称 | 中文含义 | 用法 |
CSS | CascadingStyleSheets | 层叠样式表 |
|
| Font | 字体 |
|
Rgb | Rgb | 红绿兰颜色表示法 | color: RGB(128,0,0) |
Rgba | Rgba | 透明色 | RGBA(128,0,0,0.1) |
HSL | HSL | 色调 | HSL(255,50%,50%) |
HSLA | Hsla | 透明度 | color:HSLA(255,50%,50%,0.4) |
In | inch | 对角线 尺寸 |
|
Px | 像素 |
| |
Em |
| 相对于当前对象内文本的字体尺寸 |
|
Vw | viewpoint width | 视窗宽度 | 1vw等于视窗宽度的1% |
Vh | Viewpoint height | 视窗高度 |
|
| Background | 背景 |
|
| variant | 多样的 | Font-variant |
| weight | 加粗 | Font-weight:100 |
| Underline | 下划线 |
|
| decoration | 装饰 | Text-decoration: |
| None | 默认值没有装饰效果 |
|
| Overline | 上划线 |
|
| Line-through | 删除线 |
|
| shadow | 阴影 | text-shadow:red -5px -5px; |
| Direction | 文本方向 |
|
Ltr | Left to right | 从左向右 |
|
Rtl | Right to left | 从右向左 |
|
| Justify | 两端对齐 |
|
| Vertical-align | 文本垂直对齐方式 |
|
| Bottom | 靠下对齐 |
|
| indent | 缩进 | Text-indent |
| Letter-spacing | 字符之间的间距 |
|
| Word-spacing | 字(单词)间距 |
|
| line-height | 设置行高,实际上是调整行间距 |
|
| repeat | 重复 | 在水平和垂直两个方向进行复制。 |
| position | 位置 定位 |
|
| visibility | 能见度 | 仅仅隐藏内容,该元素所占位置依然存在
|
| display | 显示 | 不仅隐藏内容,且不占位置 |
| Inline | 内联 | 将块级元素以内联元素形式显示 |
| Inline-block | 块级 | 将块级元素以内联元素形式显示 |
| Margin | 外边距 |
|
| Padding | 内边距 |
|
| Border | 边框 | border: 50px dotted blue |
| Static | c静态定位(默认) |
|
| fixed | 固定 | fixed定位会将元素从流中单独摘出来单独进行定位取决于left、top |
| relative | 相对的 | 相对定位 |
| absolute | 绝对的 | 绝对定位,父容器一般是相对定位 |
Js
简写 | 全称 | 中文含义 | 用法 |
| Script | 脚本 |
|
| Alert | 警告 |
|
| Prompt | 提示 |
|
| Confiom | 确定 |
|
| object | 对象 |
|
| String | 字符串 |
|
| Break | 打断 | 直接跳出选择结构 |
| Switch | 交换 |
|
| Case | 格 | Case 1: |
| Default | 默认 | 除了...之外的 |
| Continue | 继续 | 结束本次循环,继续下次循环 |
| Step | 步 |
|
| Watch | 看 |
|
| While | 当 ... 时候 | While循环 |
| Flag | 标记 |
|
| Function | 函数 |
|
| split | 分离 |
|
| Array | 数组 | [] |
| Length | 长度 |
|
| unshift | 不转换 | 在数组的头部添加元素,返回值为新数组的长度 |
| Shift | 转换 | 删除数组头部的元素,返回值是删除的头部元素 |
| indexof | 索引 | 查找数组中第一次出现位置 |
| Lastindexof |
| 最后一次 |
| push | 推 | 在数组的尾部插入元素 |
| pop | 取出 | 从数组的尾部删除最后一个元素 |
| slice | 提取 | 开始位置的下标,结束位置的下标) |
| splice | 剪接 | 开始删除未知的下标,要删除元素的长度,选择插入或替换的内容 |
| Reverse | 相反 | 将数组中的元素反序输出 |
| map | 映射 | 原数组的映射,经过函数的加工,返回给一个新数组 |
| String | 字符串 |
|
| search | 查找 | 传入参数(要搜索的子串) |
| Substr | 子串函数(截取) | start,length |
| Substring |
| start,end |
| slice | 截取 | 开始位置的下标,结束位置的下标 |
| toUpperCase |
| 大写转小写 |
| toLowerCase |
| 小写转大写 |
| Trim | 整理 | 去除字符串首末位的空格符 |
| replace | 替换 | 被替换的子串,新的子串) |
| Document | 文件 |
|
| Local | 当地的 |
|
Pat | Pattem | 规则 |
|
| regexp | 正则表达式 |
|
| Space | 空格 |
|
| Math | 数学 |
|
| ceil | 向上取整 |
|
| Floor | 向下取整 |
|
Abs | absolute | 绝对 |
|
| random | 随机 | 0-1 |
| Exponential | 指数 |
|
| Event | 事件 数 |
|
| click | 点击 |
|
| Mouse | 鼠标 |
|
| Seup | 弹起 |
|
| onmouseenter |
|
|
| onmouseleave |
|
|
| onmouseover |
|
|
| onmouseout |
|
|
| Code | 编码 | 记录了按下的键的编码 |
| Keypress | 捕获可打印字符的按键 |
|
| load | 加载 | Onload |
| focus | 焦点 中心 | Onfocus |
| blur | 使模糊 |
|
| addEventListener | 注册监听器 |
|
DOM | Document Object model | 文档对象类型 |
|
| node | 节点 |
|
| Attribute | 属性 | GetAttributeNode |
| inner | 内部 | innerHTML/text |
| append | 贴上,加上 | appendChild |
| remove | 移除 | removeChild |
BOM | Browser Object model | 浏览器对象类型 |
|
| Window | 窗口 |
|
| Screen | 屏幕 |
|
| Location | 地址 |
|
| href | 完整路径 |
|
| port | 端口号 |
|
| Pathname | 路径名 |
|
| Protocol | 协议 |
|
| history | 历史 | 历史记录 |
| forward | 向前的 |
|
| Cookie | 信息 | 缓存信息 |
| Setinterval | 间歇 | 每隔多长时间就调用一次函数(函数,毫秒) |
| Clearinterval | 清除间歇 |
|
Json | Java Script Object Notiation | 基于JavaScript语言的轻量级的数据交换格式 | |
Ajzx | Asynchronous JavaScript and XML | 创建交互式 Web 应用程序而无需牺牲浏览器兼容性的流行方法 |