我和前端的那些事儿

在开发领域，总能听到这两个词：“前端”、“后端”。

然，像我这种没有系统学习过的人来说，而且圈子也比较小众，第一次听到这种词是比较陌生的。但好在语文功底不错，顾名思义，结合实际场景，大概也能猜出一二。

第一次决定自己写一个 HTML Demo 的时候，是为了做个导航页面，因为不想每次都手动输入地址（博主是个比较懒的人），然后开始去了解HTML相关的内容，当然深入学习那是不可能的，经常是明确需求，然后各种搜索，各种修改。也不怕看到这篇博文的各位大佬笑话，我的 Demo 都是需改一点，刷新看看，再修改一点，在刷新看看 …… 如此反复，最终达到我要的效果。

所以，看似简单的页面，我写是需要耗比较长的时间才能完成。但毕竟一个坑一个坑走来的，印象深刻，也逐渐了解编程怎么回事，接触其它语言代码的时候，也没有当初的恐惧感。

我了解的HTML页面结构

<!DOCTYPE html>
<html>
    <meta charset="utf-8" >   <!--字体编码-->
    <title>xxxx</title>  <!--页面标题-->
    <meta http-equiv="u-ua-compatible" content="ie=edge,chrome=1" /> <!--浏览器声明-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" herf="xxx/xx.css" /> <!--CSS 文件引入-->
    <script src="xx/xx.js"></script>  <!--JS 文件引用-->
    <body>
        <!--页面主体，在浏览器中展示-->
    </body>
</html>

HTML 有专用的脚本语言

1、JavaScript 是浏览器脚本语言，除了 JavaScript 还有 jQuery；
2、JavaScript 是原生的，原始的，需要自己构造方法；jQuery 集成很多库，可以直接调用；
3、在HTML中写JavaScript脚本，需要用 <script></script> 来标记；
4、JavaScript 可以控制CSS，比如隐藏、显示以及各种样式值控制等等；
5、如果引入的JavaScript需要传递参数，可以这么写：
        <script>
            var str = xxx;
            document.write("<script type='text/javascript' src='https://xxx.com/xx.js?s="+str+"'></"+"script"+">");
        </script>
6、JavaScript 构造 function 中的变量，不能在function 外使用；
7、JavaScript 同样支持 if、if-else、while、switch-case 等语句；