「 Copyfish Fresh OCR Software 」 Chrome 套件安裝
這比之前的套件更支援擷取中文
from：Copyfish 驚奇 Chrome 套件複製圖片影片內中文字！
2015年10月12日
2015年10月8日
Powershell command 列出某目錄下 各目錄大小
http://winteltools.com/directory-size/
------------------------------------------
ls | add-member -force -PassThru -name length -type scriptproperty -value { ls $this -Recurse -force | Measure-Object length -Sum | select -ExpandProperty sum }
------------------------------------------
ls | add-member -force -PassThru -name length -type scriptproperty -value { ls $this -Recurse -force | Measure-Object length -Sum | select -ExpandProperty sum }
Description: LS is a power shell command to list directory, A member length is added in conjunction with LS command to display the size of directory after calculating through measure command. Force parameter added after $this to check hidden file as well.
Command line to list current directory size and sort in descending order.
ls | add-member -force -PassThru -name length -type scriptproperty -value { ls $this -Recurse -Force | Measure-Object length -Sum | select -ExpandProperty sum } | Sort-Object length -Descending
Command line to list top 5 folders name occupying high space as compare to other folders in current directory, this can be change to list top 10 directory by just modifying from -first 5 to -first 10
ls | add-member -force -PassThru -name length -type scriptproperty -value { ls $this -Recurse -force | Measure-Object length -Sum | select -ExpandProperty sum } | Sort-Object length -Descending | select -First 5
Command line to list current directory size and format the expression to display the size in GB.
ls | add-member -force -PassThru -name length -type scriptproperty -value { ls $this -Recurse -force | Measure-Object length -Sum | select -ExpandProperty sum } | Sort-Object length -Descending | Format-Table Name, @{label=“length”; expression={$_.length/1GB}; f=“{0:N2}”} -autosize
2015年9月16日
利用google cache 破解網頁鎖右鍵
平常都用js書籤的方式
然後再點選純文字版
還有一招是利用google的cache
方式如下：
如個有個網站 http://u.cannot.copy.www 不給右鍵反白複製
就搜尋「cache:http://u.cannot.copy.www 」(chrome的話 直接打在網址列即可)
然後再點選純文字版
2015年8月28日
JAPAN轉送服務
http://tensojapan.jshoppers.com/ch/index.asp
JSHOPPERS.comで販売している商品は、お届けできません。
オークションと以下のサイトは転送サービスのご利用はできません。
セシール、イマージュ、ベルーナ、DHC
可在與JSHOPPERS.com正在販賣的商品相同之商品，將不予轉送。
拍賣商品以及以下網站商品不可利用本網站轉送服務。
Cecile、IMACE、RyuRyu、LUAR、DHC
JSHOPPERS.comで販売している商品は、お届けできません。
オークションと以下のサイトは転送サービスのご利用はできません。
セシール、イマージュ、ベルーナ、DHC
可在與JSHOPPERS.com正在販賣的商品相同之商品，將不予轉送。
拍賣商品以及以下網站商品不可利用本網站轉送服務。
Cecile、IMACE、RyuRyu、LUAR、DHC
2015年8月27日
如何快速刪除 Excel 資料庫中所有的空白列，而不需要一列一列的刪除？
https://support.microsoft.com/zh-tw/kb/2679461
1. 選取整個資料範圍，【常用】索引標籤→【編輯】群組→【尋找與選取】→【特殊目標】。
2.在【特殊目標】對話方塊中，點選【空格】，再按下【確定】。
3. 所有空白列都在選取的狀態，點按【常用】索引標籤→【儲存格】群組→【刪除】。
DONE!
1. 選取整個資料範圍，【常用】索引標籤→【編輯】群組→【尋找與選取】→【特殊目標】。
2.在【特殊目標】對話方塊中，點選【空格】，再按下【確定】。
3. 所有空白列都在選取的狀態，點按【常用】索引標籤→【儲存格】群組→【刪除】。
DONE!
2015年7月28日
[ORACLE] Data got commited in another/same session, cannot update row.
Try unselecting
use ORA_ROWSCN for DataEditor insert and update statement
in tools->preferences->database->object viewer
use ORA_ROWSCN for DataEditor insert and update statement
in tools->preferences->database->object viewer
2015年7月13日
將 Python 檔案編譯成 exe (執行檔) - py2exe
1下載與使用的 Python 相對應的版本的 py2exe 工具 安裝好
2. 準備 steup.py 檔案
*xxx.py是要準備變成exe檔的檔案
*xxx.py可以需要完整路徑：D:\\CODE\\Python\\xxx.py
3.打開 cmd
*指令可能要完整路徑
ex：C:\Python27>python "D:\CODe\Python\setup.py" install
*完成後會在 Python27 產生出 dist 跟 build 二個資料夾，執行檔在 dist 裡
--------
2. 準備 steup.py 檔案
from distutils.core import setup
import py2exe
setup(console=['xxx.py'])
*xxx.py是要準備變成exe檔的檔案
*xxx.py可以需要完整路徑：D:\\CODE\\Python\\xxx.py
3.打開 cmd
python setup.py install
python setup.py py2exe
*指令可能要完整路徑
ex：C:\Python27>python "D:\CODe\Python\setup.py" install
*完成後會在 Python27 產生出 dist 跟 build 二個資料夾，執行檔在 dist 裡
--------
執行exe檔
打開cmd
打開cmd
C:\Python27\dist>xxx.exe
2015年7月8日
2015年6月17日
2015年5月27日
[ORACLE] UPDATE時 撘配EXISTS關鍵字
有時UPDATE時 會用到子查詢
例
腦中覺得 這樣下 就是update member裡的unit 和member_sync 有同樣oid 但unit不同的資料們
but~~~~
這樣下完 會整張member的unit都被update了 而且欄位還都變成null..........
google後 看到 http://www.techonthenet.com/oracle/update.php
寫說要加上"EXISTS"
You may wish to update records in one table based on values in another table. Since you can't list more than one table in the Oracle UPDATE statement, you can use the Oracle EXISTS clause.
所以寫法就變成
原因在http://blog.xuite.net/twoli1102/work/65466674-Update%E8%AA%9E%E5%8F%A5%E5%84%AA%E5%8C%96
裡提到
Update語句的原理是先根據where條件查到資料後，如果set中有子查詢，則執行子查詢把值查出來賦給更新的欄位，執行更新。
如：
查表a的所有資料，迴圈每條資料，驗證該條資料是否符合exists(select 1 from 表b where a.欄位2=b.欄位2)條件，如果是則執行(select b.欄位1 from 表b where a.欄位2=b.欄位2)查詢，查到對應的值更新a.欄位1中。
關聯表更新時一定要有exists(select 1 from 表b where a.欄位2=b.欄位2)這樣的條件，否則將表a的其他資料的欄位1更新為null值。
例
update member
set unit =(select unit from member_sync
where member.oid = member_sync.oid
and member.unit <>member_sync.unit)
腦中覺得 這樣下 就是update member裡的unit 和member_sync 有同樣oid 但unit不同的資料們
but~~~~
這樣下完 會整張member的unit都被update了 而且欄位還都變成null..........
google後 看到 http://www.techonthenet.com/oracle/update.php
寫說要加上"EXISTS"
You may wish to update records in one table based on values in another table. Since you can't list more than one table in the Oracle UPDATE statement, you can use the Oracle EXISTS clause.
所以寫法就變成
update member
set unit =(select unit from member_sync
where member.oid = member_sync.oid
and member.unit <>member_sync.unit)
WHERE EXISTS (select unit from member_sync
where member.oid = member_sync.oid
and member.unit <>member_sync.unit)
原因在http://blog.xuite.net/twoli1102/work/65466674-Update%E8%AA%9E%E5%8F%A5%E5%84%AA%E5%8C%96
裡提到
Update語句的原理是先根據where條件查到資料後，如果set中有子查詢，則執行子查詢把值查出來賦給更新的欄位，執行更新。
如：
update 表a set a.欄位1 = (select b.欄位1 from 表b where a.欄位2=b.欄位2) where exists(select 1 from 表b where a.欄位2=b.欄位2)。
查表a的所有資料，迴圈每條資料，驗證該條資料是否符合exists(select 1 from 表b where a.欄位2=b.欄位2)條件，如果是則執行(select b.欄位1 from 表b where a.欄位2=b.欄位2)查詢，查到對應的值更新a.欄位1中。
關聯表更新時一定要有exists(select 1 from 表b where a.欄位2=b.欄位2)這樣的條件，否則將表a的其他資料的欄位1更新為null值。
2015年5月12日
2015年5月8日
[日文] 點餐 (2015 05.08更新)
リゾット →燉飯(Risotto)
ボルシチ→羅宋湯（ウクライナ語: борщ, [ボールシュチュ]; 意訳：「紅汁」）(Borscht)
カルボナーラ→培根蛋奶麵 (Carbonara)
マカロニ→通心粉（英語：macaroni）
ラザニア→千層麵（単数形: lasagna、複数形: lasagne、ラザニエ）
ジェノベーゼ→青醬(ペスト・ジェノヴェーゼ)
スンドゥブチゲ→韓式豆腐鍋
ロース→里肌肉，肉質比較肥嫩多筋
ひれかつ→腰內肉，肉質比較乾酥（瘦）少筋
ボルシチ→羅宋湯（ウクライナ語: борщ, [ボールシュチュ]; 意訳：「紅汁」）(Borscht)
カルボナーラ→培根蛋奶麵 (Carbonara)
マカロニ→通心粉（英語：macaroni）
ラザニア→千層麵（単数形: lasagna、複数形: lasagne、ラザニエ）
ジェノベーゼ→青醬(ペスト・ジェノヴェーゼ)
スンドゥブチゲ→韓式豆腐鍋
ロース→里肌肉，肉質比較肥嫩多筋
ひれかつ→腰內肉，肉質比較乾酥（瘦）少筋
2015年5月6日
ORA-00911:字元無效
sql直接貼在sqldeveloper 不會出錯
但在程式跑 就是一直出現
有很大原因是因為sql裡有分號
網路上大部份解決是把多句的select 後面的分號拿掉就好
but 他會換ORA-00933: SQL 命令未正確結束.........或是其他奇奇怪怪
解法：在前後加上begin和end就好了
但在程式跑 就是一直出現
有很大原因是因為sql裡有分號
網路上大部份解決是把多句的select 後面的分號拿掉就好
but 他會換ORA-00933: SQL 命令未正確結束.........或是其他奇奇怪怪
解法：在前後加上begin和end就好了
begin
update member set code='123';
update vip set sn='223';
end;
2015年4月30日
2015年4月16日
HTML5+CSS3上課筆記－ CSS選擇器
| 型態選擇器 Type selectors | <h1> <h2> ...<div> <p> |
| ID選擇氣 ID selectors | 使用「#」宣告 一個id在同一個網頁只能出現一次 |
| 類別選擇器 Class selectors | 使用「.」宣告，一個class可以在一個網頁出現多次 |
| 通用選擇器 Universal selector | 使用「*」，*{ }所有元素套用括號內的樣式 |
| 群組選擇器 Groups of selectors | 不用元素擁有同樣的屬性時可以群組設定 |
| 後代選擇器 Descendant combinator | 一個元素之下的所有選擇器為後代選擇器 |
| 子選擇器 Child combinator | 當b元素在a元素下一層時，則b元素為a元素的子選擇器，但若中間有其他元素插入 則只是後代選擇器 |
| 同層相鄰選擇器 Adjacent sibling combinator | 有同一個父親的兩個元素以「+」為連結，選擇某個特定元素之後的第一個特定元素 |
| 同層全體選擇器 General sibling combinator | 有同一個父親的兩個元素以「~」為連結，選擇某個特定元素的同一層元素 |
| 偽類選擇器 Pseudo-classes | 一個元素的特殊狀態，ex滑鼠移至元素上的狀態設定 或一個元素中本來就存在的元素，ex第一個子元素、最後一個子元素 |
| 偽元素選擇器 Pseudo-elements | 被用於指定某個元素的某部分樣式，ex某個樣式的第一個字母、第一行、或其元素之前 之後插入內容 |
| 屬性選擇器 Attribute selectors | 可以為擁有指定屬性的HTML元素設定樣式，不僅限於類別和ID屬性 |
2015年3月30日
2015年3月23日
還原壓縮過的js程式碼：Javascript Beautifier
http://jsbeautifier.org/
有時候拿到js的code 是被壓過 只剩一行 超難人眼看 可以用這線上工具
http://www.minwt.com/html/12284.html
有時候拿到js的code 是被壓過 只剩一行 超難人眼看 可以用這線上工具
http://www.minwt.com/html/12284.html
2015年3月17日
2015年3月11日
[ORACLE]查看權限(privilege)相關語法
目前登入角色之角色權限(非以sys登入)
descr role_sys_privs
Name Null Type
------------ ---- -------------
ROLE VARCHAR2(128)
PRIVILEGE VARCHAR2(40)
ADMIN_OPTION VARCHAR2(3)
COMMON VARCHAR2(3)
查看db裡有哪些使用者(以sys登入)
descr dba_users
Name Null Type
--------------------------- -------- ---------------------------
USERNAME NOT NULL VARCHAR2(128)
USER_ID NOT NULL NUMBER
PASSWORD VARCHAR2(4000)
ACCOUNT_STATUS NOT NULL VARCHAR2(32)
LOCK_DATE DATE
EXPIRY_DATE DATE
DEFAULT_TABLESPACE NOT NULL VARCHAR2(30)
TEMPORARY_TABLESPACE NOT NULL VARCHAR2(30)
CREATED NOT NULL DATE
PROFILE NOT NULL VARCHAR2(128)
INITIAL_RSRC_CONSUMER_GROUP VARCHAR2(128)
EXTERNAL_NAME VARCHAR2(4000)
PASSWORD_VERSIONS VARCHAR2(12)
EDITIONS_ENABLED VARCHAR2(1)
AUTHENTICATION_TYPE VARCHAR2(8)
PROXY_ONLY_CONNECT VARCHAR2(1)
COMMON VARCHAR2(3)
LAST_LOGIN TIMESTAMP(9) WITH TIME ZONE
ORACLE_MAINTAINED VARCHAR2(1)
查看user有哪些權限(以sys登入)
descr dba_sys_privs
Name Null Type
------------ ---- -------------
GRANTEE VARCHAR2(128)
PRIVILEGE VARCHAR2(40)
ADMIN_OPTION VARCHAR2(3)
COMMON VARCHAR2(3)
查看user有哪些role(以sys登入)
descr dba_role_privs
Name Null Type
------------ ---- -------------
GRANTEE VARCHAR2(128)
GRANTED_ROLE VARCHAR2(128)
ADMIN_OPTION VARCHAR2(3)
DEFAULT_ROLE VARCHAR2(3)
COMMON VARCHAR2(3
只列出自己建立的user 有哪些role(以sys登入)
select * from role_sys_privs;
descr role_sys_privs
Name Null Type
------------ ---- -------------
ROLE VARCHAR2(128)
PRIVILEGE VARCHAR2(40)
ADMIN_OPTION VARCHAR2(3)
COMMON VARCHAR2(3)
查看db裡有哪些使用者(以sys登入)
select * from dba_users
descr dba_users
Name Null Type
--------------------------- -------- ---------------------------
USERNAME NOT NULL VARCHAR2(128)
USER_ID NOT NULL NUMBER
PASSWORD VARCHAR2(4000)
ACCOUNT_STATUS NOT NULL VARCHAR2(32)
LOCK_DATE DATE
EXPIRY_DATE DATE
DEFAULT_TABLESPACE NOT NULL VARCHAR2(30)
TEMPORARY_TABLESPACE NOT NULL VARCHAR2(30)
CREATED NOT NULL DATE
PROFILE NOT NULL VARCHAR2(128)
INITIAL_RSRC_CONSUMER_GROUP VARCHAR2(128)
EXTERNAL_NAME VARCHAR2(4000)
PASSWORD_VERSIONS VARCHAR2(12)
EDITIONS_ENABLED VARCHAR2(1)
AUTHENTICATION_TYPE VARCHAR2(8)
PROXY_ONLY_CONNECT VARCHAR2(1)
COMMON VARCHAR2(3)
LAST_LOGIN TIMESTAMP(9) WITH TIME ZONE
ORACLE_MAINTAINED VARCHAR2(1)
查看user有哪些權限(以sys登入)
select * from dba_sys_privs
descr dba_sys_privs
Name Null Type
------------ ---- -------------
GRANTEE VARCHAR2(128)
PRIVILEGE VARCHAR2(40)
ADMIN_OPTION VARCHAR2(3)
COMMON VARCHAR2(3)
查看user有哪些role(以sys登入)
select * from dba_role_privs
descr dba_role_privs
Name Null Type
------------ ---- -------------
GRANTEE VARCHAR2(128)
GRANTED_ROLE VARCHAR2(128)
ADMIN_OPTION VARCHAR2(3)
DEFAULT_ROLE VARCHAR2(3)
COMMON VARCHAR2(3
只列出自己建立的user 有哪些role(以sys登入)
select * from dba_role_privs
where grantee in(select username from dba_users where ACCOUNT_STATUS='OPEN') order by grantee
2015年3月6日
[日文] 雜貨 (2015 03.06更新)
プラグアクセ ←耳機塞
ストラップ←手機吊飾
ポーチ←裝小物的包 EX化妝包
タンブラー←隨行杯
リッド←杯蓋
マドラ－←防漏的棒子(星巴克新的攪拌棒)
スリーブ←隔熱套
ストラップ←手機吊飾
ポーチ←裝小物的包 EX化妝包
タンブラー←隨行杯
リッド←杯蓋
マドラ－←防漏的棒子(星巴克新的攪拌棒)
スリーブ←隔熱套
2015年2月24日
2015年2月13日
HTML5+CSS3上課筆記－ CSS (cascading style sheets)
h1 { color:red;}
h1叫選擇器(selector)
color叫屬性(property)
red叫屬性值(value)
{}內叫宣告區塊(declaration block)
color:red;叫宣告(declaration)
CSS3 新增內容
CSS套用方法
CSS常用單位：
pt：印刷用字體尺寸
px：像素(pixel)
em：相對比例，對繼承父元素的比例
例：
body {font-size:2em;}
h1 {font-size:1em;}
h1實際大小會是1em*2=2em
%：相對比例，對繼承父元素比例
*預設值為1em=100%=12pt=16px
*px和em的換算線上工具：http://pxtoem.com
CSS常用合併寫法：
*四邊數值合併：padding、margin
padding:1px 2px 3px 4px;
(padding-top padding-right padding-bottom padding-left)
padding:1px 2px 3px;
(padding-top padding-right&left padding-bottom)
padding:1px 2px;
(padding-top&buttom padding-right&left;
padding:1px;
(padding-top&bottom&right&left)
margin是與外的距
padding 是與內的距
*背景合併
background:#ccc url('../image/bg.jpg') no-repeat fixed left top;
#ccc是background-color
url()是background-image
no-repeat是background-repeat
fixed是background-attachmen 是否要跟著捲軸動
left top是background-position 背景圖位置
順序：background-color | background-image | background-repeat | background-attachmen | background-position
background-repeat
background-attachmen
background-position
*邊框合併 border
border:1px solid #ccc;
順序：border-width | border-style | border-color
border-style
*文字樣式合併 font
font: italic normal bold 12px/20px Verdana;
順序：font-style | font-varian | font-weight | font-size/font-height | font-family
省略後 至少要保留font-size和font-family
font-style：normal(一般)、
font-variant：normal(一般)、small-caps(小寫)、groove(立體)
font-weight：normal(一般)、bold(粗體)、bolder(極粗體)、100~900(指定數值)
CSS3前綴
加了後browser才讀的到
Chrome/Safari: -webkit-
Firefox: -moz-
IE:-ms-
Opera: -o-
前綴檢查器：http://cssprefixer.appspot.com/ (寫好的css貼上去 會自行產生前綴)
也可用http://caniuse.com/ 按「Show all」看是否有減號(沒減號加了也沒用)
h1叫選擇器(selector)
color叫屬性(property)
red叫屬性值(value)
{}內叫宣告區塊(declaration block)
color:red;叫宣告(declaration)
CSS3 新增內容
| 新的選擇器 | 偽類選擇器、屬性選擇器、nth選擇器 |
| 區塊模式 | box-sizing有新屬性 定義範圍更直覺 |
| 背景與邊框 | 全螢幕背景、漸層背景、圓角邊框、圖片邊框... |
| 新的圖片屬性 | 圖片陰影、圖片剪裁 |
| 新的文字屬性 | 英文字強失斷行、陰影 |
| 多欄版面配置 | multiple columns |
| 2D/3D變形、動畫 |
CSS套用方法
| 套用方式 | 優先順序 | |
| 行內樣式 inline style |
直接寫在HTML的元素內
<span class="aaa" style="color:red;"></span>
|
1 |
| 內部樣式 internal style sheet |
直接寫在HTML文件 放在<head>內
<style type="text/css">
加了!important 會變最最優先 無法被行內樣式取代 (也可把important 放在行內樣式中) |
2 |
| 外部樣式 external style sheet |
將所有CSS樣式宣告在其他檔案中 在<head>內
<link href="css/style.css" rel="stylesheet">
| 3 |
| 匯入套用 imported |
可以在html也能在css中 但較常用在css文件內的import
HTML中：
<style type="text/css">
CSS中：
@import url(style.css);
|
CSS常用單位：
pt：印刷用字體尺寸
px：像素(pixel)
em：相對比例，對繼承父元素的比例
例：
body {font-size:2em;}
h1 {font-size:1em;}
h1實際大小會是1em*2=2em
%：相對比例，對繼承父元素比例
*預設值為1em=100%=12pt=16px
*px和em的換算線上工具：http://pxtoem.com
CSS常用合併寫法：
*四邊數值合併：padding、margin
padding:1px 2px 3px 4px;
(padding-top padding-right padding-bottom padding-left)
padding:1px 2px 3px;
(padding-top padding-right&left padding-bottom)
padding:1px 2px;
(padding-top&buttom padding-right&left;
padding:1px;
(padding-top&bottom&right&left)
margin是與外的距
| ↑ | ||
| ← | ★ | → |
| ↓ |
padding 是與內的距
| ↓ | ||
| → | ← | |
| ↑ |
*背景合併
background:#ccc url('../image/bg.jpg') no-repeat fixed left top;
#ccc是background-color
url()是background-image
no-repeat是background-repeat
fixed是background-attachmen 是否要跟著捲軸動
left top是background-position 背景圖位置
順序：background-color | background-image | background-repeat | background-attachmen | background-position
background-repeat
| repeat | 重複 預設 |
| repeat-x | 橫向重複(x軸) |
| repeat-y | 縱向重複(y軸) |
| no-repeat | 不重複 |
background-attachmen
| scroll | 跟著頁面捲動 預設 |
| fixed | 背景固定 |
background-position
| left top left center left bottom right top right center right bottom center top center center center bottom |
直接指定位置 |
| x%,y% | 指定圖片%位置 |
| x px, y px | 指定圖片px位置 |
*邊框合併 border
border:1px solid #ccc;
順序：border-width | border-style | border-color
border-style
| none | 無 |
| hidden | 隱藏 |
| dotted |
點線
|
| dashed |
虛線
|
| solid |
實線
|
| double |
雙線
|
| groove |
立體
|
| ridge |
立體
|
| inset |
立體
|
| outset |
立體
|
*文字樣式合併 font
font: italic normal bold 12px/20px Verdana;
順序：font-style | font-varian | font-weight | font-size/font-height | font-family
省略後 至少要保留font-size和font-family
font-style：normal(一般)、
italic(斜體)
、oblique(字體傾斜)font-variant：normal(一般)、small-caps(小寫)、groove(立體)
font-weight：normal(一般)、bold(粗體)、bolder(極粗體)、100~900(指定數值)
CSS3前綴
加了後browser才讀的到
Chrome/Safari: -webkit-
Firefox: -moz-
IE:-ms-
Opera: -o-
前綴檢查器：http://cssprefixer.appspot.com/ (寫好的css貼上去 會自行產生前綴)
也可用http://caniuse.com/ 按「Show all」看是否有減號(沒減號加了也沒用)
HTML5+CSS3上課筆記－ HTML
HTML5 vs HTML4
HTML5常用的語意標籤：
以上在caniuse測試 ie9以上都可支援
其他元素列表可參考：https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/
如要讓ie8以下支援html5 可head中加入
HTML head內容：
*CSS一定放在JS先
*<meta> 設定網頁文件相關資訊 屬性有charset、content、name
<meta name="description" content"網頁描述"> (網頁描述大約70字)
<meta name="keywords" content"關鍵字a, 關鍵字b, 關鍵字c">
<meta name="viewport" content="width=device-width,initial-scale=1.0"> (viewport給行動裝置用)：
width：指定寬度(數字或「device-width」
height：指定高度(數字或「device-height」
initial-scale：第一次進入頁面的初始比例(最小0.25 最大5)
minimum-scale：允許縮小最小比例(最小0.25 最大5)
maximum-scale：允許放大最大比例(最小0.25 最大5)
user-scalable：是否允許使用者縮放(是為1 否為0)
*網站圖示icon 不一定要ico檔也可以gif 或png size為16x16 、32x32
HTML body內容：
*每個網頁只能有一個h1
| HTML4寫法 | HTML5寫法 |
| <div id="header"></div> | <header></header> |
| <div id="menu"></div> | <nav></nav> |
| <div id="content"></div> | <section></section> <article></article> |
| <div id="footer"></div> | <footer></footer> |
HTML5常用的語意標籤：
| <article> | 可以獨立存在的內容，比section有更明確的語意(但沒有一定要article包section 或是相反)，代表獨立、完整的區塊。可能包含有header或footer |
| <section> | 文件區塊 |
| <aside> | 不是頁面的主要內容區塊 移掉也不影響頁面閱讀功能 |
| <footer> | 頁面或區塊的底部 |
| <header> | 頁面或區塊的頂部 通常包含logo、網站標題、導覽列 |
| <nav> | 包含道覽連結的區塊 |
| <figure> | 文件中的圖片 |
| <figcaption> | 圖片說明 |
| <video> | 包含影片當及相關音樂檔、說明等 |
| <audio> | 包含聲音播放檔 |
以上在caniuse測試 ie9以上都可支援
其他元素列表可參考：https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/
如要讓ie8以下支援html5 可head中加入
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
HTML head內容：
*CSS一定放在JS先
*<meta> 設定網頁文件相關資訊 屬性有charset、content、name
<meta name="description" content"網頁描述"> (網頁描述大約70字)
<meta name="keywords" content"關鍵字a, 關鍵字b, 關鍵字c">
<meta name="viewport" content="width=device-width,initial-scale=1.0"> (viewport給行動裝置用)：
width：指定寬度(數字或「device-width」
height：指定高度(數字或「device-height」
initial-scale：第一次進入頁面的初始比例(最小0.25 最大5)
minimum-scale：允許縮小最小比例(最小0.25 最大5)
maximum-scale：允許放大最大比例(最小0.25 最大5)
user-scalable：是否允許使用者縮放(是為1 否為0)
*網站圖示icon 不一定要ico檔也可以gif 或png size為16x16 、32x32
HTML body內容：
*每個網頁只能有一個h1
2015年2月11日
Brackets 小小小教學
可直接不存檔 按右上角閃電在chrom直接預覽網頁
點選編輯中的tag或是css區塊 也會在chrome中反白
點選編輯中的tag或是css區塊 也會在chrome中反白
Quick Edit：選定某一 Element Tag，按下「Ctrl + E」會進入 Quick Edit 的狀態
ex 1.對著class name按 直接編輯其CSS
ex2.對著色碼按 直接編輯色碼
快速鍵：
開關 Live File Previwer：Ctrl + Alt + P
推薦外掛：Color Picker、emmet、Html Templates
ex 1.對著class name按 直接編輯其CSS
ex2.對著色碼按 直接編輯色碼
快速鍵：
開關 Live File Previwer：Ctrl + Alt + P
推薦外掛：Color Picker、emmet、Html Templates
Color Picker
option+command+K 選擇顏色(可包含透明度)
option+command+K 選擇顏色(可包含透明度)
emmt
1.輸入「div>p>a」按tab後 自動產生「<div><p><a></a></p></div>」
2.輸入「ul>li*3」按tab後 自動產生「<ul><li></li><li></li><li></li><ul>」
3.輸入「div>(header>ul>li*2>a)+footer>p」按tab後 自動產生
<div>
<header>
<ul>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
</header>
<footer>
<p></p>
</footer>
</div>
3.輸入「div>(header>ul>li*2>a)+footer>p」按tab後 自動產生
<div>
<header>
<ul>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
</header>
<footer>
<p></p>
</footer>
</div>
4.其他語法：http://docs.emmet.io/cheat-sheet/
Html Templates
開新檔案後，點選【Edit】 就會看到HTML Template的選項 在下拉選單中，就可選擇所需的HTML範本。
Html Templates
開新檔案後，點選【Edit】 就會看到HTML Template的選項 在下拉選單中，就可選擇所需的HTML範本。
2015年2月10日
2015年2月8日
HTML5+CSS3上課筆記－網站、工具
W3C SCHOOL
http://www.w3schools.com/html/html_form_attributes.asp (html5 input新屬性)
測試瀏覽器支援度
測試語法 在各瀏覽器的各版本是否支援 或是可否用前綴字使其支援
查看瀏覽器市佔率
icon產生(但 現在可用png圖檔就好 不定一定要ico)
px和em的換算
自動產生css前綴子
(會自動判斷 哪些屬性需要加哪些browser用到的前綴子)
hex和rgb的轉換
css.的generator
圖片邊框(border-img)產生器
css3產生漸層的語法
符號編碼轉換 (ex >→ &# 或在css用\0000 在js用 \u0000)
google fonts
Font Awesome(作者將各種常用圖示做成字型)
文字編輯器
Brackets (可直接不存檔在chrom直接預覽網頁)
推薦外掛：Color Picker、emmet
Color Picker可以 option+command+K 選擇顏色(可包含透明度)
emmt可以
1.輸入「div>p>a」按tab後 自動產生「<div><p><a></a></p></div>」
2.輸入「ul>li*3」按tab後 自動產生「<ul><li></li><li></li><li></li><ul>」
3.對著class name按command E 直接編輯其CSS
Sublime
有各種套件可下載
安裝package control (https://packagecontrol.io/installation)
View→Show Console
把網站的程式碼貼上 enter 重新啟動
之後安裝各套件方式：
1.打開Package Control (Crrl +shift +p 或 command + shift +p)
2.輸入install package→enter
3.輸入套件名→enter
推薦套件：emmet、colorpicker、html boilerplate、cssformat、livereload(要撘配chrome套件)
2015年2月6日
ORA-00955: name is already used by an existing object
表示物件名稱已被用了
要如何查出
-------------- -------- ------------
OWNER NOT NULL VARCHAR2(30)
OBJECT_NAME NOT NULL VARCHAR2(30)
SUBOBJECT_NAME VARCHAR2(30)
OBJECT_ID NOT NULL NUMBER
DATA_OBJECT_ID NUMBER
OBJECT_TYPE VARCHAR2(19)
CREATED NOT NULL DATE
LAST_DDL_TIME NOT NULL DATE
TIMESTAMP VARCHAR2(19)
STATUS VARCHAR2(7)
TEMPORARY VARCHAR2(1)
GENERATED VARCHAR2(1)
SECONDARY VARCHAR2(1)
如果覺得要刪掉
要如何查出
SELECT *
FROM all_objects
WHERE object_name = 'object的名稱'
descr all_objects
Name Null Type -------------- -------- ------------
OWNER NOT NULL VARCHAR2(30)
OBJECT_NAME NOT NULL VARCHAR2(30)
SUBOBJECT_NAME VARCHAR2(30)
OBJECT_ID NOT NULL NUMBER
DATA_OBJECT_ID NUMBER
OBJECT_TYPE VARCHAR2(19)
CREATED NOT NULL DATE
LAST_DDL_TIME NOT NULL DATE
TIMESTAMP VARCHAR2(19)
STATUS VARCHAR2(7)
TEMPORARY VARCHAR2(1)
GENERATED VARCHAR2(1)
SECONDARY VARCHAR2(1)
如果覺得要刪掉
drop 剛查到的OBJECT_TYPE object的名稱;
2015年2月5日
[ORACLE] 檢視user現在對表有哪些權限
以 帳號登入(非sysdba)
---------- ---- -------------
GRANTEE VARCHAR2(128) ←被grant的對象
OWNER VARCHAR2(128) ←table_name真正的owner
TABLE_NAME VARCHAR2(128)
GRANTOR VARCHAR2(128)
PRIVILEGE VARCHAR2(40) ←select或insert或..........
GRANTABLE VARCHAR2(3)
HIERARCHY VARCHAR2(3)
COMMON VARCHAR2(3)
TYPE VARCHAR2(24) ←table或view或sequence或.....
SELECT * FROM USER_TAB_PRIVS;
descr USER_TAB_PRIVS
Name Null Type ---------- ---- -------------
GRANTEE VARCHAR2(128) ←被grant的對象
OWNER VARCHAR2(128) ←table_name真正的owner
TABLE_NAME VARCHAR2(128)
GRANTOR VARCHAR2(128)
PRIVILEGE VARCHAR2(40) ←select或insert或..........
GRANTABLE VARCHAR2(3)
HIERARCHY VARCHAR2(3)
COMMON VARCHAR2(3)
TYPE VARCHAR2(24) ←table或view或sequence或.....
[ORACLE] create user
drop user 帳號 cascade;--可忽略 但建議使用
CREATE USER 帳號 IDENTIFIED BY 密碼
DEFAULT TABLESPACE TABLESPACE名稱通常為USERS TEMPORARY TABLESPACE TEMP
PROFILE DEFAULT ACCOUNT UNLOCK;
GRANT CONNECT TO 帳號;
GRANT RESOURCE TO 帳號;
GRANT CREATE SESSION TO 帳號;
2015年1月28日
2015年1月26日
2015年1月23日
< s:if 判斷是否包含字串
是否contain某個字串 不是用contain
AAA和BBB都是參數
AAA和BBB都是參數
<s:if test="%{#AAA.indexOf(#BBB)>=0}">
AAA裡有BBB
</s:if>
2015年1月22日
[ORACLE] 在sqlplus下以sys操作
1.在 CMD下 要先指定SID 才能連
set ORACLE_SID=「SID」
sqlplus "/ as sysdba"
SQL> 開始操作語法
set ORACLE_SID=「SID」
sqlplus "/ as sysdba"
SQL> 開始操作語法
2015年1月7日
2015年1月3日
[日文][翻訳練習] Wherever You Are
I'm telling you
I softly whisper
Tonight tonight
You are my angel
愛してるよ
我愛你
二人は 一つに
兩人合而為一
Tonight tonight
I just say…
Wherever you are I always make you smile
Wherever you are I'm always by your side
Whatever you say 君を 思う 気持ち
不論你講了什麼 對你心意都一樣
I promise you “forever” right now
I don't need a reason
I just want you baby
Alright alright
Day after day
この 先 長いことずっと
之後長久時間一直
どうかこんな 僕とずっと
如何 和這樣的我一直
死ぬまで Stay with me
到死為止
We carry on…
Wherever you are I always make you smile
Wherever you are I'm always by your side
Whatever you say 君を 思う 気持ち
不論你講了什麼 對你心意都一樣
I promise you“forever”right now
Wherever you are I never make you cry
Wherever you are I'never say goodbye
Whatever you say 君を 思う 気持ち
不論你講了什麼 對你心意都一樣
I promise you“forever”right now
僕らが 出逢った 日は
我們相遇的那天
二人にとって一 番目の 記念すべき 日だね
對兩人而言是第一個該紀念的日子
そして 今日という 日は
然後今天的日子呢
二人にとって二 番目の 記念すべき 日だね
對兩人而言應該是第二個應該紀念的日子
心から 愛せる 人
從心底愛的人
心から 愛しい 人
從心底摯愛的人
この 僕の 愛の 真ん 中には
因為在我的愛裡
いつも 心がいるから
永遠有這心
Wherever you are I always make you smile
Wherever you are I'm always by your side
Whatever you say 君を 思う 気持ち
不論你講了什麼 對你心意都一樣
I promise you“forever”right now
Wherever you are I never make you cry
Wherever you are I'never say goodbye
Whatever you say 君を 思う 気持ち
不論你講了什麼 對你心意都一樣
I promise you“forever”right now
Wherever you are
Wherever you are
Wherever you are
I softly whisper
Tonight tonight
You are my angel
愛してるよ
我愛你
二人は 一つに
兩人合而為一
Tonight tonight
I just say…
Wherever you are I always make you smile
Wherever you are I'm always by your side
Whatever you say 君を 思う 気持ち
不論你講了什麼 對你心意都一樣
I promise you “forever” right now
I don't need a reason
I just want you baby
Alright alright
Day after day
この 先 長いことずっと
之後長久時間一直
どうかこんな 僕とずっと
如何 和這樣的我一直
死ぬまで Stay with me
到死為止
We carry on…
Wherever you are I always make you smile
Wherever you are I'm always by your side
Whatever you say 君を 思う 気持ち
不論你講了什麼 對你心意都一樣
I promise you“forever”right now
Wherever you are I never make you cry
Wherever you are I'never say goodbye
Whatever you say 君を 思う 気持ち
不論你講了什麼 對你心意都一樣
I promise you“forever”right now
僕らが 出逢った 日は
我們相遇的那天
二人にとって一 番目の 記念すべき 日だね
對兩人而言是第一個該紀念的日子
そして 今日という 日は
然後今天的日子呢
二人にとって二 番目の 記念すべき 日だね
對兩人而言應該是第二個應該紀念的日子
心から 愛せる 人
從心底愛的人
心から 愛しい 人
從心底摯愛的人
この 僕の 愛の 真ん 中には
因為在我的愛裡
いつも 心がいるから
永遠有這心
Wherever you are I always make you smile
Wherever you are I'm always by your side
Whatever you say 君を 思う 気持ち
不論你講了什麼 對你心意都一樣
I promise you“forever”right now
Wherever you are I never make you cry
Wherever you are I'never say goodbye
Whatever you say 君を 思う 気持ち
不論你講了什麼 對你心意都一樣
I promise you“forever”right now
Wherever you are
Wherever you are
Wherever you are