【老板小剧场】02-要学的东西好像还挺多
程序员文章站
2022-04-07 18:20:31
工作日志： 2020-10-23， 天气晴小二：老板，做网站这东西貌似还挺复杂，给我点时间，我要学习学习。几个小时之后老板：小二，学咋样啊？啥时候能做好这个网站？明天行不？小二：老板，你要不找个专业公司，让他们干吧，这活我觉得我干不了。老板：小二，我觉得你可以，你加加班，尽快给我一个结果。小二：老板，我要学好多东西，html，css，js。就算我用bootstrap也要给我点时间啊。老版：好，你给我个时间点。小二：两周，先给我两周……（内心OS：曾经有一份……，我希望是……）跟着昨天搜...
工作日志： 2020-10-23， 天气晴
小二：老板，做网站这东西貌似还挺复杂，给我点时间，我要学习学习。
几个小时之后
老板：小二，学咋样啊？啥时候能做好这个网站？明天行不？
小二：老板，你要不找个专业公司，让他们干吧，这活我觉得我干不了。
老板：小二，我觉得你可以，你加加班，尽快给我一个结果。
小二：老板，我要学好多东西，html，css，js。就算我用bootstrap也要给我点时间啊。
老版：好，你给我个时间点。
小二：两周，先给我两周……（内心OS：曾经有一份……，我希望是……）
跟着昨天搜到的博客操作，发现编辑index.html文件，真是一个很繁琐的事情，还挺难。
为了编写这种代码，最好还是搞一个类似sublime这样的有的编辑器，利用他的emmet插件，能降低这种html代码的开发难度。
今天看到有个bootstrap，打算用它做网站。查找了一下教程，发现这个网站还不错。根据这个教程里面的安装指引，从https://www.staticfile.org/ 查找的几个文件最新的版本，略略修改了一下index.html，贴上来。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 新 Bootstrap4 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.5.3/css/bootstrap.min.css">
<title>老板小剧场</title>
</head>
<body>
<h1>老板，这是一个网站!</h1>
<br>
<h2>Hello world!</h2>
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="https://cdn.staticfile.org/jquery/3.5.1/jquery.min.js"></script>
<!-- bootstrap.bundle.min.js 用于弹窗、提示、下拉菜单，包含了 popper.min.js -->
<script src="https://cdn.staticfile.org/popper.js/2.5.3/cjs/popper.min.js"></script>
<!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.5.3/js/bootstrap.min.js"></script>
</body>
</html>
重新运行网站，发现字体格式确实有变化，说明引入的这些js，css生效了。
接下来就继续按照老板的要求，看看页头，内容，页尾怎么做了。
不过要开启的分支学习可能有点多：
- bootstrap
- html/html5
- css
- javascrip
- sublime/emmet
本文地址：https://blog.csdn.net/hryjzsh/article/details/109223594
上一篇： Java并发深度总结：乐观锁CAS
下一篇： CSS实现Hover下拉菜单的方法