前端核心技术精讲-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_43221323/article/details/106142364

1.说一下html,css,javascript各自的作用

html：取得网页内容（装载dom元素）
css：整理讯息（装饰dom元素）
javascript：实现网页动态效果（控制dom元素）

2.常用的html标签

排版标签：
标题标签：<hn>标题文本</hn>(n=1,2,...,6)
段落标签：<p>文本内容</p>
水平线标签：<hr/>
换行标签：<br/>
div span标签：<div></div> <span></span>
文本格式化标签
粗体：<b></b> <strong></strong>
斜体：<i></i> <em></em>
删除线：<s></s> <del></del>
下划线：<u></u> <ins></ins>
图像标签
<img src='图像url'>
链接标签
<a href='跳转目标' target='目标窗口的弹出方式'></a>
列表标签
无序列表：<ul> <li>列表项1<li><li>列表项2<li> </ul>
有序列表：<ol> <li>列表项1<li><li>列表项2<li> </ol>
自定义列表：<dl> <dt>名词1</dt><dd>名词1解释1</dd><dd>名词1解释2</dd> </dl>
表格

<table>
  <caption>我是表格标题</caption>
  <tr><th>我是表头</th></tr>
  <tr>
    <td>第一行第一列</td>
    <td>第一行第二列</td>
  </tr>
  <tr>
    <td>第二行第一列</td>
    <td>第二行第二列</td>
  </tr>
</table>

表单标签

input控件：<input type='text/password/radio/checkbox/button/submit/reset/image/file' name='' value='' size='' />
label标签：用于绑定一个表单元素，当点击label标签时，被绑定的表单元素就会立刻获得输入焦点

<label for=‘pwd’>123456</label>
用户名：<input type='text'/> 
mima：<input type='password'/>

当点击123456时，光标会出现在"密码"文本框

textarea控件（文本域）：<textarea cols='每行中的字符数' rows='显示的行数'></textarea>
下拉菜单：

<select>
  <option>选项1</option>
  <option>选项2</option>
  <option>选项3</option>
</select>

表单域：<form action='url地址' method=’get/post‘ name='表单名称'>各种表单控件</form>

3.H5新增了哪些标签

语义化标签
header：定义文档的头部区域
footer：定义文档的尾部区域
nav：定义导航
section：定义文档中的节
aside：定义文档的侧边栏
article：定义页面独立的内容区域
detailes：用于描述文档或文档某个部分的细节
summary：标签包含 details 元素的标题
dialog：定义对话框，比如提示框
增强型表单（即input的type的选项）
color：主要用于选取颜色
date：从一个日期选择器选择一个日期
datetime：选择一个日期（UTC时间）
email：包含email地址的输入域
month：选择一个月份
week：选择周和年
time：选择一个时间
number：数值的输入域
range：一定范围内数字值的输入域
search：用于搜索域
tel：定义输入电话号码字段
url：url地址的输入域
新表单元素
<datalist>：规定了输入域的选项内容，与input元素配合使用，定义input输入域的选项内容，Safari和IE9以下不支持
<keygen>：提供一种验证用户的可靠方法，标签规定用于表单的密钥对生成器字段，IE完全不支持
<output>：用于不同类型的输出，比如计算或脚本输出，IE完全不支持
表单属性
placeholder required min max autofocus 等等

4.css有哪些选择器

基本选择器
通配符选择器：*
标签选择器：tag
类名选择器：.class
id选择器：#id
多类名选择器：class='类名1 类名2 类名3'
复合选择器
后代选择器（空格分隔）：div h2
子代选择器（>分割）：div>p
交集选择器（标签选择器+类名选择器，不能有空格）：h3.special
并集选择器（各个选择器通过逗号连接）：.one,p,#test
a标签链接伪类选择器
:link 未访问的链接
:visited 已访问的链接
:hover 鼠标移动到链接上
:active 选定的链接

5.javascript常用的数组方法

见博客内另外一篇：JS常用的数组方法

6.vue常用哪些标签

v-cloak：解决屏幕闪动具体操作：说说 Vue.js 中的 v-cloak 指令
v-bind：数据绑定，简写为:
v-on：事件绑定，简写为@
v-model：数据双向绑定，但只能用于表单元素
v-if：条件判断
v-for：循环
v-show：根据值的真假控制元素的display的属性
v-html：以HTML的格式插入
v-text：赋予文本值