zoukankan      html  css  js  c++  java
  • 前端三大组成部分

    学习前端算是有段时间了吧,现在算是对前端有个大概的认识了,先来总结一下前端所包括的主要内容,对自己的学习来个小结。

    前端简单说就是我们能够看到的东西,比如页面内容,颜色,图片等,后端主要负责的是后台数据的传输等。前端主要包括三个部分:html、css、javascript

    1、页面结构:HTML

    HTML是用来描述网页的一种语言,它不是一种编程语言,而是一种标记语言(标记标签),总的来说,HTML使用标记标签来描述网页,如下:

    1 <h1>这是一个标题</h1>
    2 <p>这是一个段落</p>
    3 <a href="http://www.baidu.com">这是一个超链接</a>

    html就是通过这些一系列的标签来描述页面,构成页面的主体部分

    2、页面样式:CSS

    CSS的官方名字叫层叠样式表,它主要负责页面中各个部分的样式,如:字体大小、颜色,布局等。css样式可以放到html页面中,也可以单独的放到css文件中。如:

     1 h1{
     2   color:red;
     3 }
     4 
     5 p{
     6   font-size:20px;
     7 }
     8 
     9 a{
    10   text-decoration:none;
    11 }

    通过css赋予了页面更多的可能性。随着css3的动画功能的强大,仅仅通过css3就可以构造出许多好看的动态效果。

     3、增加功能:javascript

    Javascript是脚本语言,它是连接前台和后台服务器的桥梁,它是操纵html的能手,为页面添加各种操作,使页面动起来。如我们在页面上看到的按钮单击后的页面跳转或者弹不出的对话框、警告框等,都是通过JS实现的。本文就原生js,js库,js框架,js插件简单说明一下。
    1、原生js,是指最基础的js,没有封装过,但因为各浏览器对js的支持不同,就导致用基础的js编程需要为不同的浏览器写兼容代码。
    2、Js库,js框架,是指集成一系列dom操作,API封装,界面UI封装的的库类,常见的有jQuery,extjs等等。使用JS库可以解决浏览器之间的兼容问题,简化JS代码。
    3、Js插件,就是集成了帮助程序员轻松完成功能的程序。Js插件用得比较多,网页制作上随处可见。如图片轮换功能,导航制作,上传图片等等。

    1 document.write("第一个JavaScript代码");
    2 alert("Hello World");

    输入以上代码,即可在页面中看到效果。

    推荐一个在线编辑器:

    RunJS

  • 相关阅读:
    Python中所有的关键字
    关于selenium的8种元素定位
    对提示框的操作
    selenium+webservice进行百度登录
    MISCONF Redis is configured to save RDB snapshots, but is currently not able to persist on disk. Commands that may modify the data set are disabled...报错解决
    Vue中使用echarts
    npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142解决方法
    插入排序
    冒泡排序优化
    roject 'org.springframework.boot:spring-boot-starter-parent:XXX' not found 解决
  • 原文地址:https://www.cnblogs.com/lihuijuan/p/8480062.html
Copyright © 2011-2022 走看看