1. 程式人生 > >日常code技巧總結

日常code技巧總結

  1. 變數命名
    1) 對於在程式碼中 多次 用到的變數,如果考慮到該變數可能會 出現變化 ,那麼應該在js coding開始的時候,將該變數賦值給另外一個 替代變數 ,在以後的coding中使用替代變數,如此一來,無論該變變數如何變化,替代變數都會隨之變化,不用大量修改程式碼。

無替代變數

--js

var primordial = {hello:"world"}

--html

<div>{{primordial.hello }}</div>
<span>{{primordial.hello }}<span>
<a>{{primordial.hello
}}
</a> --js //變數屬性key改變,不得不一個一個的進行替換,雖然部分編輯器(比如vs)的實現一鍵替換,但是依然顯得改動程式碼太多 primordial = {hi:"world"} --html <div>{{primordial.hi}}</div> <span>{{primordial.hi}}<span> <a>{{primordial.hi}}</a>

有替代變數

--js

var primordial = {hello:"world"}
var substitution = primordial.hello

--html

<div>
{{substitution }}</div> <span>{{substitution }}<span> <a>{{substitution }}</a> --js //變數屬性key改變 primordial = {hi:"world"} //只需對替代變數重新賦值 substitution = primordial.hi --html 部分無需改變 <div>{{substitution }}</div> <span>{{substitution }}<span> <a>
{{substitution }}</a>

相關推薦

日常code技巧總結

變數命名 1) 對於在程式碼中 多次 用到的變數,如果考慮到該變數可能會 出現變化 ,那麼應該在js coding開始的時候,將該變數賦值給另外一個 替代變數 ,在以後的coding中使用替代變數

日常IT技巧總結

一、Windows問題處理技巧 Win7插入手機usb 彈出視窗關閉 按“WIN+R”彈出執行,在執行介面輸入【services.msc】,點選確定,進入服務; 在服務列表找到 “Shell Hardware Detection”服務,雙擊開啟; 在彈出的

MySQL False註入及技巧總結

cap opener creat war foo 原因 blank 文檔 技巧 0x01 False Injection 引子 首先我們常見的註入 1=1 0<1 ‘‘=‘‘ 這些都是基於1=1這樣的值得比較的普通註入,下面來說說關於False註入,利用Fal

前端技巧總結

opera ngx arrow vertical align pear log 圖片 www 日常總結一些前端的實用技巧,方便以後查詢使用 1)超出文本部分用省略號代替   text-overflow:ellipsis;   white-space:nowrap;   ov

jquery操作復選框(checkbox)的12個小技巧總結

== 索引 復選框 小技巧 rst jquery操作 radio rem val 1、獲取單個checkbox選中項(三種寫法) $("input:checkbox:checked").val() 或者 $("input:[type=‘checkbox‘]:checked

【轉】CSS3陰影 box-shadow的使用和技巧總結

x模型 man sco ie瀏覽器 bsp 基礎 mage script www text-shadow是給文本添加陰影效果,box-shadow是給元素塊添加周邊陰影效果。隨著HTML5和CSS3的普及,這一特殊效果使用越來越普遍。 基本語法是{box-shadow:[i

前端頁面重構技巧總結TIP【持續更新...】

code lock 項目 居中 經驗 ade 布局 baidu round 本文均為項目實戰經驗,要求兼容至IE8,所以以下內容均為兼容代碼,歡迎各位小夥伴批評指教。其實重構頁面是一門學問,看似簡單,卻暗藏很多學問。實際項目中頁面的重構有以下幾點最基本需求: 1.需要使用

一些常用JS函數和技巧總結

常用 ces 函數 ont 布爾 gin 技巧 int() js函數 1.JS原生函數parseInt(),返回字符串的第一個數字,默認是十進制。 2.!!data.success //強制轉換成布爾類型 p.p1 { margin: 0.0px 0.0px 0.0px

【幹貨】移動端基礎知識技巧總結

|| 動作 pagex one mat 效果 .get 兼容性 ice 上個周周末,接手了一個移動端的(外包)小項目,一直著手於PC端,對移動端還是一知半解,所以這也是我的一個挑戰,因此,今天心血來潮,總結一些移動端的基礎知識和技巧供自己以後方便查閱,歡迎大家補充或轉載:

移動端基礎知識技巧總結

選中 click事件 author 研究 保存 展現 函數 都是 按鈕 上個周周末,接手了一個移動端的(外包)小項目,一直著手於PC端,對移動端還是一知半解,所以這也是我的一個挑戰,因此,今天心血來潮,總結一些移動端的基礎知識和技巧供自己以後方便查閱,歡迎大家補充或轉載:

滲透測試專題之實戰技巧總結

攻擊 根據 無法 cookie 技術 進一步 查看 bsp logs 1、首先明確你的攻擊目標,這很重要,這可以避免你使用眼花繚亂的工具,從而找不到攻擊點。 2、你的攻擊目標可以是操作系統、web服務器及各種服務器,所以在不知道這些信息的情況下首先得看知道自己的目標系統環境

Linux Shell Vim 經常使用命令、使用技巧總結

fetch comm 顯示行號 view ava string 文件 fun 更新 前言 本文總結了自己實際開發中的經常使用命令,不定時更新,方便自己和其它人查閱。 如有其它提高效率的使用技巧。歡迎留言。 本文地址 http://blog.csdn

[轉]用python爬蟲抓站的一些技巧總結 zz

內容 req xxxxx pic 個數 相關 choice 都是 observe 來源網站:http://www.pythonclub.org/python-network-application/observer-spider 學用python也有3個多月了,用得最

C#中WinForm程序退出方法技巧總結 (轉)

ren sender body 登錄 ble 按鈕 動作 打開 alt 一、關閉窗體 在c#中退出WinForm程序包括有很多方法,如:this.Close(); Application.Exit();Application.ExitThread(); System.E

校招筆試題編程技巧總結

hid sca 筆試 result div else 總結 class ash 技巧一://統計字符串s1的頻率 String s1 = in.nextLine(); //統計字符串s1的頻率 for (char c1 : s1.toCharAr

CSS3陰影 box-shadow的使用和技巧總結

引入 plain obj 方法 字符 prev track lur percent ext-shadow是給文本添加陰影效果,box-shadow是給元素塊添加周邊陰影效果。隨著html5和CSS3的普及,這一特殊效果使用越來越普遍。 基本語法是{box-shadow:[i

【轉載】【技巧總結】PyCharm怎麽克隆github上開源的項目

ont img 技術分享 彈出 windows charm 我們 cmd文件 安裝 PyCharm怎麽clone github上開源的項目 一、先要確保PyCharm正確的配置了Git ??如果你已經在PyCharm中配置好了Git,可以跳過此步驟,直接看下一步。 ??那麽

Linux日常管理技巧(2):free,ps,netstat命令和抓包工具

情況下 路由器配置 傳輸協議 method ups lis red field 保存 一、free命令 free命令可以顯示當前系統未使用的和已使用的內存數目,還可以顯示被內核使用的內存緩沖區。用法: free [選項] 選項: -b:以Byte為單位顯示內存使用情況;-

Linux日常管理技巧(3):Linux網絡相關和防火墻

127.0.0.1 網絡 修改網卡 cal 網卡ip lis oot back col 一、Linux網絡相關 1. ifconfig 查看網卡IP ifconfig命令被用於配置和顯示Linux內核中網絡接口的網絡參數。用ifconfig命令配置的網卡信息,在網卡重啟後機

gulp技巧總結

選項 插件 dir 問題 gulp task ati base req 1. gulp.dest 會自動創建目錄 gulp.dest(dir),若dir不存在,gulp會自動創建它 2. gulp.src copy具名路徑(即不子目錄**的路徑)的文件,不會保留文件夾路徑