iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 15
0
自我挑戰組

網頁工程師在windows上的求生秘訣系列 第 15

你所不知道的google小技巧(一)

  • 分享至 

  • xImage
  •  

在coding的過程中,除了你的開發工具之外,另一個最常用的不外乎就是google了,當你的程式出現錯誤時,直接把錯誤資訊貼到google上,基本上就可以找到解答或是debug的方向
但在google的時候,可以加上下面幾個小技巧,可以讓你更快找到你想要找的答案

""

可以將你需要的關鍵字用""包起來,可以保證說被包起來的內容會完整地出現在網頁的文章內
舉個例子
如果要在vue的element裡面使用el-option,並希望她的value是object

<el-select
    v-model="data1"
>
    <el-option 
        v-for="obj in objectArray"
        :key="obj.id"
        :value="obj"
    />
</el-select>

BUG
一般是這麼寫的,但這段寫法在網頁上會有錯誤發生

這個select會無法正確的選到數值,在vue裡面會認定為全部選取

這時,如果google上尋找

vue element v-for object select option

這時找出來的資料會將vue跟element視為不相連的兩字,導致找出來的資料都是跟vue原生地select有關的資料

但這時如果將 "vue element" 放在一起,變成搜尋

"vue element" v-for object select option

這次就很快第一個就是我們這次的答案,可以將el-select中加上value-key並填上下方key的屬性,就可以正常使用了
解決方案

透過這個方式,就可以比較準確地找到希望的資料

多種語言來尋找

這點是我之前在社團時學長教我的方法,當時我們在找尋跟我們社團類似的表演的影片,當時我們的關鍵字總是那幾個,所以找到的參考影片就永遠都是那幾個,但這個學長他總是可以找到我們從未看過的內容,我們就問她說她是怎麼找到資料的,他就說,他只是把我們常用的關鍵字改成其他的語言(德語/法語/日語...),就簡單找到他想要的資料了

套到上面的例子,因為element除了在vue中有使用,他在js中也是一個關鍵字,導致google在搜尋的時候無法將element跟vue做很強的關聯,導致找不到資料
這時,如果我們將搜尋條件改成

vue element 下拉選單 選項 物件

結果第一個就找到解決方法了

今天就先介紹這兩種,其他的我們明天繼續吧!!


上一篇
Chrome 好用Plugin推薦(二)
下一篇
你所不知道的google小技巧(二)
系列文
網頁工程師在windows上的求生秘訣30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言