原创 SQL 用戶定義表類型,在存儲過程裏使用數據類型作參數

在數據庫編程裏使用數據類型,可以提高代碼的重用性,它們經常被使用在方法和存儲過程中。使用數據類型,我們可以避免在存儲過程裏定義一串的參數,讓人眼花繚亂,它就相當於面嚮對象語言裏,向一個方法裏傳入一個對象,而該對象有各種屬性,存儲過程只需要

原创 怎樣設計解開數獨遊戲

很早之前大概是2014年的時候,我用WPF就是C#啦,寫了一個數獨遊戲,那時之所以有這個想法,主要還是因爲更早之前玩數獨遊戲時基本沒有把題目解出,有點小受傷,但本葛葛畢竟是程序員啊,我解不出,可以用程序解出嘛。最近又用JavaScript

原创 說說React的事(二)

前面說到了React的一些基礎知識,現在說說怎樣從零開始在Node.js下,使用webpack打包,使用Babel解析JSX,最終構造React的運行環境。在這裏假設已經裝好了Node.js,沒裝的話可以點擊這個地址nodejs下載。

原创 Create an OData v4 Endpoint Using ASP.NET Web API 2.2(使用ASP.NET Web API 2.2創建OData v4端點)

開放數據協議Open Data Protocol(OData)是web的一種數據存取協議,OData通過設置CRUD操作(Create創建,Read讀取,Update更新,Delete刪除)提供一種統一的方式來查詢或者操作數據。 ASP.

原创 Don’t Overthink It Grids(不要把Grid想得太難)

現存的許多網站都會使用Gird佈局,可能我們並沒有明確的看到它的存在,但是當你看到他們有一塊“主要內容區”位於頁面左邊,又有一個側邊欄在頁面右邊,這就是一個簡單的Grid(網格)佈局。 當我們需要展現一個複雜的佈局的時候,人們總是希望使用

原创 IOS Using UIAlertView to show alerts

UIAlertView in other words, it's a dialog box. You want to show a message or ask user to confirm an action. UIAlertView

原创 TypeScript accomplish MVVM pattern(TypeScript實現MVVM)

Hello Everyone, 經過上一篇“野蠻”的創建了個TypeScript版的windows store app,這次我們再用這個來實現MVVM模型吧,雖然TypeScript技術比較新潮,但仔細想想,其實也不會非常的困難,相反卻提

原创 JavaScript的棧和隊列

這次要介紹的東西是JavaScript中的棧和隊列,我們都都知道JavaScript是一種弱類型的編程語言,從Array中更是體現出了這一點,我們可以在Array中插入一個字符串,也可以插入一個數字,甚至再繼續插入一個對象。這次我們要說明

原创 使用canvas畫圖,圖形模糊怎麼辦

在說解決辦法之前,例行慣例,簡要的說明一下Html5中的Canvas。Canvas是Html5製圖中常用的元素,但其本身並沒有繪製能力,它僅僅是圖形的容器,要製圖還必須依靠腳本。按照Canvas中提供的方法,我們繪製出各種我們想要的圖形,

原创 說說React的事(一)

在公司用React做項目已經有一年多了,剛開始接觸它的時候,給我的第一感覺就是很有顛覆性,一言不合就往JS裏面插入Html代碼。在MVC或者MVVM的框架裏,我們宣揚的是視圖V和模型M的分離,就是你負責扮靚,我負責賺錢。而React更多的

原创 React-Knockout無縫粘合,JavaScript項目MVVM框架下的控件化

這次講的是把React和Knockout結合使用的示例,兩個框架各有所長,也有不同的特點和特色,這次把他們結合起來,似乎有些膽大妄爲,然而有時候就是容易遇到一些奇怪的需求。使得我們不得不去出一些奇招。然而這樣真的很奇怪嗎?實際上並不是這樣

原创 React 創建自定義控件

React是Facebook的內部項目,當時facebook對自己市面上所有的javascript MVC都不滿意,於是就自己創建了一個新的框架,發現還挺好用,於是就開源了,這就是React。 React簡直是顛覆了以往的編程習慣,以前

原创 TypeScript List Item Event Bind to ViewModel's Function(TypeScript 列表子項點擊事件綁定ViewModel的函數)

之前建了個TypeScript MVVM的App,希望在點擊列表中的子項的鏈接可以觸發顯示該子項的詳細信息,於是在html頁添加了如下代碼, <div class="panel-body">