前端操作

Ⅰ 前端是做什么的

前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，合适的动效设计，给用户带来极高的用户体验。

HTML、CSS、JavaScript

这三个是前端开发中最基本也是最必须的三个技能。前端的开发中，在页面的布局时， HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。虽然表面看起来很简单，但这里面需要掌握的东西绝对不会少。在进行开发前，需要对这些概念弄清楚、弄明白，这样在开发的过程中才会得心应手。

Ⅱ web前端需要掌握的哪些知识

一个合格的web前端需要掌握哪些技术？
最基础的自然是JavaScript，HTML和css这三种语言。

首先了解下它们到底是什么。

HTML是用户看到的网页的骨架，比如你会发现当前页面分为左中右三个部分，其中还填充了不同的文字和图片；每个子部分还会继续细分，比如当前页面的中间部分下方有输入框等等。

CSS是网页展示的细节控制，比如你会发现有的文字是红底白色，有的子部分占了页面的二分之一宽，有的只占六分之一，有些部分需要用户进行某些操作（如点击，滑动）才会出现等等，这些就是有CSS来控制。

JavaScript是负责捕捉用户在浏览器上的操作，并与后端服务器进行数据交换的脚本语言。当用户在前端进行点击，输入等操作的时候，会触动绑定了该动作的JavaScript脚本，然后JavaScript收集数据，调用后端的api接口，再将后端返回的数据交给HTML和CSS渲染出来。

一个网页的HTML代码和CSS代码是可以直接在浏览器中查看的，你可以直接按F12，就能看到下图右侧的模块，左右侧红框就是代码与实际页面的对应关系。因此如果你看到某个网站的布局很不错，不妨点击F12，进行学习。

前端框架
然而，实际应用中，已经很少有正规的项目组直接用上述三种语言进行web 前端开发了，而是使用很多封装了这三种语言的框架，比如

Vue.js

，angular，react native等等。它们是来自谷歌和Facebook的大神项目组，基于自己的经验，封装了原生前端语言，实现了更多更复杂更酷炫的功能。因此，可以说，学会使用这些框架，能达到事半功倍的效果。

比如用了vue，它是自底向上增量开发的设计，其核心只关心图层，而且还可以与其他库或已存项目融合，学习门槛极其友好；另一方面，vue可以驱动单文件组件和vue生态系统支持的库开发的复杂单页应用。有了这个生态系统，可以说，vue是处在一个不断壮大，不断完善的欣欣向荣的状态。

网络通信协议
由于前后端分离的趋势，前端还需要了解很多网络通信协议的知识，这里不局限于http协议，因为据我的经验，有时候我们还会用到websocket等协议。因此，前端需要简单了解不同协议的特点以及使用方式，但是好消息是不用像学习计算机网络课程一样对每种协议的原理都了解的特别透彻，只要学会如何用前端语言发送这种协议的请求就够了。

Ⅲ Web前端初学者的常见问题汇总

今天小编要跟大家分享的文章是关于Web前端初学者的常见问题汇总。正在学习web前端知识的小伙伴们来和小编一起看一看本篇文章，希望本篇文章能够对大家有所帮助。

1、Vue.js是什么?


渐进式框架


自底向上增量开发的设计


易学习


易整合


Vue.js(读音/vju_/,类似于view)是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue
采用自底向上增量开发的设计。Vue的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue完全有能力驱动采用单文件组件和
Vue生态系统支持的库开发的复杂单页应用。


2、vue.js到底适合做哪种类型的界面?


a、表单项繁多


b、内容需要根据用户的操作进行修改


Vue.js就是一个用于搭建类似于网页版知乎这种表单项繁多，且内容需要根据用户的操作进行修改的网页版应用。


3、单页应用程序(SPA)是什么?


一个页面就是应用(子应用)


顾名思义，单页应用一般指的就是一个页面就是应用，当然也可以是一个子应用，比如说知乎的一个页面就可以视为一个子应用。单页应用程序中一般交互处理非常多，而且页面中的内容需要根据用户的操作动态变化。


4、前面说的网页版知乎我也可以用JQuery写啊，为什么要用Vue.js呢?


a、产品是绝对需要反复修改的


b、修改可能会导致DOM的关联与嵌套层次要发生改变从而使jquery结构相关代码变的异常复杂


c、vue.js可以解决这个问题


你是否还记得你当初写JQuery的时候，有写过('#xxx').parent().parent().parent()这种代码呢?当你第一次写的时候，你觉得页面元素不多，不就是找这个元素的爸爸的爸爸的爸爸吗，我大不了在注释里面写清楚这个元素的爸爸的爸爸的爸爸不就好了。但是万一过几天之后你的项目组长或者你的产品经理突然对你做的网页提出修改要求，这个修改要求将会影响页面的结构，也就是DOM的关联与嵌套层次要发生改变，那么(‘#xxx’).parent().parent().parent()可能就会变成$(‘#xxx’).parent().parent().parent().parent().parent()了。


这还不算什么，等以后产品迭代越来越快，修改越来越多，而且页面中类似的关联和嵌套DOM元素不止一个，那么修改起来将非常费劲。而且JQuery选择器查找页面元素以及DOM操作本身也是有性能损失的，可能到时候打开这个页面，会变得越来越卡，而你却无从下手。


这个时候如果你学过Vue.js，那么这些抱怨将不复存在。


5、前端里面常说的视图层是什么?


我们把HTML中的DOM就可以与其他的部分独立开来划分出一个层次，这个层次就叫做视图层。


Vue的核心库只关注视图层


6、使用jquery开发完整页面的流程?


a、html写构架


b、css装饰


c、js交互


讲到JQuery，就不得不说到JavaScript的DOM操作了。如果你用JQuery来开发一个知乎，那么你就需要用JQuery中的各种DOM操作方法去操作HTML的DOM结构了。


现在我们把一个网页应用抽象一下，那么HTML中的DOM其实就是视图，一个网页就是通过DOM的组合与嵌套，形成了最基本的视图结构，再通过CSS的修饰，在基本的视图结构上“化妆”让他们看起来更加美观。最后涉及到交互部分，就需要用到JavaScript来接受用户的交互请求，并且通过事件机制来响应用户的交互操作，并且在事件的处理函数中进行各种数据的修改，比如说修改某个DOM中的innerHTML或者innerText部分。


7、Vue.js为什么能让基于网页的前端应用程序开发起来这么方便?


a、有声明式


b、响应式的数据绑定


c、组件化的开发


d、VirtualDOM


因为Vue.js有声明式，响应式的数据绑定，与组件化的开发，并且还使用了VirtualDOM这个看名字就觉得高大上的技术。


8、vue.js中常说的数据动态绑定是什么?


就是vue.js会自动响应数据的变化情况，并且根据用户在代码中预先写好的绑定关系，对所有绑定在一起的数据和视图内容都进行修改。而这种绑定关系，在图上是以input
标签的v-model属性来声明的，因此你在别的地方可能也会看到有人粗略的称vue.js为声明式渲染的模版引擎。


9、前端中为什么要组件化开发?


a、非组件化开发代码和工作量都非常大


b、修改起来生不如死


但是现在我们做单页应用，页面交互和结构十分复杂，一个页面上就有许许多多的模块需要编写，而且往往一个模块的代码量和工作量就非常庞大，如果还按照原先的方法来开发，那么会累死人。而且遇到以后的产品需求变更，修改起来也非常麻烦，生怕动了其中一个div之后，其他div跟着雪崩，整个页面全部乱套，或者由于JavaScript的事件冒泡机制，导致修改一些内层的DOM事件处理函数之后，出现各种莫名其妙的诡异BUG。


10、前端中如何进行组件化开发?


a、借用的后端的面向对象中的模块化思想(把一些大功能拆分成许多函数，然后分配给不同的人来开发)


b、把一个单页应用中的各种模块拆分到一个一个单独的组件(component)中，我们只要先在父级应用中写好各种组件标签(占坑)，并且在组件标签中写好要传入组件的参数(就像给函数传入参数一样，这个参数叫做组件的属性)，然后再分别写好各种组件的实现(填坑)


在面向对象编程中，我们可以使用面向对象的思想将各种模块打包成类或者把一个大的业务模块拆分成更多更小的几个类。在面向过程编程中，我们也可以把一些大功能拆分成许多函数，然后分配给不同的人来开发。


在前端应用，我们是否也可以像编程一样把模块封装呢?这就引入了组件化开发的思想。


Vue.js通过组件，把一个单页应用中的各种模块拆分到一个一个单独的组件(component)中，我们只要先在父级应用中写好各种组件标签(占坑)，并且在组件标签中写好要传入组件的参数(就像给函数传入参数一样，这个参数叫做组件的属性)，然后再分别写好各种组件的实现(填坑)，然后整个应用就算做完了。


11、为什么有VirtualDOM技术?


a、问题


现在的网速越来越快了，很多人家里都是几十甚至上百M的光纤，手机也是4G起步了，按道理一个网页才几百K，而且浏览器本身还会缓存很多资源文件，那么几十M的光纤为什么打开一个之前已经打开过，已经有缓存的页面还是感觉很慢呢?


b、原因


(1)、浏览器本身处理DOM也是有性能瓶颈的


(2)、用JQuery或者原生的JavaScriptDOM操作函数对DOM进行频繁操作的时候，浏览器要不停的渲染新的DOM树


这就是因为浏览器本身处理DOM也是有性能瓶颈的，尤其是在传统开发中，用JQuery或者原生的JavaScript
DOM操作函数对DOM进行频繁操作的时候，浏览器要不停的渲染新的DOM树，导致页面看起来非常卡顿。


12、VirtualDOM如何实现?


a、预计算dom的各种操作，把最后一次的结果渲染出来(减少dom的渲染次数)


而Virtual
DOM则是虚拟DOM的英文，简单来说，他就是一种可以预先通过JavaScript进行各种计算，把最终的DOM操作计算出来并优化，由于这个DOM操作属于预处理操作，并没有真实的操作DOM，所以叫做虚拟DOM。最后在计算完毕才真正将DOM操作提交，将DOM操作变化反映到DOM树上。


13、到底该怎么用Vue.js做单页应用开发?


其实可以直接看学习视频开始干，应该是最好的


a、介绍-vue.js官方文档的基础部分硬着头皮看一遍


我的建议是，先把介绍-
vue.js官方文档的基础部分硬着头皮看一遍。除了组件这个小节涉及到了很多晦涩难懂的名词以外，前面几章完全就是把Vue.js当作一个模版引擎来用。


b、ECMAScript6，Webpack，NPM以及Vue-Cli的基本用法，最好对Node.js也要有所了解


然后开始学习ECMAScript6，Webpack，NPM以及Vue-Cli的基本用法，最好对Node.js也要有所了解。


c、看网上各种实战视频以及文章还有别人开源的源代码


最后组件部分先大致看一遍，了解组件里面都有哪些概念之后，开始看网上各种实战视频以及文章还有别人开源的源代码。


14、ECMAScript是啥?


ECMAScript和JavaScript的关系是，前者是后者的规格，后者是前者的一种实现(另外的ECMAScript方言还有
Jscript和ActionScript)。日常场合，这两个词是可以互换的。


而ECMAScript6就是新一代的JavaScript语言。


15、Webpack是啥?


a、前端打包工具


Webpack是一个前端打包和构建工具。如果你之前一直是手写HTML，CSS，JavaScript，并且通过link标签将CSS引入你的HTML文件，以及通过Script标签的src属性引入外部的JS脚本，那么你肯定会对这个工具感到陌生。不要紧，我们先来了解一下为什么要用Webpack，然后带着原因去学习就好了。


16、为什么要用Webpack?


a、方便管理各种素材


b、打包以便减少浏览器的访问次数


前面说了，做一个单页应用程序本身就相当复杂，而且在做的时候肯定会使用到很多素材和别的第三方库，我们该如何去管理这些东西呢?


还有前面讲到了Webpack是一个前端打包工具，前端代码为什么要打包呢?因为单页应用程序中用到很多素材，如果每一个素材都通过在HTML中以src属性或者link来引入，那么请求一个页面的时候，可能浏览器就要发起十多次请求，往往请求的这些资源都是一些脚本代码或者很小的图片，这些资源本身才几k，下载连1秒都不需要，但是由于HTTP是应用层协议，它的下层是TCP这个运输层协议，TCP的握手和挥手过程消耗的时间可能比下载资源本身还要长，所以需要把这些小文件全部打包成一个文件，这样只要一次TCP握手和挥手的过程，就把多个资源给下载下来了，并且多个资源由于都是共享一个HTTP请求，所以head等部分也是共享的，相当于形成了规模效应，让网页展现更快，用户体验更好。


17、NPM和Node.js又是什么?它们是什么关系?


a、Node.js是一个服务端的JavaScript运行环境


Node.js是一个服务端的JavaScript运行环境，通过Node.js可以实现用JavaScript写独立程序。


b、Node.js可以写独立程序(Webpack就是Node.js写的)


像我们之前提到的Webpack就是Node.js写的，所以作为一个前端开发，即使你不用Node.js写独立程序，也得配一个Node.js运行环境，毕竟很多前端工具都是使用它写的。


c、NPM是一个node.js的包管理器(类似java的maven(包的依赖管理)，php也有一个类似的)。


NPM是一个node.js的包管理器。我们在传统开发的时候，JQuery.js大多都是网络搜索，然后去官网下载，或者直接引入CDN资源，这种方法太过于麻烦。如果以后遇到其他的包，这个包的代码本身可能还调用了其他的包(也称这个包和其他的那几个包存在依赖关系)，那么我们要在自己的项目中引入一个包将变得十分困难。现在我们有了NPM这个包管理器，直接可以通过


npminstallxxx包名称


的方式引入它，比如说


npminstallvue


18、Vue-CLi是啥?


它是一个vue.js的脚手架工具。说白了就是一个自动帮你生成好项目目录，配置好Webpack，以及各种依赖包的工具，它可以通过


npminstallvue-cli-g


的方式安装，后面的-g表示全局安装的意思，意味着你可以打开命令行之后直接通过vue命令调用它。


19、Vuex和Vue-route是什么(暂时了解即可)?


Vuex是vue的一个状态管理器。用于集中管理一个单页应用程序中的各种状态。


Vue-route是vue的一个前端路由器，这个路由器不是我们上网用的路由器，而是一个管理请求入口和页面映射关系的东西。它可以实现对页面局部进行无刷新的替换，让用户感觉就像切换到了网页一样。


要讲清楚这两个东西，又得花费大量篇幅，所以这里只是简单提一下，先学好vue.js本身才是最重要的。


以上就是小编今天为大家分享的关于Web前端初学者的常见问题汇总的文章，希望本篇文章能够对正在学习web前端知识的小伙伴们有所帮助，想要了解更多web前端知识记得关注北大青鸟web培训官网，最后祝愿小伙伴们学习成功，成为一名优秀的web前端工程师。


原创小才君软件编程网站开发

Ⅳ Web前端新手要了解的Web前端小技巧!

今天小编要跟大家分享的额文章是关于Web前端新手要了解的Web前端小技巧。Web前端看上去好像是搞文艺的，整天都要“符合顾客的审美”，但其实它的重点主要是在功能方面，要超越桌面应用程序，
Web应用程序必须提供简单、直观和即时响应的用户界面，让他们的用户花更少的精力和时间。

为了帮助大家更好的提高工作效率，今天小编就为大家带来了这篇Web前端小技巧的文章，希望能够对大家有所帮助。


一、界面元素的需求


在Web前端设计中，简单清新的页面是很重要的。在任何时候，用户的屏幕上显示的模块越多，那他将花费更多的时间去搞清楚所有模块的作用。当模块很少时，可用的功能变得更加明显更容易被发现。简化界面显然是不容易的，尤其是如果你不想限制应用程序的功能的时候。


当你点击Kontain
搜索框的搜索链接时，会出现一个类似于下拉菜单的层。所以，如果您需要来缩小搜索范围，您可以选择菜单中你所需要的类型。这些选项的聚合简化了搜索框。


我们需要了解用户的习惯，去掉不需要的部分，只显示最常用的部分。
你可以用弹出式菜单和操作来做这件事，这在桌面软件中很常见。决定该保留什么隐藏什么不是一个简单的任务，也会取决于重要性和操作时的频繁程度。


二、专门操作


根据情况选择合适的控件是很重要的。不同情况下可以用不同的方式处理，带有目的性的控件会比其他控件能够更好地完成他们的目标工作。


例如，拿日历和下拉列表来做比较，显然日历选择器相比下拉列表不是很方便，在日历里你可以直接通过点击选择你想要的某一天。日历选择器也会让你更容易看到日期、周期和月份(特别是工作日和休息日)，因此能够让用户更快做出选择。


三、禁用按下按钮


在Web应用程序的表单问题中，如果你快速地点击两次或者更多次“提交”按钮，这个表单会被多次提交。这个问题是因为它会重复创建相同的项目。其实这个问题不难，大多数Web应用程序来说做到这一点是非常必要的。


它有两层维护：客户端和服务器端
。我们不会通过服务器端维护是因为这将取决于您使用的编程语言和你的后端架构。基本上你应该做的就是在提交过程中添加一个检测机制，去检查被提交的内容是否重复，并且是否需要阻止提交。


四、弹出窗口的阴影


在弹出菜单和窗口下的阴影不止是看起来很漂亮这么简单。它们帮助菜单或者窗口通过强调从背景中脱颖而出
。它们还通过周围暗色调区域来屏蔽掉背景内容的噪音。


这种技术来源于传统的桌面软件，帮助用户把他们的焦点放在出现的窗口上。由于大多数情景窗口是不容易从桌面程序中辨识出来，所以阴影帮助他们更接近于读者，因为这种类似于三维的立体感，让用户更好分辨出。


五、空白状态时你要做什么?


当你的页面处在一个空白阶段时，你是怎么利用的?


当在页面或者查询结果没有信息时，告诉用户如何才能处理这些空白区域是跟用户最好的交谈。例如，一个项目管理应用程序的网页可能会列出用户的项目，但如果没有项目，你可以提供一个创建项目的链接。即使已经有创建项目的按钮存在在页面上，但这还是大大有利的。


通过空白状态去激励用户行为，可以大大减少“弹出”，并且帮助您的潜在客户，更好地了解该系统如何工作。


六、按钮按下的状态


本人很喜欢页面上看起来很立体的小按钮。其实默认输入按钮可能不适合在一些情况下，而文字链接很多时候不是很讨人喜欢。那么，当你把你的链接弄得看上去像按钮时，它们的操作也应该和按钮一样，当然包括被“按动”的效果。


这不是一个纯粹的视觉调整。提供即时反馈给用户将使应用程序感觉更有响应性。


你可以通过CSS为按钮增加按下的效果。


七、在登陆页面提供注册的链接


这个大家应该都是懂的，无论你点进大大小小的网站，不干点啥都要注册个账号。现在这个流量比油贵的年代，哪个站长不设置个注册才傻呢。


一些没有注册你的应用程序的用户将不可避免地停在你的登录页面上。他们想要使用你的应用程序，但是却不能立刻找到注册页面，这样的用户体验，会让你永远的失去这个用户。


八、关联导航


站在用户角度思考为什么他会点这个，那么他下一步想看见的是什么就给他什么链接。你不需要在每个地方显示同样的导航链接因为在用户可能不是在每个环境中都需要它们。


Web应用程序也可以受益于这种上下文关联的控件，因为这些控件通过只显示用户需要的内容来帮助整洁界面，并非显示所有的内容。


以上就是小编今天为大家分享的关于Web前端新手要了解的Web前端小技巧!的文章，希望本篇文章能够对正在从事Web前端工作的小伙伴们有所帮助。想要了解更多Web前端相关知识记得关注北大青鸟Web前端培训官网。最后祝愿小伙伴们工作顺利!


*声明：内容与图片均来源于网络(部分内容有修改)，版权归原作者所有，如来源信息有误或侵犯权益，请联系我们删除或授权事宜。

Ⅳ Web前端初学者要学习的前端开发技术有哪些

今天小编要跟大家分享的文章是关于Web前端初学者要学习的前端开发技术有哪些？Web前端要如何学？这是很多新手都会问的问题，究竟Web前端开发要学什么内容？哪些才是高薪前端必须要掌握的核心技术呢？接下来就跟小编一起来了解一下吧！第一阶段——HTML标签的学习超文本标记语言(HyperTextMark-upLanguage简称HTML)，“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字符素。
html是一个网页的骨架，就好比是盖房子的结构~这也是前端页面的基础。试着想一下，如果一个房子连砖头和水泥都没有，后面的步骤又有什么意义呢？所以我们必须完全掌握HTML的基本结构和常见的标签，属性。有了一个好的开始，距离成功就更近了一步~这里有两点建议，大家可以尝试：
1，语义化的去记忆。比如ulli这个就是列表，button就是按钮，table就是表格。其实这也是html5所倡导的，语义化标签。2，试着写一个小的demo，也许就只是一个列表，一个表格，或者一个按钮。
学习HTML就是要自己不断的去写，去尝试。看着自己的代码能跑起来，有了心目中的效果，这种心情还是很开心的！第二阶段——CSS的学习CSS，层叠样式表——（CascadingStyleSheets），是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力，简化或者优化写法，针对各类人群，有较强的易读性。
关于CSS的各种属性，我们还是可以参考学习HTML那样。可以说CSS的属性几乎完全是语义化的。我们需要改变边框，那就是“border”，那我们需要右侧边框做一些改变，那就是“border-right”。很明显，接下来按照我们的需求还有“右边框的宽度——border-right-with”，”右边框颜色——border-right-color”等等等，诸如此类~完全就是我们需要什么，只要凭着需求去寻找。第三阶段——JavaScriptJavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
javascript是一个可以运行在浏览器上面的语言（当然现在基于一些库/框架已经远不只是在浏览器上了），它可以操控浏览器，让浏览器听从我们的命令。这有点像一个电视剧和遥控器，而javascript就是我们的遥控器。浏览器根据javascript的指令，做出相应的反馈。比如操作DOM（也可以理解成为操作HTML），可以操作CSS。有了javascript就可以让我更加灵活&动态的操控HTML，CSS。
严格来说、HTML和CSS还算不上真正的“语言”，而javascript却是如假包换的脚本型语言，既然是语言，那就会有字符串，数组，对象等等。而我们的javascript可以处理这些与数据有关的工作，比如给数组排个序，去个重等等。
而我们依靠javascript可以做些什么呢？网页上常见的轮播图，网站的注册功能，提交我们的留言，刷新获取新闻等等。当然，我们强大的javascript远不止此！第四个阶段——jQueryjQuery是一个兼容多浏览器的javascript库，核心理念是write
less,domore(写得更少,做得更多)。jQuery在2006年1月由美国人JohnResig在纽约的barcamp发布，吸引了来自世界各地的众多JavaScript高手加入，由DaveMethvin率领团队进行开发。如今，jQuery已经成为最流行的javascript库，在世界前10000个访问最多的网站中，有超过55%在使用jQuery。
如果继续用盖房子做例子，jQuery更像是一个装修队。我们只需要关注我们的房子设计本身，把我的想法，理念告知这个装修队，让它来给我们处理那些杂七杂八的事情。
另外谈到Web前端要如何学的问题，在这里简单给大家介绍一些学习Web前端时候的方法，也希望对大家有些帮助，在写css前，其实html的结构要是比较合理的，这样写css也会比较顺手。在写一个网页之前，建议先琢磨几分钟，不要上来就写。多去看看别人是怎么写的，然后结合自己的项目，心中有一个大致规划。可以先把最外层轮廓写好，先不着急去写某一个具体的部分。有关CSS的小技巧1、CSS缩写CSS缩写简化了你的CSS代码，更重要的是，它让你的代码更加整洁易懂。不是像这样创建

而是像这样创建2、理解class和id这两个选择器总是让初学者感到迷惑。在CSS中，Class和ID分别用点“.”和井号“#”来标识。简单来说id就是用来标识那些单独不重复的样式，而class是可以重复使用的。
3、实用的