Java工程需要写gitignore文件

每次Commit一大堆Modify

和Xcode工程不一样，Java工程貌似每次Commit的时候会把编译的临时文件也进行commit

这样大家就没法协作了 因为每个机器生成的不一样，所以不能提交除了源代码和工程文件以外的文件

我不知道Xcode的工程怎么做到的，反正Java里可以通过写gitignore文件忽略掉这些文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
#folder
target/
#fixed file
.class
.exe
.log
.prefs
.project
.classpath
.metadata
.settings
.DS_Store
Thumbs.db
.project
*.iml
*.ipr
*.iws
*.tar.gz
.idea
*.log

以上代表屏蔽掉target目录里的东西以及各种格式的文件夹

展开全文 >>

MacOS 10.11 如何在命令行下使用Shadowsocks

ShadowsocksX

Mac 中有个软件叫ShadowsocksX十分好用，但是有个问题比较坑爹就是命令行下无法使用，即使开了全局模式也不行

该文章在10.12.2的系统里已经失效，请参考MacOS 10.12 终端命令行下使用Shadowsocks

使用proxychains-ng无效

在以往多很多教程里都推荐使用proxychains-ng在命令行里做代理，从而达到科学上网的效果，但是在Mac 10.11之后Apple 推出了一个叫 System Integrity Protection 的功能，会导致代理失效

好多解决方式是进入Recovery模式下关掉这个安全措施

  1. 如果是使用 brew install proxychains-ng 安装的话，由于没有写入权限，必须暂时关闭 SIP，安装成功之后再打开 SIP
  2. 进入 Recovery 模式，在终端执行 csrutil disable，禁止 SIP
  3. 安装完成后再次进入 Recovery 执行 csrutil enable

但是这个方法总感觉有点坑爹

正确的姿势使用Proxifier

Mac中还有可以根据App设置代理的软件叫Proxifier，去网上下个可用版本然后进行如下配置

添加本地端口1080的代理，因为ShadowsocksX启动的Shadowsocks服务在此端口

Figure01

对需要走Shadowsocks的Application让其使用上一步1080端口的代理，然后让ShadowsocksX本身走Direct直接链接

Figure02

然后在DNS里配置强制远程解析DNS (这点很重要！！一定要改)

Figure03

为什么要让ShadowsocksX本身Direct

如上图所示我们锁死了 Google Photos Backup 和 Terminal 这两个应用走1080端口是没问题，如果不对App加以限制的时候，就回造成任何流量都走1080端口，会造成死锁

1
2
3

任意流量转发至1080 ====> ShadowsocksX接收到任意流量 ====> ShadowsocksX向外发出流量(这个也属于任意流量) ====> 再次转发到1080端口

软件本身在出现这种情况的时候也会提示你进行添加

展开全文 >>

JSP中静态资源寻址问题

JSP页面的地址问题

我们根据文章

  1. JSP地址映射
  2. HTML/JS/CSS相对路径不同

可以得知JSP作为一种动态网页技术是可以对服务器上实际的静态资源地址做映射的，且在Web技术中不同文件的相对路径寻址机制不同

设立参考点ctx

为了解决在JSP的寻址问题，可以通过JSP标签设置一个全局变量 ctx 作为该Web服务的根目录参考点，

通常和jstl核心标签放在一起，被所有文件加载

1
2
3
4
5
6
<%-- jstl核心标签 --%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@	taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%-- 当前Context的根目录赋值给ctx --%>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>

使用ctx＋静态路径

假设在Tomcat服务器的webapps目录下存在project.war，此时

${ctx} ＝ /project

使用该目录左右参考点，不管Servlet中和mvc:resources中如何映射，都能找到确定的地址 相当于使用绝对路径寻址

1
2
<script src="${ctx}/js/util/bug-util.js"></script> <====JSP中的书写样式
<script src="/project/js/util/bug-util.js"></script> <====生成后的页面样式

展开全文 >>

JS和CSS的相对路径不同

如果存在一个HTML文件

假设访问地址

1
www.int.com/html/page

可以访问到page.html文件，而在page.html文件中进行了加载CSS文件和JS文件

1
2
<link href="../css/style.css" rel="stylesheet" />
<script src="../js/util.js"></script>

在CSS和JS中使用相对路径

CSS文件中引用了图片image01

1
2
3
.icon {
    background: url(../img/image01.png) no-repeat top;
}

JS文件中进行了相对路径跳转

1
2
location.herf ＝ "../index.html"

以上HTML/JS/CSS的相对路径是指的哪里

先说结论 JS文件的相对路径是以其宿主文件(html)为准的，而CSS是以自己为准的 根据以上假设，util.js文件的宿主是page.html，那么可以总结出下表

路径 HTML JS CSS
文件路径 www.int.com/html/page.html www.int.com/js/util.js www.int.com/css/style.css
/ www.int.com/ www.int.com/ www.int.com/
. www.int.com/html www.int.com/html www.int.com/css
.. www.int.com/ www.int.com/ www.int.com/

表格结论

  1. 不论哪个文件使用“／” 时都代表根目录
  2. 在使用当前目录“.”的时候，HTML是是代表自己，JS是代表宿主，所以上表中一致，CSS是代表其自己

展开全文 >>

a标签中javascript:;伪协议

a标签使用javascript:;伪协议的目的

通常我们为a标签增加href属性，一般有两个目的：

  1. 跳转到指定的页面，也就是:link选择器可以选择到它。
  2. 有href属性的a标签才有cursor：pointer的效果，特别实在低版本浏览器里面。

如果我们不想让点击a标签的时候界面产生移动，以及想让他具有cursor：pointer属性怎么办，于是就是使用伪协议

javascript:协议

“javascript:” 该字符串代表高速浏览器之后的都是JS代码，而直接紧跟 “;” 就是代表JS里的代码结束，也就是不执行任何逻辑

不想要a标签跳转的几种方法

1
2
3
4
5
6
7
8
9
10
11
12
13
<a href="#"></a>

<a href="#none"></a>

<a href="###"></a>

<a href="javascript:"></a>

<a href="javascript:;"></a>

<a href="javascript:void(0)"></a>

<a href="javascript :void(0);"></a>

第1种，点击这个链接后，会让页面跳到页面顶部，在location.href后面增加#号。

第2种，点击这个链接后， 如果页面里面有id为none的元素，会执行锚点机制跳转到这个元素上缘。

第3种，不跳转，可以阻止默认的跳转行为，但是这个在后端代码中容易识别成注释，后面的代码不显示，之前遇到过这种坑，之后再没用过。

后面几种使用了javascript伪协议

参考文章

1.javascript伪协议

展开全文 >>

DOM对象中的Node和Element的区别

DOM对象

根据JS中DOM对象的描述，DOM内部分为Node和Element，并且放入了两个不同的数组 childNodes 和 children

1
2
3
4
5
6
7
8
9
10
11
......

childElementCount:0     <==== 内部的元素
childNodes:NodeList[1]  <==== 内部的节点
children:HTMLCollection[0]

......

firstChild:text         <==== 标签内部有文本
firstElementChild:null  <==== 该项为null表示标签内部不再有<>元素

什么是Node什么是Element

只要是有字符空间存在(哪怕是空字符)就是Node，带有<>标签标记的才是Element,Node里包括Element

如何计算Node和Element

假设存在一个DOM对象,它有几个Node和几个Element呢

1
2
3
4
5
6
7
<div>
  Text
  <span>
    SpanText
  </span>
</div>

  1. div中有3个Node ＝ 文本Text是Node[0]，span标签是Node[1]
  2. 第三个Node在span结束标签和div结束标签之间，虽然是空字符，但是有空间，所以是Node[2]
  3. div中有1个Element ＝ span标签Element[0]

所以说div的各种属性是

标签 childElementCount childNodes children
div 1 NodeList[3] HTMLCollection[1]
  1. span中有1个Node ＝ 文本SpanText是Node[0]
  2. span里没有Element了，因为不包含任何标签

所以说span的各种属性是

标签 childElementCount childNodes children
span 0 NodeList[1] HTMLCollection[0]

展开全文 >>

JQuery对象和DOM对象区别和转化

JQuery对象和DOM对象的联系

DOM对象是JavaScript源生提供对HTML的DOM进行模型化的一个对象，JQuery对象是对该对象进行了封装，并且添加了JQuery方法等

DOM对象长什么样

DOM对象是一个及其复杂的对象，其详细描述了该HTML的状态，摘取一部分如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
accessKey:""
attributes:NamedNodeMap
autofocus:false
baseURI:"http://localhost:8080/psas/bug/submit"
childElementCount:0     <==== 内部的元素
childNodes:NodeList[1]  <==== 内部的节点
children:HTMLCollection[0]
classList:DOMTokenList[0]

......

firstChild:text         <==== 标签内部有文本
firstElementChild:null  <==== 该项为null表示标签内部不再有<>元素
form:null
hidden:false
id:"bug-level"
innerHTML:"↵       " <==== 内部的HTML文本，包括换行符
innerText:""         <==== 内部的字符串文本，不包括换行符

......

__proto__:HTMLSelectElement  <==== 所有的HTML方法都保存在里面

JQuery对象长什么样

JQuery对象是由一组DOM对象和若干JQuery信息和方法组成的，因为在使用JQuery选择器的时候可以选择出一组的DOM而不是一个

1
2
3
4
5
6
7
8
JQueryObject:init[2]
  0:div#id-1           <====第一个DOM对象
  1:div#id-2           <====第二个DOM对象
  context:document     <==== 当前的文档属性
  length:2             <==== 内部有几个DOM对象
  prevObject:init[1]   <==== 前一个JQuery对象！这里前一个也是JQuery对象注意
  selector:"div#JQueryObject"   <====选择器
  __proto__:Object[0]  <====JQuery方法

JQuery对象和DOM对象如何转换

JQuery ====> DOM

由于DOM对象被包在JQuery中，所以两种转换方式将一个JQuery对象转换成DOM对象：[index]和.get(index)

1
2
var DOM = $("div#id")[0]
var DOM = $("div#id").get(0)

DOM ====> JQuery

一个DOM对象，只需要用$()把DOM对象包装起来，就可以获得一个JQuery对象从而使用JQuery方法

相当于拿DOM对象初始化了一个JQuery对象

1
var JQuery = $(DOM)

展开全文 >>

Session和Cookie的区别和定义

Session是什么

在Java服务器中，Session是一个Java的Class， 是服务器内存中的一个概念

1
javax.servlet.http.HttpSession;

每一个Session是一个实例化的对象，内部有个Map可以通过键值对保存数据

Cookie是什么

参考文章 HTTP报文基本概念 可知道 Cookie是HTTP请求中的一个概念

Cookie是HTTP报文头的一部分，内部是Key-Value键值对来储存数据的

Session和Cookie的关系

从上文得知Session和Cookie压根是两个领域的概念 那么他们之间有什么关系呢

  1. 在HTTP的概念中可以得知HTTP报文是短连接报文，每一次是由一个Request和一个Response组成，两次请求之间没有关系。
  2. 那么当我们使用浏览器时，首先坐了用户登录，然后进行了一系列操作

那么问题来了 服务器如何知道我们多次操作是来自同一个用户(浏览器）的呢？

答案就是Session和Cookie两个机制共同作用，用来完成操作来源者但识别工作

Session的职能

  1. 服务器收到一个新请求
  2. 检查Cookie中是否有Session字段(SessionID)

此时会有两种情况，第一次请求

  1. 没有Session字段，此时服务器容器new Session()
  2. new出的Session会生成一个SessionID
  3. SessionId被通过Response中但Set-Cookie字段放到HTTP的返回中

第二次请求

  1. 发现SessionID，找到服务器中已经被实例化的Session
  2. 由于找到了Session，所以可以使用Session中保存的数据

Cookie的职能

  1. 浏览器发出请求，带走当前域下浏览器缓存区里所有Cookie
  2. 浏览器得到返回报文，从Set-Cookie字段里取出所有Cookie放入当前域缓存

Session与Cookie的协同作用

通过Session和Cookie但职能描述我们发现

  1. Cookie只是一个传递手段，每次HTTP请求都不关心其中的内容
  2. 服务器如何判断是不是同一来源的请求，依赖于Cookie有没有保存Session的字段SessionID

也就是说

第一次请求时，Cookie中没有SessionID，服务器会生成，然后放入Response报文返回到浏览器里，之后的请求浏览器会发送带有SessionID的Cookie，所以服务器可以判断出是否来自同一来源

Session与Cookie中的一些混淆的概念

Q:程序员常说的”从Cookie中取出Session”是什么

A: 这句话的完成表达是 “从服务器当前域下的Cookie中取出SessionID”

Q:Session里的数据能不能被浏览器读取到

A: Session是服务器的概念，存在于服务器的内存中，只是其一个参数SessionID被放入了Cookie，所以说Map中的数据不会出现在HTTP报文中，只有前端拿着这个SessionID跑到服务器来，在服务器的逻辑中才能取到Session中的数据

Q:我A网站的Session会不会被带到B网站

A: 在浏览器中有个域的概念，不同的网站有不同的缓存空间，你在A网站下发送的HTTP请求，只能从自己的缓存空间里拿Cookie，拿不到B的Cookie，自然也就读不到B的SessionID，但是如果浏览器本身就被人修改过就不一定了。这里牵扯到了网络安全的基本知识，细节请自行学习。

Q:Session和用户是否登录有关系么？

A: Session是服务器管理HTTP链接的一个机制，和用户登录不登录没有关系，用户登录是在该机制上层业务层的一个东西，不管是否登录都有Session存在，无非是生成的Session中是否包涵的登录信息。

简单来说如果用户登录成功，生成的SessionID为11位，如果没有成功生成SessionID是10位，那么当Session返回服务端的时候，通过判断位数就可以验证用户当前是登录还是未登录的逻辑。(实际应用中并不会这么简单，SessionID的生成逻辑更复杂)

Q:Session可以自定义么

A: Session是可以自定义的，不一定使用javax.servlet.http.HttpSession，甚至和HTTP也没关系，它本身仅仅是一种状态保持逻辑，比如Spring有自己的Session类，Shiro也有自己的Session，用错甚至会引发问题

展开全文 >>

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

我写的，大概率是错的。。。。。