在vim中, 結合 代碼折疊, 代碼選擇vat vit, 位置標記等的使用, 效率是大大提升. 最重要的是, 當代碼折疊后, 可以把折疊的這些內容當作一個整體, 當作一行來復制/移動/刪除等操作了, 這個在進行 "代碼結構調整" (插入/移動 新的 標簽和容器)的時候, 是非常方便的, 就不用那么辛苦的去選擇了.

只要將 光標放在最外層的標簽上, 進行zm操作就可以手動 折疊 當前級別的 整個 代碼塊了

即使設置了 set fdm=indent/marker 等, 仍然可以使用zm進行 手動折疊!

跟前面的 vat, vit cit, yat等命令具有 同樣 重要意義的是: <action> t <object> 其中 action同樣包括 d, y, c(change)的, t表示to 到, object是任何對象,包括 ', ", 括號) > ] } $, G,gg等 特殊字符, 這樣的操作將會是 驚人的提高效率的. 而且刪除的方向還可以是 T 表示倒過來向前刪除, 而且, "直到"的地方, 對象 還可以是某個"字符"(但是 "直到"的這個字符本身不會被刪除!! 如 this is some food , 使用 dto 命令, 將刪除 "this is s" 這些內容,但是 字符"o"本身不會刪除! .

不要試圖去改變bootstrap的 組件/ js控件 的默認的 js表現, 因為:即使你添加了 js腳本, 而且, 用戶自己定義的js腳本, 也確實要執行! 但是 bootstrap插件本身 最后也要執行 自己的js代碼, 所以你原來定義的 腳本 效果又會 被 覆蓋. 所以你定義 的js 最后也就沒有效果了.

gvim的 dj和 dk 分別是刪除 上一行 和下一行, 就不必移動下一行, 然后再按dd了(注意當前行也會被刪除, 意思是, dj和dk將會刪除 兩行!)

重要!! 按數字進行跳轉到行?

以前都是在命令行方式下, 輸入數字進行跳轉. 這個很明顯就慢了, 而且很別扭! 實際上可以 在 "normal" 普通模式下 進行數字式行 跳轉:

1. 絕對數字行 跳轉: nG G表示go, 跳轉的意思. 比如: 10G, 則跳轉到 文件的 第10行. gvim的普通模式下, 會默認 接受命令輸入的, 如果是組合命令, 將會在 ruler上的右下角 顯示已經輸入的命令, 并等待后面的命令字符輸入, 而且接受 以數字開頭的命令, 如3dd.
   

2. 相對行數跳轉, 用數字+-, 比如, 3+就表示 從該行開始, 向下 跳3行, 3- 就表示從當前行開始, 向上跳3行. 而3+ 也可以直接 用 3 命令來表示, 所以當你輸入一個數字然后回車時, 會發現光標跑了@

如何在 :ls 的buffer之間進行跳轉? %a, a, # 三個特殊符號表示什么意思?

1. 沒有必要老是在Nerdtree上打開文件, 因為只要是打開的文件, 都會保持在 buffer中, 所以 只要把你 需要的文件 打開了一次后, 就其實沒有必要再用 nerdtree來打開了

2. 也沒有必要反復的用:ls來看, 因為你經常編輯的文件 通常就是那幾個, 所以 你完全可以用 bp bn, b# 來進行切換!
   
   3.在buffer列表中, 凡是帶有 a 的表示: 這個文件當前是 活動的 即 active, 活動的就是, 當前文件是打開的, 在 vim的窗口中 文件的內容是可見的

3. 表示這個文件 是剛剛被 關閉的, 因此他就是 可以 直接進行 b# 切換 的文件

4. % 當然就是表示 這個文件是 當前被 編輯的文件, 100% 的嘛, 即光標正處于這個文件中.

js腳本的放置位置？

1. 如果是框架的js腳本 最好是在head中就引入, 因為在 渲染 頁面的時候, 會用到, 會去執行框架的 js腳本;

2. 但是自己寫的js腳本, 最好, 通常是放在body的最后, 一方面是性能的優化, (因為頁面的渲染總是要等到 js文件被下載下來, 并且執行完畢后再進行); 另一方面, js會引用某些dom元素....

關于模態框的觸發和 顯示位置的調整?

關于js代碼的 執行過程(是只執行一遍還是 多次反復執行?

1. js的程序代碼, 默認的是 從上到下, 只會執行一次!

2. 如果js代碼 要執行多次, 有兩種方法, 一是用 定時器, 那么js會被 寫在 循環棧中, 實現多次執行,另一種方法是 使用 事件綁定, 或者說叫事件監聽!

3. 兩種的區別是: 定時器執行的事件, 是固定時間段 , 有規律可循的, 確定的事件 重復執行方式; 而事件綁定, 則不是確定的事件, 不知道該事件什么時候發生, 所以叫事件監聽, 事件偵測嘛, 這種重復執行方式是 , 一旦這種類型的事件發生時(如單擊事件), 那么事件綁定的代碼就會被執行. 所以這個也是可能被重復執行的"代碼"

4. 只有這兩種方式, js代碼會重復執行, 其他代碼, 都是在 網頁被載入的時候, js代碼同時被 執行 "只一次"

關于網頁顏色, 有一個專門的在線配色工具, 生成后, 你就可以大膽的使用 對應的層次顏色表 了 地址:http://www.kmguolv.com/tool/yanse.html　

關于導航條:

1. 導航條最好是要放在nav標簽中, 而不是p標簽中

2. 在一個導航條中, 可以包含多個(通常是2個) 類樣式為 ul.nav .navbar-nav 的ul, 來作為導航, 通常一個在左邊 ,一個在右邊, 默認的左邊的就是navbar-left, 右邊的就是navbar-right;

3. 在導航條中, 可以包含 form表單的, 而且form表單 是放在 ul導航的外面, 注意不是包含在ul中的! 只要form使用 navbar-form 類就好了

4. navbar中可以包含其他非導航內容, 但是要加上相應的 navbar-....類, 比如, 文本內容 放在p.navbar-text中, 鏈接放在 navbar-link中, 而非導航按鈕, 添加navbar-btn即可

修改css樣式 有三種方式

1. 直接付一個值: css('color', '#abc');

2. 同時賦多個值;

3. 要付的值, 使用函數方式, 使用 $('selector').css('width': function(index, value){ return parseFloat(value)*1.2; }); 這種方式, 對于比比較復雜的, 樣式設置是非常有用的, 比如要設置, 對象的位置, 這個位置又不是一個確定的, 固定的, 寫死了的值, 而是一個經過較復雜的函數運算才得到的值 , 里面包含了 $(this).height()...就很有用了!!

連通上面的那個問題, 如何修改 modal模態框彈出式的位置?
方法就是: 對模態框使用css函數方法: $('#mymodal'). modal({options}) . css('top': 30%); 等等之類的方法.... 參考: http://www.cnblogs.com/ZHF/p/3739022.html
或者修改 ...css('margin-top': '200px'); 之類的,
或者更精確的, 使用函數: 在bootstrap.js中, 原來就已經將p#modal設置為absolute了 , 所以設置 css("position", "absolute").css({ left:..., top:...});,
使用: 直接 .css( margin-top或者top: return ($(window).height() / 2)-($(this).find(".modal-content").height()/2));就OK

理解son daughter child, children, grand....有什么作用?
child, 有兩種意思, 一種是泛指 兒童, 小孩; 另外一種是特指, 特別指 son或者 daughter的 "子女", 即father的直接后代, 即: father>child.
如果要表示所有的兒子, 所有的"子女", 則使用 children.
grandson　＋ granddaughter = grandchild, grandchildren, 相應的是: grandmother, grandfather....
因此, jquery中的children函數, 就是查找 直接后代元素 $('selector').children = selector > 'children'.. , 這個在英語中 本來就有確定的確切的含義的!

而find是查找所有 的后代 元素. 這個從 windows 操作系統的 查找 "find"方法中 也可以得到 印證~~

而filter則是在平級元素集合中, 查找某個元素... $('mysel').filter('.平級元素中其他特性用來過濾的')....

--選擇器的限制上下文?這個有用?
對于選擇器 $('.myslecect') , 默認的是 從文檔的根 開始搜索, 即context是整個文檔; 但是, 如果要限定 查找的范圍, 在當前這個選擇器中, 則使用context=this就好了, 說白了, 就是一個 context的意思, 如 $('.mysel', this );

vim中的刪除操作?
不管是 倍數dd, 還是 d+倍數+j 或者 倍數+dj, 都是刪除, 都是 "包含當前行" 要被刪除的!　只不過他們　的倍數計算不同：
:　倍數dd的　倍數是包含當前行的　
： 而倍數+dj等, 的倍數是不包含當前行的, 僅僅只是計算的時候的區別:
比如： 2dj = 3dd, 效果是相同的, 都是刪除 當前行在內的 3行內容.

垂直對齊?
在表格table中, 是tr/td的屬性 valign="middle", 不是樣式,
如果用樣式, 則是 img{ vertical-align: middle; } , 如果用樣式, 則使用 完整單詞的表示方法..

如何記憶background的5個特性?
你可以把單獨地 指定 background的 5個特性, 也可以一次性的書寫, 而且, 不一定要寫完整, 因為沒有寫的屬性, 將使用默認值. 而且你不用擔心css認不到, 分不清這些css樣式屬性, 因為這5種屬性值完全可以從單詞和寫法上分清楚. 只是 即使某些特性不寫, 也不要把前后順序 弄錯了!

background: 的屬性順序是: [color][image][position][attachment][repeat]: 可以用一個單詞來記憶: cipar: 助記詞: cigar: 雪茄. "坐在背景上抽 雪茄". cipar == cigar, 其中的p和g就是映像對稱的...
其中的position的值 用 水平方向和垂直方向的值來表示, 第一個值是水平方向的, 第二個值是垂直方向的. 可以用數字, 百分比, 或關鍵字: 水平方向: left center right; 垂直方向: top center bottom.

markdown中的下劃線表示什么?
md中的下劃線, 和星號是一樣的, 都是表示強調的意思. 一個下劃線 或 星號表示 em (用斜體文字 來表示 強調), 兩個星號或下劃線表示strong.

被忽略了大 "點號 ." 操作!

1. 這種點號操作, 可以記錄你最近一次的操作, 然后繼續執行同樣的操作.

2. 這種點號操作, 還會忽略 最近的 移動 和 選擇 操作, 也就是說, 上一次的操作不會因為 你的移動光標, 改變選擇等 而消失. 通常點號記憶的操作包括：　刪除/復制/粘貼/ 縮進,(這個就已經夠了).

3. 特別是對于縮進這種操作: 當你上次選擇了內容, 然后進行了縮進后, 這個選擇的內容就不會"高亮"顯示了. 但是如果你繼續執行點號操作, 那么 vim會自動地幫你選擇上次的 "選擇內容", 并且進行縮進!! 這樣就 避免了 多次縮進的時候, 重復選擇內容的 痛苦!

4. 爭取 盡量進行縮進, 這樣便于觀察代碼, 排錯, 和 折疊!!

需要牢記的是, 對于表單中的 id, class 只是對 html 頁面有用! 它只是用來在html的頁面的js代碼中使用, 在后臺 php文件中, 是 無效的, 那么后臺php文件, 是根據 form表單元素的 name 來獲取值的: $_POST['表單元素的name]

要注意, tp中跳轉到后臺的某個頁面操作的地址函數 {:U('getUeContent')} 實際上是對應的這個操作 所對應的html 模板文件, 因為最終U方法 生成的是 鏈接 a 的 href 屬性值:

<a class="btn btn-lg btn-success" id="imsg" href="/index.php/Home/Index/getUeContent.html "> 我要留言 </a>

注意在上面的 a href={:U(...)} 中, 應該給 href后 的屬性值加上 雙引號 . 因為屬性值都要加雙引號, 不加的時候, 你在源代碼中看到的跳轉地址就沒有雙引號, 會出錯!

除了可以使用dt{object}外 , 還可以使用 ct{object}, 道理和效果跟以前的操作是一樣的!

form-inline和form-horizontal的區別?

不管是form-inline還是form-horizontal 都是指整個表單的類型, 是放在form 上的類. form.form-inline或form.form-horizontal

1. form-inline是一種內聯表單, 即所有的表單控件都將作為 行內元素, 緊湊地排在一行內.

2. form-horizontal是一種水平表單: 標簽是向左浮動的, 右對齊, 表單控件 跟標簽之間的關系是 水平在同一行的, 它跟form-vertical(也是默認 的表單類型)是相對的.

3. form-horizontal水平表單要與 柵格元素相配合使用, 這時, form就相當于一個container, 而每一個p.form-group就相當于一個.row, 因此, 就不需要再寫.row, 而左邊的label和右邊的input就要分別 給予col-md-2等類... 而且label還有給予 control-label類.

4. 對于一個普通的表單的 form-group的label只需要設置for="some_id"屬性, 而input需要四個屬性: type, class, id, placeholder

對于container, 其實不一定必須要用柵格系統的, 也可以做一個簡單的容器的!

以上就是小程序開發留言板的實例詳解的詳細內容，更多請關注php中文網其它相關文章！