【生活分享 】2018-12-29 台北文昌宮 2018 107年尾 點燈 2019年 禮品

【生活分享 】2018-12-29 台北文昌宮 2018 107年尾 點燈 2019年 禮品

今年...普普..

304鋼瓶,米包,筆

[React 教學] 網址 React Redux

React+Redux 分享會
VIDEO
https://www.youtube.com/watch?v=FAdOex9v6Yw
PG:
https://github.com/ArthurChang01/React-Redux-Practice
PPT:
https://www.slideshare.net/ssusercab70d/reduxreact-js

IT 鐵人賽 2018年 
主題：30 天 30 個範例入門 ReactJS 系列
影片：https://ithelp.ithome.com.tw/users/20104727/ironman/1743
程式：https://github.com/max80713/react-30-days

全踐React 30天
https://segmentfault.com/a/1190000010465140

單元列表:
https://www.jianshu.com/p/c81131f1e9de

英文版 React 30 天
https://www.fullstackreact.com/30-days-of-react/#

許多視頻教學
https://www.youtube.com/user/qiupengyuan/videos

中文
https://zh-hant.reactjs.org/tutorial/tutorial.html

【React 前端開發】相關網址 簡體官網 ECMAScript, Eslint, Express, NodeJS, React, TypeScript, Webpack, Babel

【前端開發】相關網址

簡體網站

TypeScript
https://www.tslang.cn/

Webpack
https://webpack.docschina.org/

NodeJs
http://nodejs.cn/

Express
https://expressjs.com/zh-tw/

Eslint
http://eslint.cn

React
https://react.docschina.org/

BabelJs
ES2015 版
https://www.babeljs.cn/docs/usage/babelrc/
7.1 版
https://babel.docschina.org/

ECMAScript 6
http://es6.ruanyifeng.com/
https://yucj.gitbooks.io/ecmascript-6/content/

https://reactjs.org.cn/
http://react-china.org/

【React】預設專案 react-app IE 空白 CHROME 正常

【React,ReactJS】預設專案  react-app IE 空白 CHROME 正常

npm init react-app my-app

在 Windows 7 IE11 上瀏覽 顯示空白，經過 F12 開發人員管理 去看 ，發現 瀏覽器版本跑到 IE7去

所以 會顯示有問題，
只要在 head 加上

就會正常

【IE11】F12 開發人員工作 DOM 總管 出現錯誤

【IE11】F12 開發人員工作  DOM 總管  出現錯誤

Diagnostic:
Exception in window.onload: Error: An error has ocurredJSPlugin.3005

下載更新套件

KB3008923：Internet Explorer 11 積存安全性更新 (適用於 x64 系統的 Windows 7)

https://www.microsoft.com/zh-TW/download/details.aspx?id=45154

【Xamarin.Forms】001 - emulator 新增 Google Play Store 跟 Google Apis

【Xamarin.Forms】001 - emulator 新增 Google Play Store 跟 Google Apis

處理器選 x86  才能點選「Google Play 跟 Google APIs」

【Xamarin】Windows 7 & Visual 2017 作業系統 Could not launch the emulator Android Device Manager

【Xamarin】
Windows 7 & Visual 2017 作業系統 
Xamarin  Android Device Manager

Could not launch the emulator

Could not start emulator
Could not launch the emulator請通過選擇 幫助 菜單中的 以告問題 提出問題，並附加你的日志。
Error message: 無法載入 DLL DismApi:找不到指定的模組。 (發生例外狀況於 HRESULT: 0x8007007E)

相關討論連結：
https://unlimit.tw/forum.php?mod=viewthread&tid=75981&extra=

https://developercommunity.visualstudio.com/content/problem/326886/could-not-start-emulator-unable-to-load-dismapidll.html

該錯誤訊息的 Log位置：
C:\Users\登入帳號\AppData\Roaming\XamarinDeviceManager

結論：
無解
似乎跟 hyper-v 有關聯...
又好像是跟 Windows 7 沒有 dismapi 元件有關
又感覺像是 Windows 8 以上才有支援 Dismapi

無法單獨開 emulator ，對於在專案 執行 Run 時，不影響它的作業，會一併叫起來
再到 ADM 上看，神奇的事，狀態會是「啟用中」

【c#】long = null 無 (long?)null

【c#】long  = null  無  (long?)null

class long? id = null 會發生錯誤

見鬼了  ? 問號不是 無 嗎?怎麼錯誤

原來 null 針對 數字有特別分 ，需要額外轉型別才能 定義 long? 會是 無

class long? id = 轉型 (long?)null  ，就搞定了

【Xamarin.Forms】000 - 相關連結

【Xamarin】

000-01 設定 開發人員模式
網址：https://www.asus.com/tw/support/FAQ/1009474/
備註：開發環境部署至手機

000-02 安裝 adb 驅動程式
網址：http://adbdriver.com/downloads/
備註：開發環境部署至手機, Windows 裝置管理員 出現 adb interface  驅動程式找不到

000-03 安裝 Intel HAXM 駟動程式
網址：https://software.intel.com/en-us/articles/intel-hardware-accelerated-execution-manager-intel-haxm
備註：手機模擬器硬體加速 軟體


000-04
網址：https://docs.microsoft.com/zh-tw/xamarin/android/get-started/installation/android-emulator/device-manager?tabs=windows&pivots=windows

https://docs.microsoft.com/zh-tw/xamarin/android/get-started/installation/android-emulator/troubleshooting?pivots=windows


備註：安裝  Android Device Manager 管理虛擬裝置  - Google Play Store 商店

【Tomcat 安裝】簡易 指令

環境變數

【系統變數】
JAVA_HOME
%ProgramFiles%\Java\jdk1.8.0_162

CATALINA_HOME
D:\apache-tomcat-8.0.50

PATH
%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;


服務安裝
D:\apache-tomcat-8.0.50\bin>service.bat install

【JAVA】Java Jre 161版被更新..Tomcat 服務重啟後掛掉了 ...是人為還是其它!

2018/10 有一天跳出

以下畫面

結果按了確認..之後...
舊的安裝在 C:\Program Files \Java \ jre1.8.0_161
強制被移除了

結果建了一個 jre1.8.0_191

結果我的「環境變數」有設 JRE_HOME ，會強制指定 哪個 版本的 JRE 路徑

結果..它被更新移除了..Tomcat 服務重啟，就..掛掉了..

緊急拿到舊 版 JRE 重新安裝上去，就恢復正常了

所以更新的那個「確定」 很恐怖.

所以要按「X」
就會出現以下圖示

意思就是，拒絕下載..也就不會更新了...真的是嚇死寶寶了!

【Tomcat】startup.bat 一閃黑, 但 tomcat8.exe 可以執行 為何，原因是..

【Tomcat】startup.bat 一閃黑, 但 tomcat8.exe 可以執行

執行  startup.bat 出現如下
The JRE_HOME environment variable is not defined correctly
This environment variable is needed to run this program

說明 環境變數要設定 JRE_HOME，但為什麼tomcat8.exe 可以執行

難到 startup.bat 跟 TOMCAT8.EXE 執行的不一樣嗎?

startup.bat --  catalina.bat  -  setclasspath.bat


經測試是因為 JAVA_HOME 設定 %ProgramFiles%\Java\jdk1.8.0_162  導致
在 setclasspath.bat 會拿 以下判斷
:gotJreHome
if not exist "%JRE_HOME%\bin\java.exe" goto noJreHome

導致判斷會找不到 路徑.所以 JAVA_HOME 環境變數不能設定 %ProgramFiles%

JAVA_HOME 要設定 完整路徑才可以

【Tomcat】講解 apache-tomcat 服務運作 setclasspath.bat JAVA_HOME.JRE_HOME

Bin  \ setclasspath.bat 檔案

1.一開啟就會判斷 是否有 debug 模式，就是程式開發模式
然後 會去跑 needJavaHome

needJavaHome 裡面 會設定 set JRE_HOME=%JAVA_HOME%

2.判斷有沒有 JRE_HOME 環境變數\設定檔，有的話 gotJreHome

3.判斷有沒有 JAVA_HOME 環境變數\設定檔 ，gotJavaHome
有的話 JRE_HOME=%JAVA_HOME%

判斷以上 三個條件都沒成立..
就會一閃黑色，就結束，就不會執行起來TOMCAT

\

【Notepad】文字 變 亂碼，文字編碼課程，文字亂碼

開 Notepad 文字變亂碼，文字編碼課程

Notepad 一開啟就給我用 GB2312 簡體編碼，結果文字就亂碼了

文字亂碼，要到  編碼\字元集\中文\改為 big5 ，因為 內容是用 繁體字 格式，
硬是改為 簡體字顯示，當然會變亂碼

很神奇的事，我們如果用「記事本」來開啟的話，會是正常的
為什麼會正常的呢?
因為你的作業系統是 繁體版，會以預設作業系統「編碼」來開啟
所以，作業系統語言是繁體版，所以以big5 來開啟

【Eclipse】繁體中文化 oxygen 版本 語言包

【Eclipse】繁體中文化  oxygen 版本 語言包

Eclipse,繁體中文,oxygen,Eclipse oxygen

透過 Help \ Install New Software 以照以下 兩種方式
1.url 
2.下載zip 

下載網址：http://download.eclipse.org/technology/babel/update-site/R0.16.0/oxygen/

【讀卡機 DigiFusion ATM 101】型號： RU050 無法正常顯示安裝成功! 這是個Bug 嗎 ! Win 7

DigiFusion ATM 極速101 in 1 多插槽鋼面讀卡機 產品型號：RU050 無法讀取

問題環境：Win 7

【讀卡機 DigiFusion ATM 101】型號： RU050 無法正常顯示安裝成功! 這是個Bug 嗎 !

在電腦\右鍵\管理

然後再點擊 裝置管理員 首先出現了多種 錯誤顯示
展開 \ 通用序列匯流排控制器
出現
USB Composite Device 驚嘆號
或
Unknown Device 驚嘆號

或

USB Mass Storage Device 驚嘆號

智慧卡讀取機\Microsoft Usbccid Smartcard Reader(WUDF)  驚嘆號

一開始是只有顯示 USB 錯誤..亂搞亂重新安裝後，才出現 智慧卡 WUDF 

然後 USB Mass Storage Device 原本不正常就突然就安裝成功正常..

但...怎麼搞 智慧卡 還是有問題，又上網看說是正常應該要顯示 Realtek USB Smart Card reader(61)

又亂抓驅動程式，把 smart 卡 的名稱就正常安裝成  Realtek USB Smart Card reader(61)

突然一切都正常了..

但上國泰世華 網路 Atm 去檢測都會正常

網址：https://www.mybank.com.tw/myatm/mybank_myatm.asp

但怎麼 金融卡的卡片都讀不到.無法到輸入密碼頁，一直叫我檢查是否 USB 智慧卡是否正常

見鬼了..一切在電腦管理\裝置管理員裡面看都是正常的...確還是有問題

突然間想到2件事...

想到1、.我的電腦裡面沒有看到我的 讀卡機其它的 擴充糟裝置，比如在讀卡機上插了sd 卡，理論上要在我的電腦上面要看到 sd 的空間容量，檢查後但都沒有看到..

原來一切的正常顯示都是假的...=/=

想到2. 理論上我插上我的 金融卡在讀卡機上，應該會一閃一閃藍色的燈..但卻都沒有.

代表， 裝置上正常顯示又是假的...又被騙了..

上官網看，都沒有提供 RU050 的安裝驅動程式.見鬼了.

說什麼 Windows 7 免安裝 驅動程式...這是騙局嗎?

然了爬了一堆貼文..就在鬼打牆...然後就想是不是讀卡機壞掉了

「讀卡機」哪有可能那麼容易壞掉...

後來我想到什麼叫 Windows 7免安裝 驅動程式.

就是會用 Windows 7 內建或 某 Windows Updte 一定有支援的元件去自動抓安裝

我才發現，我的Windows Update 更新 ，是關閉的. 

我就做了下以方式，終於搞定了我的讀卡機，但發現了一個缺點..

就是我每次拔讀卡機，就要重頭到 裝置管理員上面重新安裝讀卡機驅動程式...

真是見鬼了..算了..我記錄一下 問題圖跟 如何安裝 DigiFusion  RU050  讀卡機

如果有人遇到的話，就可以省買一台讀卡機，請記得留言發表一下感謝文...

有出問以下問題者，就可以來解決 正確方式來 安裝 DigiFusion ATM 101 RU050 讀卡機

DigiFusion  產品 型號 RU050

以下來看圖書故事，若看不懂的請留言!感謝
一、先開啟 Windows Update 動作

已開啟畫面

開啟 Windows Update 地方

二、跑到 電腦管理\裝置管理員 就會發現錯誤訊息

右鍵-更新驅動程式軟體\選擇 自動
此時就會跳出「Windows 判定裝置的驅動程式軟體是最新的」，然後要求你重新開機
然後， 請你重新開機

開完機後，
顯示出 USB Mass Storage Drive 跟 Microsoft Usbccid Smartcard Reader (WUDF)
兩個驚嘆號!!
請將那個都點選「解除安裝(U)」

解除安裝後，就都沒有顯示出現，請你的電腦(noah-PC) 名稱 ,
然後點選 「掃描硬體變更(A)」
就會自動 上 Windows Update 尋找軟體

此時就會看到無法辦識的裝置，正在安裝驅動程式軟體

然後等一會兒，就跳出 您的裝置已可使用，就會看到幾個已安裝正常的項目名稱
已可使用，
但這個動作必需要開啟 Windows Update 才能做到

三、

正解00-完整尚未插著卡片顯示狀態

正解01-完整插著卡片顯示狀態

四、

國泰世華 web atm01- 尚未插卡 畫面

國泰世華 web atm01- 插卡後，提示金融卡密碼

一切就正常完成了
請記得 在 USB Unknow 的動作完後，務必要重新開機，才能顯示正常名稱出來!

這家 明恒股份有限公司  出的 DigiFusion RU050  讀卡機 看到後，請自行到官網寫一下 Q&A 好嗎?

好多人走冤路...希望看到這篇的人，有得救免再花錢了!

[初嚐美食,]2018-10 中崙市場 2016年冠軍蛋炒飯

[初嚐美食,]2018-10 中崙市場 2016年冠軍蛋炒飯



最近看電視有報導..順路經過.

個人心得.[ 蛋炒飯]
1,飯粒分明.
2.偏鹹.
3.飯偏硬

我是得還好...

後門-電梯

中崙蚵仔煎

菜單

營業時間

新增說明文字

前門入口

【ASP.MVC】ModelState 中繼 Clear() 說明

【ASP.MVC】ModelState 中繼 Clear() 說明


ModelState 原理
頁面上資料  post 後 ，會copy 一份給 中繼資料

到後端程式 如果有修改 model 相關欄位的值，return View(model) 到 頁面的話

必需 有兩種方法
1.ModelState.Remove("欄位名")

2.ModelState.Clear(); <-- model="" p="">
以 View 裡面的 接收讀取程式資料 以 ModelState(中繼資料)為優先，再來是 model
所以 在 View 上面 會先判斷 ModelState(中繼資料) 內容是否為空或有值，若空值的話，就會以 return model 資料為準

所以在測試時 ，textbox 我們在 View 上有更改資料，post 到程式端後，又改了 textbox 裡面的值..結果return model 回傳到頁面..結果只會顯示第一次 textbox 的值，原因就在這!

這是 ASP.MVC 上對 ModelState 規則...有些人覺得不好，有些人覺得不好...看個人了.

[職場心得]有無奈的時候

一家公司人力資源少,做的事也多..

當能力好.也不敢讓你做太多事情.

因為你離職了.沒人可以接替你的工作.

反而在這家公司漸漸看出眼前的路越來越小.

別人都說 :1年練身手,3年看一家公司,5年看(薪)成長,

真有道理.

想想.是公司選你.還是你選公司!

【Asp.Mvc】 ActionFilterAttribute 事件流程 [故事]

ActionFilterAttribute 事件流程

第一次 Page Load

1.尚未執行 Controller 裡面的 Action 程式 正在初始過程
[事件 - OnActionExecuting] – Action 之前執行
說明：Result  = null ，但已知action name

2.Controller -> Action
執行 (public ActionResult Index()) ，準備資料丟給 OnActionExecuted
說明：已拿到 Result Model 內容，以及誰傳過來的事件內容


3.Action [return View()] 之後執行  ，拿到了 Action Index 丟過來的資料
[事件 - OnActionExecuted] Action  「得到 ActionResult 」處理內容，何謂 ActionResult 就是 return View() 或是  return RedirectToAction("xx") 都會存在 ActionResult裡面
說明：

---------------------------------------------------------------------------------------
4.頁面 View/Page
[事件 - OnResultExecuting] 將拿到 ActionResult  資料 在頁面 呈現


5.讀完頁面結束後 View/Page
[事件 - OnResultExecuted]

說明：已經得知，執行是哪個頁面

事件圖示 取得資料：

1.OnActionExecuting 

點圖片可放大

2.OnActionExecuted

點圖片可放大

3.OnResultExecuting

點圖片可放大

4.OnResultExecuted

點圖片可放大

https://hk.saowen.com/a/d4b8fb6e35972372195f2d84f81a079aa806b4051bdece86acc9557265fc6f11

【userAgent】在IPHONE 開 Chrome ，居然 window.navigator.userAgent看不到是 Chrome 版本

【userAgent】在IPHONE 開 Chrome ，居然 window.navigator.userAgent 看不到是 Chrome 版本

GET [Mozilla/5.0 (iPhone; CPU iPhone OS 10_3_3 like Mac OS X) AppleWebKit/602.1.50 (KHTML, like Gecko) CriOS/58.0.3029.83 Mobile/14G60 Safari/602.1]


Mac 說明：https://developer.chrome.com/multidevice/user-agent

原來 Chome 就是 CriOS  =.="

真特別...

【Cookie JavaScript】誰會把Cookie JavaScript 關了 or 禁用了它們...無知的客戶

【Cookie JavaScript】誰會把Cookie JavaScript 關了 or 禁用了它們...無知的客戶

how check Cookie or JavaScript disable or enable

如何判斷 被禁用

noscript 判斷 如下

Cookie 判斷 如下：
script
navigator.cookieEnabled

【C# Windows Form】 Properties 設定(使用者 User、應用程式 Application)

【C# Windows Form】 Properties 設定(使用者 User、應用程式 Application)

兩者差別 (使用者 User 應用程式 Application)
User Get Set 讀.寫
Applcation Get 唯讀

另外 Save 存檔路徑
Windows 7 開發環境 路徑在：
C:\Users\Administrator\AppData\Local\Colton_Prettyman\XXXXXX\1.1.0.0\user.config

【C# app.config】 手動抓 xml

看完整個 階層...你就瘋了..

            Configuration config = ConfigurationManager.OpenExeConfiguration(ConfigurationUserLevel.None);

            UserSettingsGroup userSettings = config.GetSectionGroup("userSettings") as UserSettingsGroup;

            ClientSettingsSection items = userSettings.Sections["MyFileSystemWatcher.Properties.Settings"] as ClientSettingsSection;

            SettingElement item = items.Settings.Get("toUser");

            SettingValueElement xml = item.Value;

            String value = xml.ValueXml.InnerText;

直接使用內建：
Properties.Settings.Default.toUser

就不用那麼搞工@@"

【WCAG 2.0】無障礙標章 簡易說明 Q&A

【WCAG 2.0】無障礙標章 簡易說明 Q&A

問：無障礙標章是什麼?

答：是全球認可的友善網站標章

問：無障礙標章有分等級或版本嗎?

答：目前最新版本為2.0版(於106年2月15日實施)，再下分依照申請等級 A.AA.AAA (A+ 等級屬1.0版最低等級規範，已不接受申請1.0標章)。

問：「無障礙規範索引」AA級有幾條規範項目?

答：A等級規範加上AA級規範 共43項，每43項目下皆有其它各項細條列項目，AAA以此類推。

問：無障礙網站有顏色或色彩規範嗎?

答：依照不同申請等級，在網頁上呈現的顏色要求度不同，對於顏色障礙者在視覺上就很需要對比色差，詳細內容可在規範上了解，也可透過檢測顏色工具來檢查。

問：申請無障礙標章的費用?

答：目前免費。

問：申請無障礙標章審核程序？

答：自我檢驗、申請、檢驗、通過

問：無障礙標章有效時多久?

答：有效期限三年，但每年會定期抽查核拿格網站是否重新符合規範，若三次及修正有效期限內無修正，則皆取消標章

問：設計無障礙網站需要什麼技術嗎?會需要多久時間?

答：

1.必需要先了解「無障礙規範」，國家通訊傳播委員會無障礙網路空間服務網都有定期開課，可查閱官網「無障礙規範索引」及Youtbue 影音學習。

2.在開發上需要網頁相關技術如：JavaScript、Css、HTML、圖片設計，若有資料庫串連，更需要搭程式設計合作，技術上跨前.後端領域技術。

3.以1個人力(IT背景)，從學習、規劃、設計、開發、前.後端程式應用，並且符合RWD(響應式網頁設計)瀏覽，總計費時3個月(依個人學習能力而不一定)

【評價】Panasonic國際牌55吋4K液晶電視 TH-55EX550W

 https://24h.pchome.com.tw/prod/DPAD09-A9008LKYO?q=/S/DPAD09

Panasonic國際牌55吋4K液晶電視
TH-55EX550W

評價..

居然 沒有 750w 可以調整 mkv 字幕上下位置 「爛」

不推它..請大家買750w 

Panasonic 客服電話：0800-098--800 # 1 / 3 / 9 轉客服專人

【Eclipse】 內容 亂碼

【Eclipse】 內容 亂碼

喜好設定 \ 一般 \ 工具區

文字檔編碼(T) \  其它(O)：UTF-8

【股東會紀念品】中鋼 股票代號：2002 日期：2018-06-17 中國鋼鐵 (皂到幸福) 詳細版

【股東會紀念品】中鋼  股票代號：2002 日期：2018-06-17 中國鋼鐵

中鋼 (皂到幸福) 詳細拍照版

正面 照片(皂到幸福)

背面 照片(皂到幸福)

側面 照片(皂到幸福)

打開 照片(皂到幸福)

肥皂 照片(皂到幸福)

上下 肥皂 照片

在一起 肥皂 照片(皂到幸福)

完整 背面照片(皂到幸福)