萌新的IDEA_web开发笔记（未完）

萌新IDEA_web开发笔记

按兴趣自己搞的网页：

http://47.94.140.98:8080/ow_web/my_web/web/

暂时还没做完。

部署在租的服务器上面，背景视频加载可能有点慢，主要看网速吧。

推荐Chrome浏览器，显示器和网页倍率均为100%。

一、项目创建

此处参考：https://www.cnblogs.com/shindo/p/7272646.html

JDK版本：java version "1.8.0_161"44，tomcat版本：9.0.12，module创建时Web Application Version 4.0

二、笔记日志

1、标题图案

上网查找发现标题图案有两种，即所谓的“被动式”和“自动式”；

我使用被动式的方法，图片（16x16）重命名为favicon.ico放在WEB-INF下，标题图标会自动生成，收藏夹图标也是。

参考链接：https://www.cnblogs.com/lyp123/articles/5661661.html

2、用相对路径可能要好一点

写网页的时候肯定有不少超链接，需要你给出下一个jsp的地址。如果你在本地开发一点问题没有，部署到服务器的时候可能有各种路径发生变化，和原先不一样（看个人情况）。

比如说在本机是localhost:8080/my_web，部署到服务器可能就变成47.94.140.98:8080/ow_web/my_web，前面那一节无所谓，但是后面的就呵呵了，如果写绝对路径，可能很多文件加载不出来。

3、疑点：网页源代码和F12（开发人员模式）看到的不一样

可能这是一个萌新的问题……

在看别人网页的时候，我发现有时候右键->查看网页源代码，和浏览器F12开发人员模式看到的不一样。

比如说：

查看源代码：

开发人员模式：

网页上确实有一个toolbar一样的菜单栏，但是在源代码里面没有。（所以事实证明，F12看到的是浏览器真正显示出来的东西）

这个问题我理解是，源代码中某个地方的函数（或者是css里面的）加载了这么一个东西，我在源代码里面还没找到。浏览器看到的应该是对源代码的最终解释（就是你最终看到的东西）。

4、alert()弹窗

我们都知道在script里面alert是弹窗警告的意思，但是有时候会遇见alert弹不出来的情况。

参考链接：https://www.baidu.com/link?url=vtbFrRMrIf2_eTveKSKTYgQLvcAquK1EmWAnoOs-kbjgYDKMJWSM8tZguM4LWA_i&wd=&eqid=b7a32de30000088a000000035c1857ec

我遇到的情况与之类似，但解决方法不一样。我是把script里面的type改为text/javascript；而我一开始写的是javascript。

查了一下w3school发现没有type = "javascript"这个选项值，也就是说我写错了（那么为什么IDEA的联想输入提示我可以写javascript，被坑了）

啰嗦一句：type = "text/javascript"和language = "JavaScript"是等效的。

来自w3school的参考链接：http://www.w3school.com.cn/tags/att_script_type.asp

5、登录前端界面

9款大气实用的HTML5/CSS3注册登录表单：http://www.i7758.com/archives/1625.html