萌新的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弹不出来的情况。
我遇到的情况与之类似,但解决方法不一样。我是把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