前端页面编程的思路

编程最忌讳就是一拿到项目就进行编写，编到哪改到哪，这往往也是新手最容易犯的错误。编程最重要的是编程思想，今天小编就来聊聊前端页面编程的一些思想。前端页面编程由html，css以及JavaScript三大基石组成。以下分三部分阐述一个前端项目编写的一些思想及布局。

html

<head>
        <meta charset="UTF-8">
        <title></title>
        //用于移动端页面的设置
        <meta name="viewport" content="width=375,user-scalable=no" />
        //连接至css的链接
        <link href="相对路径" rel="stylesheet" type="text/css"/>    
    </head>
    <body>
        <此部分用于对实现业务功能界面的程序编写>

        //连接至jQuery库的链接
        <script src="js/jquery-1.11.0.js" type="text/javascript" charset="UTF-8"></script>
        //连接至自己编写js的链接
        <script src="js/index.js" type="text/javascript" charset="UTF-8"></script>                  
    </body>

css

/*先进行总体设置*/
*{
    margin: 0;
    padding: 0;
    /*设置不会因为内边距和外边距撑开宽度和高度*/
    box-sizing: border-box;
}
html,body{
    width:100%;
    height: 100%;
}

/*以下部分可以对其他具体样式的编程*/

JavaScript

//JavaScript界面，最上面部分用来写全局变量
var tikuList = [];
var currentTimu = {};
var score = 0;
var ischoose = false;
var num =10;

//以下部分可以对其他事件进行编写

前端页面编程的思路

推荐阅读更多精彩内容