Slack

slack 好用,
工作上討論比skype,Line好用

可以參考以下文章
http://www.playpcesor.com/2015/06/slack.html

背景半透明且文字不透明的CSS寫法

背景半透明且文字不透明的CSS寫法

建議用rgba寫法,例如: background:rgba(255, 0, 0, 0.5);

不建議用以下寫法,會有問題:
opacity: 0.4;
背景文字都會半透明


參考:
具有半透明值 (alpha 色版) 的 CSS 3 顏色單位

不錯的文章!
網頁中英文字型(font-family)跨平台設定最佳化

java http連線與傳送資料範例

java http連線與傳送資料範例

以下是post 用utf-8編碼的方式 

 // HTTP POST request
 private void sendPost() throws Exception {
 
  String url = "http://127.0.0.1/test.php";
  URL obj = new URL(url);
  HttpURLConnection con = (HttpURLConnection) obj.openConnection();
 

  con.setRequestMethod("POST");
  
  con.setRequestProperty("User-Agent", "Mozilla/5.0");
  con.setRequestProperty("Accept-Language", "en-US,en;q=0.5");
 
  String data = "id=UTF8中文字&pw=UTF8中文字";
 

  con.setDoOutput(true);
  DataOutputStream wr = new DataOutputStream(con.getOutputStream());
  //wr.writeBytes(data);
  wr.write(data.getBytes("utf-8"));//為了傳送utf8的文字改成這個
  wr.flush();
  wr.close();
 
  int responseCode = con.getResponseCode();
  System.out.println("Sending 'POST' request to URL : " + url);
  System.out.println("Post parameters : " + data);
  System.out.println("Response Code : " + responseCode);
 
  BufferedReader in = new BufferedReader(
          new InputStreamReader(con.getInputStream()));
  String inputLine;
  StringBuffer response = new StringBuffer();
 
  while ((inputLine = in.readLine()) != null) {
   response.append(inputLine);
  }
  in.close();

  System.out.println(response.toString());
 
 }

CentＯＳ權限設定，當使用java 的 FileInputStream

使用java的FileInputStream,在window可以執行,CentOS 7出現問題:

後來找到原因 : 
CentOS 的目錄以及檔案的權限要設定

最小的設定如下:

Linux 指令:

• chmod o+r+w /weblog/Edit1.zip
• chmod o+x /weblog

jQuery Validation Plugin 

jQuery外掛jQuery.validate表單驗證

官網 : http://jqueryvalidation.org/

基本功能可以參考這篇文章  http://www.cc.ntu.edu.tw/chinese/epaper/0033/20150620_3307.html

進階功能1 : 例如檢查欄位(name)只能輸入英文或數字.

以下是範例:

   $.validator.addMethod("regex", function(value, element, regexpr) {          

                         return regexpr.test(value);

  },"請輸入英文或數字!");

$( "#registerForm" ).validate({

  rules: {                         

name:{ 

      regex: /^[a-zA-Z0-9]+$/ 

}

  }

});  

  

進階功能2 : 可以顯示不同的語言

例如 : 出現 中文或英文

2-1  javascript修改如下(紅色字體部分)

    $.validator.addMethod("regex", function(value, element, regexpr) {          

                         return regexpr.test(value);

  }, jQuery.validator.messages.letterOrNumbers );

2.2 兩個js檔案必須各自增加一行

2.2.1  jquery-validation-1.13.1\dist\localization\messages_zh_TW.js 

          增加(紅色字體部分) :   

$.extend($.validator.messages, {

......................

,letterOrNumbers : "請輸入英文或數字!"

});

2.2.2  /jquery-validation-1.13.1/dist/jquery.validate.js

          增加(紅色字體部分) :   

,letterOrNumbers : "Please enter letters and numbers only!"

 

為網站相容性最佳化做好準備

http://blogs.msdn.com/b/ericsk/archive/2015/08/26/modernizing-your-websites.aspx

Hadoop 與 SQL 的甜蜜連結

Hadoop 與 SQL 的甜蜜連結 from James Chen

SpringMVC常用注解實例詳解3：@ResponseBody

http://www.cnblogs.com/sunang/p/3429895.html



另外,中文亂碼,解決方法:
http://blog.csdn.net/shuangde800/article/details/9098607

1. <mvc:annotation-driven>   
2.     <mvc:message-converters>     
3.         <bean class="org.springframework.http.converter.StringHttpMessageConverter">     
4.             <property name="supportedMediaTypes">     
5.                 <list>     
6.                     <value>text/plain;charset=UTF-8</value>     
7.                     <value>text/html;charset=UTF-8</value>     
8.                 </list>     
9.             </property>     
10.         </bean>      
11.     </mvc:message-converters>     
12. </mvc:annotation-driven> 

Chrome另存網頁的時候,有時候儲存的網頁並不完整

可以試試以下的擴充功能:

用途:
save web page to single file


Chrome 安裝下面兩個擴充功能:
https://chrome.google.com/webstore/detail/singlefile/mpiodijhokgodhhofbcjdecpffjipkle

https://chrome.google.com/webstore/detail/singlefile-core/jemlklgaibiijojffihnhieihhagocma?hl=zh-TW

使用方法:
https://www.youtube.com/watch?v=pFCJAFvc_MA

icon 圖示免費下載！

http://www.playpcesor.com/2015/03/icon-free-download.html

不錯的文章:

流量再高都不卡頓！奉上：10＋提升網站架構效能的解決方案

http://buzzorange.com/techorange/2015/08/07/boost-web-traffic/

AJAX 技術的廣泛運用，對網際網路的發展帶來重大變革；透過更新部分頁面即可維護資料，更有效率的反應使用者動作，避免在網路上發送沒有改變的資訊所帶來的頻寬的浪費。


但是這樣部分更新的做法，同時也伴隨著缺點，其中受到最多批評的就是瀏覽器後退按鈕的失效；因為 AJAX 並不會更新整個頁面，自然也就無法在瀏覽器中的歷史紀錄留下資訊。

解決方案 , 請參考 :

http://blog.darkthread.net/post-2011-09-22-ajax-goback.aspx

http://blog.wabow.com/archives/1527

http://blog.darkthread.net/post-2011-09-23-ajax-history-in-html5.aspx

iphone/ipad网站开发技巧整理 

http://uecss.com/iphone-ipad-web-development-skills.html

不錯的文章

解決 Memory leak 有效掌握 Resource
http://www.mpinfo.com.tw/TechnologyColumnFiles/JavaAPsvr_A_200411_MemoryLeak.pdf

很棒的一篇文章

關於 bootstrap , RWD ( Responsive web design)

https://onedrive.live.com/view.aspx?resid=FB49C7CED61BD893!2145&cid=fb49c7ced61bd893&app=PowerPoint

amCharts: JavaScript Charts and Maps

需要在web 上產生互動性的圖表, 最近使用amCharts,還不錯用!
http://www.amcharts.com/

DataTables : 使用javascript 做表格

最近需要使用javascript 做表格.

DataTables 這個javascript  library還蠻好用的.

網址 :  http://www.datatables.net/

教學與範例:

http://yhhuang1966.blogspot.tw/2013/05/jquery-datatable.html

Spring MVC 亂碼

第一個 Spring MVC 就遇到亂碼的問題

解決方式:

在web.xml中加入

<filter>

        <filter-name>Encoding</filter-name>

        <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>

        <init-param>

            <param-name>encoding</param-name>

            <param-value>UTF-8</param-value>

        </init-param>

        <init-param>

            <param-name>forceEncoding</param-name>

            <param-value>true</param-value>

        </init-param>

    </filter>

 

    <filter-mapping>

        <filter-name>Encoding</filter-name>

        <url-pattern>/*</url-pattern>

    </filter-mapping>