Jim Abraham

How to use compass

liu1084@gmail.com — Wed, 02 Oct 2024 14:20:00 +0000

Compass adjusts the way partials are imported. It allows importing components based solely on their name, without specifying the path.

Before you can do @import 'compass';, you should:

Install Compass as a Ruby gem:

gem install compass

After that, you should use Compass’s own command line tool to compile your SASS code:

cd path/to/your/project/
compass compile

Note that Compass reqiures a configuration file called config.rb. You should create it for Compass to work.

java/Adding Unmanaged Dependencies to a Maven Project

liu1084@gmail.com — Thu, 23 Feb 2017 17:25:05 +0800

Some Java applications have dependencies that aren’t available in a public or private Maven repository (the latter of which can be accessed using a custom settings.xml file). This guide shows you how to add these unmanaged libraries in your application project and tell Maven how to find them.

java/maven/package a jar using mvn command

liu1084@gmail.com — Mon, 13 Feb 2017 00:50:47 +0800

Add maven-assembly-plugin to POM.xml

<build>
  <plugins>
    <plugin>
      <artifactId>maven-assembly-plugin</artifactId>
      <configuration>
        <archive>
          <manifest>
            <mainClass>YOUR MAIN CLASS NAME @ HERE</mainClass>
          </manifest>
        </archive>
        <descriptorRefs>
          <descriptorRef>jar-with-dependencies</descriptorRef>
        </descriptorRefs>
      </configuration>
    </plugin>
  </plugins>
</build>

change YOUR MAIN CLASS NAME @ HERE as real in your POM.xml file
run mvn clean compile assembly:single

mvn clean compile assembly:single

javascript/top

liu1084@gmail.com — Sun, 12 Feb 2017 18:56:57 +0800

在应用有frameset或者iframe的页面时

parent - 父窗口
top - 最顶级父窗口（有的窗口中套了好几层frameset或者iframe）
self - 当前窗口
opener - 用open方法打开当前窗口的那个窗口

window.self

功能：是对当前窗口自身的引用。它和window属性是等价的。语法：window.self 注：window、self、window.self是等价的。

window.top

功能：返回顶层窗口，即浏览器窗口。语法：window.top 注：如果窗口本身就是顶层窗口，top属性返回的是对自身的引用。

window.parent

功能：返回父窗口。语法：window.parent 注：如果窗口本身是顶层窗口，parent属性返回的是对自身的引用。在框架网页中，一般父窗口就是顶层窗口，但如果框架中还有框架，父窗口和顶层窗口就不一定相同了。

判断当前窗口是否在一个框架中：

var b = window.top!=window.self;
document.write( "当前窗口是否在一个框架中："+b );

你应当将框架视为窗口中的不同区域，框架是浏览器窗口中特定的部分。一个浏览器窗口可以根据你的需要分成任意多的框架，一个单个的框架也可以分成其它多个框架，即所谓的嵌套框架。

java/Getting a random number

liu1084@gmail.com — Fri, 03 Feb 2017 14:49:11 +0800

方法1: Using Math.random()

int random = (int)(Math.random() * 50 + 1);

** 解释

Math.random() 将会返回 0.0 到 0.999之前的随机数. 所以,乘以50变成0.0到49.95,再加1,变成1.0到50.95,取整,就会得到1到50.

方法2: Using Random 类

int max = 50, min = 1;
Random rand = new Random();
int value = rand.nextInt((max - min) + 1)) + min;

java/springmvc/inject service to controller

liu1084@gmail.com — Thu, 12 Jan 2017 17:59:20 +0800

@Controller
public class UserManagement{
	@Autowired
	//inject a interface instead of implement class
	private IUserManagementRepository userRepo;
	//...
}

if class AdminManagement and UserManagement, all of them implement interface IUserManagementRepository, like this,

@Repository
public class AdminManagement implements IUserManagementRepository{
	//...
}

@Repository
public class UserManagement implements IUserManagementRepository{
	//...
}

change to:

@Repository("admin")
public class AdminManagement implements IUserManagementRepository{
	//...
}

@Repository("user")
public class UserManagement implements IUserManagementRepository{
	//...
}

@Controller
public class UserManagement{
	@Autowired
	@Qualifier("user")
	//inject a interface instead of implement class
	private IUserManagementRepository userRepo;
	//...
}

git/How to remove a branch of local or remote?

liu1084@gmail.com — Thu, 12 Jan 2017 17:42:36 +0800

$ git push origin --delete <branch_name>
$ git branch -d <branch_name>

java/POJO VO BO DAO DTO PO

liu1084@gmail.com — Thu, 12 Jan 2017 17:15:08 +0800

PO(persistant object) 持久对象在o/r 映射的时候出现的概念,如果没有o/r映射,就没有这个概念存在了.通常对应数据模型(数据库),本身还有部分业务逻辑的处理.可以看成是与数据库中的表相映射的java对象.最简单的PO就是对应数据库中某个表中的一条记录,多个记录可以用PO的集合.PO中应该不包含任何对数据库的操作.

VO(value object) 值对象通常用于业务层之间的数据传递,和PO一样也是仅仅包含数据而已.但应是抽象出的业务对象,可以和表对应,也可以不,这根据业务的需要.个人觉得同DTO(数据传输对象),在web上传递.

BO(business object) 业务对象从业务模型的角度看,见UML元件领域模型中的领域对象.封装业务逻辑的java对象,通过调用DAO方法,结合PO,VO进行业务操作.

POJO(plain ordinary java object) 简单无规则java对象纯的传统意义的java对象.就是说在一些Object/Relation Mapping工具中,能够做到维护数据库表记录的persisent object完全是一个符合Java Bean规范的纯Java对象,没有增加别的属性和方法.我的理解就是最基本的Java Bean,只有属性字段及setter和getter方法!.

DAO(data access object) 数据访问对象是sun的一个标准j2ee设计模式,这个模式中有个接口就是DAO,它负责持久层的操作.为业务层提供接口.此对象用于访问数据库.通常和PO结合使用,DAO中包含了各种数据库的操作方法.通过它的方法,结合PO对数据库进行相关的操作.夹在业务逻辑与数据库资源中间.配合VO, 提供数据库的CRUD操作…

DTO (Data Transfer Object)数据传输对象主要用于远程调用等需要大量传输对象的地方。比如我们一张表有100个字段，那么对应的PO就有100个属性。但是我们界面上只要显示10个字段，客户端用WEB service来获取数据，没有必要把整个PO对象传递到客户端，这时我们就可以用只有这10个属性的DTO来传递结果到客户端，这样也不会暴露服务端表结构.到达客户端以后，如果用这个对象来对应界面显示，那此时它的身份就转为VO

O/R Mapper 对象/关系映射定义好所有的mapping之后,这个O/R Mapper可以帮我们做很多的工作.通过这些mappings,这个O/R Mapper可以生成所有的关于对象保存,删除,读取的SQL语句,我们不再需要写那么多行的DAL代码了. 实体Model(实体模式) DAL(数据访问层) IDAL(接口层) DALFactory(类工厂) BLL(业务逻辑层) BOF Business Object Framework 业务对象框架 SOA Service Orient Architecture 面向服务的设计 EMF Eclipse Model Framework Eclipse建模框架

html/Using EMMET build html and css and js

liu1084@gmail.com — Wed, 11 Jan 2017 15:56:33 +0800

form#form1>(div>label[for=“s$”]{lable$}+select[name=“s$”][id=“s$”]>option[value=$]{item$}*10)*5+(div>label[for=“input-$”]{lable$}+input[type=“text”][name=“input-$”][id=“input-$”])*10

js/How to select text of a range?

liu1084@gmail.com — Tue, 10 Jan 2017 11:19:59 +0800

function selectText(containerid) {
	if (document.selection) {
		var range = document.body.createTextRange();
		range.moveToElementText(document.getElementById(containerid));
		range.select();
	} else if (window.getSelection) {
		var range = document.createRange();
		range.selectNode(document.getElementById(containerid));
		window.getSelection().addRange(range);
	}
}

Linux/How to download all of website and filter web page fields to database?

liu1084@gmail.com — Thu, 05 Jan 2017 23:34:08 +0800

download a website using wget

wget -m -k --page-requisites -H --tries=10 -b -o wget.log --continue --domains=FULL-DOMAINNAME --user-agent="Mozilla/25.0 (Windows; U; Windows NT 6.1; en-US) AppleWebKit/534.16 (KHTML, like Gecko) Chrome/50.0.648.204 Safari/534.16" --remote-encoding=utf-8 WEB-SITE-DOMAIN

category files into many directories if downloads is so big
coding PHP and process web page

java/How to create a child-parent POM project with SpringMVC and Hibernate?

liu1084@gmail.com — Thu, 05 Jan 2017 23:27:53 +0800

linux/How to find file and grep content?

liu1084@gmail.com — Thu, 05 Jan 2017 23:25:25 +0800

查找所有".h"文件

find /PATH -name “*.h”

查找所有".h"文件中的含有"helloworld"字符串的文件

find /PATH -name “*.h” -exec grep -in “helloworld” {} ;

find /PATH -name “*.h” | xargs grep -in “helloworld”

查找所有".h"和".c"文件中的含有"helloworld"字符串的文件

find /PATH /( -name “.h” -or -name “.c” /) -exec grep -in “helloworld” {} ;

查找非备份文件中的含有"helloworld"字符串的文件

find /PATH /( -not -name “*~” /) -exec grep -in “helloworld” {} ;

注：/PATH为查找路径，默认为当前路径。带-exec参数时必须以;结尾，否则会提示“find: 遗漏“-exec”的参数”。

使用find和xargs

find pathname -options [-print -exec -ok] -optinos 1)-name:按照文件名查找 find ~ -name “.txt” -print find ~ -name “[a-z][0-9].txt” -print 2)-perm:按照权限查找文件 find ~ -perm 755 -print 查找权限为755的文件 find ~ -perm 007 -print 查找o位置上具有7权限的文件 find ~ -perm 4000 -print 查找具有suid的文件 3)-prune 不在当前目录下查找 4)-user和－nouser find ~ -user zhao -print 查找文件属主是zhao的文件 find ~ -nouser -print 查找文件属主已经被删除的文件 5)-group和－nogroup find ~ -group zhao -print 查找文件群组是zhao的文件 6)按照时间 find ~ -mtime -5 -print 文件更改时间在5天内的文件 find ~ -mtime +3 -print 文件更改时间在3天前的文件 find ~ -newer file1 -print 查找比文件file1新的文件 7)按照类型查找 find ~ -type d -print 查找所有目录 8)按照大小 find ~ -size +1000000C -print 查找文件大小大于1000000字节(1M)的文件 9)查找位于本文件系统里面的文件 find / -name “.txt” -mount -print -exec,-ok:find命令对于匹配文件执行该参数所给出shell命令，相应命令形式为: ‘command’ {} ; -ok 在执行命令前要确认 find ~ -type f -exec ls -l {} ; find / -name “*.log” -mtime +5 -ok rm {} ; find . -name core -exec rm {} ; 使用-x dev参数防止find搜索其他分区 find . -size 0 -exec rm {} ; 删除尺寸为０的文件
xargs与-exec功能类似 find ~ -type f | xargs ls -l find / -name “*.log” -type f -print| xargs grep -i DB0 find . -type f |xargs grep -i “Mary” 在所有文件中检索字符串Mary ls *~ |xargs rm -rf 删除所有以~结尾的文件

svn过滤svn文件夹

Java/JVM tuning

liu1084@gmail.com — Sun, 18 Dec 2016 23:11:01 +0800

堆大小设置

JVM 中最大堆大小有三方面限制：相关操作系统的数据模型（32-bt还是64-bit）限制；系统的可用虚拟内存限制；系统的可用物理内存限制。32位系统下，一般限制在1.5G2G；64为操作系统对内存无限制。我在Windows Server 2003 系统，3.5G物理内存，JDK5.0下测试，最大可设置为1478m。典型设置： java -Xmx3550m -Xms3550m -Xmn2g -Xss128k -Xmx3550m：设置JVM最大可用内存为3550M。 -Xms3550m：设置JVM促使内存为3550m。此值可以设置与-Xmx相同，以避免每次垃圾回收完成后JVM重新分配内存。 -Xmn2g：设置年轻代大小为2G。整个JVM内存大小=年轻代大小 + 年老代大小 + 持久代大小。持久代一般固定大小为64m，所以增大年轻代后，将会减小年老代大小。此值对系统性能影响较大，Sun官方推荐配置为整个堆的3/8。 -Xss128k：设置每个线程的堆栈大小。JDK5.0以后每个线程堆栈大小为1M，以前每个线程堆栈大小为256K。更具应用的线程所需内存大小进行调整。在相同物理内存下，减小这个值能生成更多的线程。但是操作系统对一个进程内的线程数还是有限制的，不能无限生成，经验值在30005000左右。 java -Xmx3550m -Xms3550m -Xss128k -XX:NewRatio=4 -XX:SurvivorRatio=4 -XX:MaxPermSize=16m -XX:MaxTenuringThreshold=0 -XX:NewRatio=4:设置年轻代（包括Eden和两个Survivor区）与年老代的比值（除去持久代）。设置为4，则年轻代与年老代所占比值为1：4，年轻代占整个堆栈的1/5 -XX:SurvivorRatio=4：设置年轻代中Eden区与Survivor区的大小比值。设置为4，则两个Survivor区与一个Eden区的比值为2:4，一个Survivor区占整个年轻代的1/6 -XX:MaxPermSize=16m:设置持久代大小为16m。 -XX:MaxTenuringThreshold=0：设置垃圾最大年龄。如果设置为0的话，则年轻代对象不经过Survivor区，直接进入年老代。对于年老代比较多的应用，可以提高效率。如果将此值设置为一个较大值，则年轻代对象会在Survivor区进行多次复制，这样可以增加对象再年轻代的存活时间，增加在年轻代即被回收的概论。

回收器选择

JVM给了三种选择：串行收集器、并行收集器、并发收集器，但是串行收集器只适用于小数据量的情况，所以这里的选择主要针对并行收集器和并发收集器。默认情况下，JDK5.0以前都是使用串行收集器，如果想使用其他收集器需要在启动时加入相应参数。JDK5.0以后，JVM会根据当前系统配置进行判断。吞吐量优先的并行收集器如上文所述，并行收集器主要以到达一定的吞吐量为目标，适用于科学技术和后台处理等。典型配置： java -Xmx3800m -Xms3800m -Xmn2g -Xss128k -XX:+UseParallelGC -XX:ParallelGCThreads=20 -XX:+UseParallelGC：选择垃圾收集器为并行收集器。此配置仅对年轻代有效。即上述配置下，年轻代使用并发收集，而年老代仍旧使用串行收集。 -XX:ParallelGCThreads=20：配置并行收集器的线程数，即：同时多少个线程一起进行垃圾回收。此值最好配置与处理器数目相等。 java -Xmx3550m -Xms3550m -Xmn2g -Xss128k -XX:+UseParallelGC -XX:ParallelGCThreads=20 -XX:+UseParallelOldGC -XX:+UseParallelOldGC：配置年老代垃圾收集方式为并行收集。JDK6.0支持对年老代并行收集。 java -Xmx3550m -Xms3550m -Xmn2g -Xss128k -XX:+UseParallelGC -XX:MaxGCPauseMillis=100 -XX:MaxGCPauseMillis=100:设置每次年轻代垃圾回收的最长时间，如果无法满足此时间，JVM会自动调整年轻代大小，以满足此值。 java -Xmx3550m -Xms3550m -Xmn2g -Xss128k -XX:+UseParallelGC -XX:MaxGCPauseMillis=100 -XX:+UseAdaptiveSizePolicy -XX:+UseAdaptiveSizePolicy：设置此选项后，并行收集器会自动选择年轻代区大小和相应的Survivor区比例，以达到目标系统规定的最低相应时间或者收集频率等，此值建议使用并行收集器时，一直打开。响应时间优先的并发收集器如上文所述，并发收集器主要是保证系统的响应时间，减少垃圾收集时的停顿时间。适用于应用服务器、电信领域等。

node/How to capture a web page as a image in javascript?

liu1084@gmail.com — Fri, 16 Dec 2016 14:11:16 +0800

Create a js file test.js

var webshot = require('webshot');
var fs      = require('fs');
var http = require('http');

var renderStream = {};
var file = {};

var shot = function(url) {
	renderStream = webshot(url);
};

var writeStream = function(imageName){
	file = fs.createWriteStream(imageName, {encoding: 'binary'});
};

var buildHtml = function buildHtml(params) {
	var header = params.header || '<meta charset="UTF-8"><title>Document</title>';
	var body = params.body || '';
	return '<!DOCTYPE html>'
			+ '<html><header>' + header + '</header><body>' + body + '</body></html>';
};

var buildFiles = function(imageName, fileName){
	renderStream.on('data', function(data) {
		file.write(data.toString('binary'), 'binary');
		file = fs.createWriteStream(fileName);
		var params = {
			body: '<img src="' + imageName + '" />'
		};
		var html = buildHtml(params);
		file.write(html);
	});
};


shot('http://localhost:8081/utf-mobile/portal/login.jsp');
writeStream('localhost.png');
buildFiles('localhost.png', 'localhost.html');

Save it & execute under node

node test.js

How to check DOM wrapped by jQuery?

liu1084@gmail.com — Fri, 25 Dec 2015 11:01:07 +0000

Because jQuery wrapped DOM object is in an array, so get it by .get(index) or using index number.

Eclipse keymap for Sublime text 3

liu1084@gmail.com — Fri, 25 Dec 2015 01:04:22 +0000

Preferences-> Key binds — User
Copy & paste (https://gist.github.com/thbkrkr/3194275)

[
{ "keys": ["f12"], "command": "htmlprettify"},
{ "keys": ["f1"], "command": "fold" },
{ "keys": ["f2"], "command": "unfold" },
{ "keys": ["ctrl+à"], "command": "show_overlay", "args": {"overlay": "goto", "text": "@"} },
{ "keys": ["ctrl+!"], "command": "show_overlay", "args": {"overlay": "goto", "text": ":"} },
{ "keys": ["ctrl+space"], "command": "auto_complete" },
{ "keys": ["ctrl+space"], "command": "replace_completion_with_auto_complete", "context":
[
{ "key": "last_command", "operator": "equal", "operand": "insert_best_completion" },
{ "key": "auto_complete_visible", "operator": "equal", "operand": false },
{ "key": "setting.tab_completion", "operator": "equal", "operand": true }
]
},
{ "keys": ["ctrl+d"], "command": "run_macro_file", "args": {"file": "Packages/Default/Delete Line.sublime-macro"} },
{ "keys": ["ctrl+shift+c"], "command": "toggle_comment", "args": { "block": false } },
{ "keys": ["ctrl+shift+c"], "command": "toggle_comment", "args": { "block": true } },
{ "keys": ["ctrl+shift+f"], "command": "reindent" , "args": {"single_line": false}},
{ "keys": ["ctrl+shift+s"], "command": "save_all" },
{ "keys": ["alt+up"], "command": "swap_line_up" },
{ "keys": ["alt+down"], "command": "swap_line_down" },
{ "keys": ["ctrl+alt+j"], "command": "join_lines" },
{ "keys": ["ctrl+alt+down"], "command": "duplicate_line" },
{ "keys": ["shift+ctrl+r"], "command": "show_overlay", "args": {"overlay": "goto", "show_files": true} },
{ "keys": ["shift+ctrl+f4"], "command": "close_all" },
{ "keys": ["shift+ctrl+y"], "command": "lower_case" },
{ "keys": ["shift+ctrl+x"], "command": "upper_case" }
]

close & restart sublime text, enjoy it!

liu1084@gmail.com — Mon, 01 Jan 0001 00:00:00 +0000

About me

I am a software engineer particularly interested in these areas:

Linux & Java & Deep learning
Cloud infrastructures
Distributed systems
Performance
Scalability
Observability

On this small website, you can find some articles I wrote and talks I gave over the years, mostly covering the above areas.

liu1084@gmail.com — Mon, 01 Jan 0001 00:00:00 +0000

The Master Class of “Learn Spring Security” is out:

CHECK OUT THE COURSE

Overview

In this article, we’ll focus on one of the main annotations in Spring MVC – @RequestMapping.

Simply put, the annotation is used to map web requests to Spring Controller methods.

@RequestMapping Basics

Let’s start with a simple example – mapping an HTTP request to a method using some basic criteria.

2.1. @RequestMapping – by Path

? 1 2 3 4 5 @RequestMapping(value = “/ex/foos”, method = RequestMethod.GET) @ResponseBody public String getFoosBySimplePath() { return “Get some Foos”; } To test out this mapping with a simple curl command, run:

liu1084@gmail.com — Mon, 01 Jan 0001 00:00:00 +0000

Debian / Ubuntu: apt-get Force Reinstall Package


apt-get --reinstall install Package1 Package2


apt-get --purge remove package1
apt-get install package1

Jim Abraham

How to use compass

java/Adding Unmanaged Dependencies to a Maven Project

Table of Contents

java/maven/package a jar using mvn command

javascript/top

java/Getting a random number

java/springmvc/inject service to controller

git/How to remove a branch of local or remote?

java/POJO VO BO DAO DTO PO

html/Using EMMET build html and css and js

js/How to select text of a range?

Linux/How to download all of website and filter web page fields to database?

java/How to create a child-parent POM project with SpringMVC and Hibernate?

linux/How to find file and grep content?

Java/JVM tuning

node/How to capture a web page as a image in javascript?

Create a js file test.js

Save it & execute under node

How to check DOM wrapped by jQuery?

Eclipse keymap for Sublime text 3

About me

Debian / Ubuntu: apt-get Force Reinstall Package