一步一腳印工作札記

目前因開發環境為VS2015，記錄到 2016/10/26 為止(持續加入修訂中..，Windows 有空再補上) 就個人所知並實際在開發中常用快速鍵整理如下，若有遺漏或有先進前輩有好用快速鍵，也請讓我知道加入 Windows: Win + Tab: 切換不同畫面 Win + L   :   鎖定電腦 Win + E   :  開啓我的電腦  Win + D  :   切換到桌面 Win + 加/減號 : 放大/縮小 畫面 Ctrl + W :  刪除網頁 Ctrl + Shift + T:  恢復剛刪除的網頁 Visual Studio 2015: F7 : 程式碼 Shift + F7 : 設計畫面 Ctrl + C : 複製內容 Ctrl + V : 貼上內容 Ctrl + Y : 復原前一個 Ctrl + Z 動作 Ctrl + Z :  復原前次動作 Ctrl + K + C : 加上註解 Ctrl + K + U : 解除註解 Alt + 滑鼠滾動 : 垂直選取內容 選取左大括號後，Ctrl + ] :  找到匹配右大括號 Other: Ctrl + Shift + Del : Chrome 叫出清除瀏覽器記錄內容畫面

簡單一句話，利用 white-space & word-wrap 兩者合起來就可以搞定囉! HTML: <div>   <pre> I am the pizza11 I am the pizzaI am the pizzaI am the pizzaI am the pizzaI am the pizzaI am the pizzaI am the pizzaI am the pizzaI am the pizzaI am the pizza   </pre> CSS: pre{   position:absolute;   left:10%;   border:solid 3px;   white-space: pre-wrap;   // pre-wrap 設定使空白保留，但可正確換行   word-wrap: break-word; }

簡單又實用 ^ ^ * 第一種透過 .ToList( ) 方法:  List<string> List1 = new List<string>();  List<string> List2 = new List<string>();  List1.Add("A");  List1.Add("B");  List1.Add("C");  List1.Add("D"); List2 = List1.ToList( ); * 第二種方式在建立物件時複製前一個 List  List<string> List1 = new List<string>();  List1.Add("A");  List1.Add("B");  List1.Add("C");  List1.Add("D"); List<string> List2 = new List<string>(List1); * 第三種方法新的List 中使用 AddRange( ) 方法  List<string> List1 = new List<string>();  List<string> List2 = new List<string>();  List1.Add("A");  List1.Add("B");  List1.Add("C");  List1.Add("D"); List2.AddRange(List1); 另可使用 List1.GetRange(Start, End) 來複製不固定大小(但不包含End)的內容

CSS 有個強大的排版屬性 display: flex 裡面功能很多，對我而言好用的就是下面的例子(三個 div 透過 flex:1 將 .content 平均分成三份大小一樣的div(因為 .flex 有三個)，這樣做減少了許多複雜的計算功能... HTML: <div class="content">  <div class="flex1">1</div>  <div class="flex1">1</div>  <div class="flex1">1</div> </div> CSS: .content{  .content{   display:flex;   flex-direction:row;   width:700px;   height:150px;   background:green;   align-items:center;   // 垂直置中   jusify-content:center;  // 水平置中   flex-wrap:wrap;  // 超過允許換行 } .flex1{   width:50%;   display:flex;   color:green;   font-size:24px;   justify-content:center;   align-items:center; } .flex1:nth-of-type(1){     flex:1;     background:red; } .flex1:nth-of-type(2){     flex:1;     background:yellow; } .flex1:nth-of-type(3){     flex:1;     background:blue; }