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

萌新的IDEA_web开发笔记(未完)的更多相关文章

  1. [开发笔记]-未找到与约束ContractName Microsoft.VisualStudio.Text.ITextDocumentFactoryService...匹配的导出【转载自:酷小孩】

    原文地址:http://www.cnblogs.com/babycool/p/3199158.html 今天打算用VisualStudio2012做一个js效果页面测试的时候,打开VS2012新建项目 ...

  2. Go web编程学习笔记——未完待续

    1. 1).GOPATH设置 先设置自己的GOPATH,可以在本机中运行$PATH进行查看: userdeMacBook-Pro:~ user$ $GOPATH -bash: /Users/user/ ...

  3. jQuery 学习笔记(未完待续)

    一.jQuery概述    宗旨: Write Less, Do More.    基础知识:        1.符号$代替document.getElementById()函数        2.使 ...

  4. JSP应用开发 -------- 电纸书(未完待续)

    http://www.educity.cn/jiaocheng/j9415.html JSP程序员常用的技术   第1章 JSP及其相关技术导航 [本章专家知识导学] JSP是一种编程语言,也是一种动 ...

  5. JavaScript设计模式:读书笔记(未完)

    该篇随我读书的进度持续更新阅读书目:<JavaScript设计模式> 2016/3/30 2016/3/31 2016/4/8 2016/3/30: 模式是一种可复用的解决方案,可用于解决 ...

  6. 漫漫征途,java开发(未完待续)

    前言 2018年,大二上,有幸加入服务外包实验室的考核,在考核中,主动加入xxx项目的后端,一是为了积累项目经验,二是为了学到更多东西,进入了之后发现原来要学的这么多,时间这么紧!但唯有学习! 心得体 ...

  7. linux学习笔记---未完待续,缓慢更新

    做为linux菜鸟,由于work的需要,慢慢的开始接触学习linux. <鸟哥的linux私房菜>学习笔记. 一.基础命令操作 1.显示日期的命令 date 执行date命令后,显示结果为 ...

  8. oracle-绑定变量学习笔记(未完待续)

    --定义变量SQL> var a number; --给绑定变量赋值SQL> exec :a :=123; PL/SQL procedure successfully completed. ...

  9. Greys学习笔记(未完待续)

    Greys介绍 greys-anatomy是一个Java线上诊断工具,取名来自美剧<实习医生格雷>,由菜鸟-杜琨同学开发维护.比我们常用的脚本工具btrace提供更多的功能,greys采用 ...

随机推荐

  1. (十五)The Search API

    Now let’s start with some simple searches. There are two basic ways to run searches: one is by sendi ...

  2. C++ SIMD

    SIMD Single Instruction Multiple Data

  3. 使用Flame Graph进行系统性能分析

    关键词:Flame Graph.perf.perl. FlameGraph是由BrendanGregg开发的一款开源可视化性能分析工具,形象的成为火焰图. 从底向上像火苗一样逐渐变小,也反映了相互之间 ...

  4. PHP利用多进程处理任务

    PHP多进程一般应用在PHP_CLI命令行中执行php脚本,不要在web访问时使用.   多进程处理分解任务一般要比单进程更快.   php查看是否安装多进程模块: php -m | grep pcn ...

  5. 故障公告:docker swarm集群“群龙无首”造成部分站点无法访问

    今天傍晚 17:38-18:18 左右,由于 docker swarm 集群出现 "The swarm does not have a leader" 问题,造成博问.闪存.园子. ...

  6. keepalived--小白博客

    一.HA集群中的相关术语 1.节点(node) 运行HA进程的一个独立主机,称为节点,节点是HA的核心组成部分,每个节点上运行着操作系统和高可用软件服务,在高可用集群中,节点有主次之分,分别称之为主节 ...

  7. lvs--小白博客

    lvs 一.负载均衡LVS基本介绍 LVS是 Linux Virtual Server 的简称,也就是Linux虚拟服务器.这是一个由章文嵩博士发起的一个开源项目,它的官方网站是 http://www ...

  8. powershell 函数, foreach中格式化

    function testArg { $n = 1; if($args.Count -eq 0) { "No arg!" } else { $args | foreach {&qu ...

  9. c语言提高第二天

    一.指针强化1.指针也是一种数据类型,指针变量也是一种变量,和int a本质是一样的 1)指针变量也是一种变量,也有空间,32位程序大小为4个字节 int *p = 0x1122; 2)*操作符,*相 ...

  10. phpStudy The requested URL /web/index.php was not found on this server

    1.原因 phpStudy的httpd-conf 与 vhosts-ini 的目录设置错了 2.解决 分别打开httpd-conf 与 vhosts-ini 2个文件,搜索WWW,把里面的路径改成你的 ...