萌新的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

原文地址:https://www.cnblogs.com/maxeysblog/p/10081391.html