碎碎念

9月 19 週二 201715:49
[轉][Windows] 程式無法執行，出現 SideBySide 的錯誤訊息(This application has failed to start because its side-by-sid

最近遇到某個MFC的執行檔出現錯誤訊息，無法開啟。
去"應用程式事件檢視器"看到錯誤訊息如下
"Microsoft.VC80.MFC,processorArchitecture="x86",publicKeyToken="1fc8b3b9a1e18e3b",type="win32",version="8.0.50727.762"。"
安裝了一堆版本的C++可轉散發程式。

(繼續閱讀...)

dizzy03 發表在痞客邦留言(0) 人氣(66)

個人分類：Windows

▲top

9月 18 週一 201710:50
[Javascript][轉] 只用 JavaScript 實作一鍵複製

轉自 https://poychang.github.io/javascript-copy-clipboard/
--
很久以前要做到在網頁上提供貼心的「一鍵複製」小功能，會需要用到 flash。後來 JavaScript 有了 execCommand 之後，搭配 jQuery 來選定 HTML 元素，實作一鍵複製的功能就變得輕鬆許多。
那麼在沒有使用 jQuery 框架的情況下，要如何達成一樣的功能呢？
將功能剝絲抽繭，一項項列出來：

項目jQuery 的作法

等待 DOM 載入完畢
$(document).ready()

綁定按鈕動作
$(document).on(events, selector, data, handler)

找到要複製的區塊
jQuery Selectors

選取目標
window.getSelection()

執行複製
document.execCommand('copy')

接著就會發現，只有前三項動作有用到 jQuery 的框架，而剛好這三項都有純 JavaScript 的方式來取代，所以我們把項目的作法修改一下：

項目JavaScript 的作法

等待 DOM 載入完畢
document.addEventListener("DOMContentLoaded")

綁定按鈕動作
EventTarget.addEventListener()

找到要複製的區塊
document.querySelector() 或 document.getElementById()

選取目標
window.getSelection()

執行複製
document.execCommand('copy')

如此一來，我們可以就可以用最原始的 JavaScript 不引用任何框架，就達成一鍵複製。
完整程式碼

(function () {
//This method NOT support IE8
// ------------------------------
// HTML Template:
// ------------------------------
// <div class="item">
// <p class="copy-area">this it copy-area for test</p>
// <input type="text" value="Copy This Text" class="copy-area">
// <button type="button" class="btn-copy">copy</button>
// </div>
// ------------------------------
document.addEventListener("DOMContentLoaded", function () {
// 取得所有有 .item 類別的 DMO 元素
var items = document.querySelectorAll('.item');
// 將所有找到的元素一個個丟進去 copyToClipBoard 處理，添加監聽事件
for (var i = 0; i < items.length; ++i) {
copyToClipBoard(items[i]);
}
function copyToClipBoard(item) {
// 取得有 .btn-copy 類別的按鈕元素
var btnCopy = item.querySelector('.btn-copy');
// 添加監聽 click 事件
btnCopy.addEventListener('click', function (event) {
// 取得有 .copy-area 類別的元素
var copyArea = item.querySelector('.copy-area');
var range = document.createRange();
range.selectNode(copyArea);
// 選取裡面的文字
window.getSelection().addRange(range);
try {
// 執行瀏覽器的複製指令，複製上面 copyArea 內選取到的文字
var copyStatus = document.execCommand('copy');
var msg = copyStatus ? 'copied' : 'failed';
// 輸出狀態
console.log(msg);
} catch (error) {
console.log('Oops!, unable to copy');
}
// 移除選取
window.getSelection().removeAllRanges();
});
}
});
})();

view raw copyToClipBoard.js hosted with ❤ by GitHub

不要重複造輪子
有同樣需求的人很多，因此也有人完成了一樣的功能，而且做得更完善，clipboard.js 這套也不引用任何框架，且使用 ES6 語法寫成的工具，十分方便好用，有需要的可以試試看。
不要重複造輪子，的確節省了很多開發時間，而且在暇時之餘，更可以研究高手們的程式碼是如何寫的精粹。唯一的缺點就是，畢竟東西不是自己寫的，必須要花一點時間閱讀文件，然後測試看看，是否手邊適合專案。

參考資料：

Click button copy to clipboard using jQuery

Copy to Clipboard in pure javascript

(繼續閱讀...)

dizzy03 發表在痞客邦留言(0) 人氣(0)

個人分類：Programming

▲top

9月 15 週五 201716:40
[Javascript] 偵測瀏覽器是否為IE與特定IE版本

網路上找了一些寫法，但是在IE11中判斷會失效。
所以多找了一下以下是IE11可用的判斷方式：
* 瀏覽器是否為IE

(繼續閱讀...)

dizzy03 發表在痞客邦留言(0) 人氣(2)

個人分類：Programming

▲top

9月 05 週二 201716:08
[轉][Windows7] Windows 7更改磁碟機代號

轉自 http://blog.xuite.net/yh96301/blog/57971605
--
重點就是這兩個步驟：

(繼續閱讀...)

dizzy03 發表在痞客邦留言(0) 人氣(0)

個人分類：Windows

▲top

9月 04 週一 201715:38
[轉] Process Monitor 3.3 免安裝版 - 處理程序監控

轉自 http://www.azofreeware.com/2011/03/process-monitor-294.html
--

(繼續閱讀...)

dizzy03 發表在痞客邦留言(0) 人氣(0)

個人分類：Application

▲top

9月 04 週一 201709:45
[轉]Process Explorer v16.20 進階版的「工作管理員」

轉自 https://briian.com/6574/
--

(繼續閱讀...)

dizzy03 發表在痞客邦留言(0) 人氣(12)

個人分類：Application

▲top

9月 01 週五 201714:48
[轉][VMware] VMWARE與實體機共享資料夾設定

轉自 http://sbonny.blogspot.com/2015/11/vmware-shared-floders.html
--
VM與實體主機共享資料夾

1. 選擇虛擬機／VN／Setting／Options／Shared Floders／

若遇到共享文件夾設定全為灰色時，
請參考底下這篇
VMware共享文件夾灰色而無法設置解決方式

Folder sharing 設定為 Always Enabled

2. ADD／Browse

3. 選擇實體主機要共享磁碟或路徑

4.

5. 設定完成畫面

(繼續閱讀...)

dizzy03 發表在痞客邦留言(0) 人氣(0)

個人分類：Application

▲top

8月 30 週三 201716:19
[轉][VMware] VMware Workstation 11 雙（多）網路設定

轉自 http://ithelp.ithome.com.tw/questions/10183491?sc=pt
--

(繼續閱讀...)

dizzy03 發表在痞客邦留言(0) 人氣(8)

個人分類：Application

▲top

8月 30 週三 201716:17
[轉][VMware] VMWare Workstation 網路設定二三事 - Bridge 篇

轉自 http://blog.xuite.net/skhung/digilife/51897040
--
1. 一般而言在大多數的情況下，不需要去更改VMWare的網路設定。在設定成Bridge Mode情況下，有兩種情況可能會使用到：當安多張網卡時，或者是有裝其它的VM軟體，像是：Oracle Virtual Box。由於VMWare預設的Bridge to是設定成Automatic，當遇到上述的狀況時，我們可以稍微修改一下Virtual Network的設定，請執行【Edit】>【Virtual Network Editor...】

(繼續閱讀...)

dizzy03 發表在痞客邦留言(0) 人氣(18)

個人分類：Application

▲top

8月 30 週三 201716:13
[轉][VMware] VMWare網路設定-預設網路介面篇

轉自 http://blog.xuite.net/skhung/digilife/38631029
--
1. 網路設定可說是VMWare使用者一個蠻害怕的地方，尤其電腦上裝多片網卡時，怎麼查出虛擬網卡與實體網卡的對應關係

(繼續閱讀...)

dizzy03 發表在痞客邦留言(0) 人氣(41)

個人分類：Application

▲top

murmur

[轉][Windows] 程式無法執行，出現 SideBySide 的錯誤訊息(This application has failed to start because its side-by-sid

[Javascript][轉] 只用 JavaScript 實作一鍵複製

[Javascript] 偵測瀏覽器是否為IE與特定IE版本

[轉][Windows7] Windows 7更改磁碟機代號

[轉] Process Monitor 3.3 免安裝版 - 處理程序監控

[轉]Process Explorer v16.20 進階版的「工作管理員」

[轉][VMware] VMWARE與實體機共享資料夾設定

[轉][VMware] VMware Workstation 11 雙（多）網路設定

[轉][VMware] VMWare Workstation 網路設定二三事 - Bridge 篇

[轉][VMware] VMWare網路設定-預設網路介面篇

熱門文章

文章精選

文章搜尋

文章分類

最新文章

參觀人氣

GoogleAdsense

	(function () {
	//This method NOT support IE8
	// ------------------------------
	// HTML Template:
	// ------------------------------
	// <div class="item">
	// <p class="copy-area">this it copy-area for test</p>
	// <input type="text" value="Copy This Text" class="copy-area">
	// <button type="button" class="btn-copy">copy</button>
	// </div>
	// ------------------------------
	document.addEventListener("DOMContentLoaded", function () {
	// 取得所有有 .item 類別的 DMO 元素
	var items = document.querySelectorAll('.item');

	// 將所有找到的元素一個個丟進去 copyToClipBoard 處理，添加監聽事件
	for (var i = 0; i < items.length; ++i) {
	copyToClipBoard(items[i]);
	}

	function copyToClipBoard(item) {
	// 取得有 .btn-copy 類別的按鈕元素
	var btnCopy = item.querySelector('.btn-copy');
	// 添加監聽 click 事件
	btnCopy.addEventListener('click', function (event) {
	// 取得有 .copy-area 類別的元素
	var copyArea = item.querySelector('.copy-area');
	var range = document.createRange();
	range.selectNode(copyArea);
	// 選取裡面的文字
	window.getSelection().addRange(range);
	try {
	// 執行瀏覽器的複製指令，複製上面 copyArea 內選取到的文字
	var copyStatus = document.execCommand('copy');
	var msg = copyStatus ? 'copied' : 'failed';
	// 輸出狀態
	console.log(msg);
	} catch (error) {
	console.log('Oops!, unable to copy');
	}
	// 移除選取
	window.getSelection().removeAllRanges();
	});
	}
	});
	})();