編程中的邏輯陷阱

記得在前端面試中俗或,會被問道遇到最困難的問題是什么市怎,我總是怕自己說的問題不夠難,其實經常困擾我的反而是一些小問題蕴侣,就因為足夠小焰轻,所以每次檢查的時候都不覺得這里有問題,從而忽視昆雀。

這次的任務是給瀏覽器插件寫插件辱志,這個程序設計了一個流程蝠筑,用戶可以通過模塊來的組建,其中有一個是 JavaScript 模塊揩懒,流程走到這會執(zhí)行 js 代碼什乙,需要在本地編輯好后再復制過去。

下面的例子都是基于上述場景的

瀏覽器自動切換 iframe 上下文

通過開發(fā)者工具檢查當前元素已球,測試好后就通過插件執(zhí)行臣镣,卻提示獲取不到,我首先想到的是可能插件獲取 DOM 元素有特定的規(guī)則智亮,問了一下有沒有遇見在開發(fā)者工具能獲取忆某,在插件之中卻沒法獲取的情況,并沒有受到什么啟發(fā)阔蛉。

反正我當時想了很多弃舒,也嘗試了下,后來才意識到其實不可能這么復雜状原,又仔細檢查了元素的路徑聋呢,發(fā)現(xiàn)了一層 iframe...,而且這層 iframe 單獨打開和之前是沒有區(qū)別的,就是你很難想象這么簡單的一個頁面颠区,會嵌套一層 iframe削锰。

而且由于開發(fā)者工具在檢查元素時會自動切換 iframe 上下文,所以是可以查詢的到毕莱,但是同樣的代碼通過 JS 來運行就查不到了器贩。

map 方法與 table

這個是要用原生 js 組裝個執(zhí)行結果反饋頁面,涉及到了 Table朋截,

用戶那邊每次執(zhí)行磨澡,表格上面就會多一行的逗號,而我這邊卻沒有质和,我在想會不會是編譯的問題,自己研究下無果后稚字,一個同事提醒我問下插件開發(fā)員人員饲宿,倒是提醒了我,會不會是數(shù)據(jù)原因胆描,因為她看八行數(shù)據(jù)有 7 個逗號瘫想。我剛想反駁,因為我的賬號是有一個數(shù)據(jù)的昌讲,也沒有逗號国夜,我立馬有刪除了,因為我只有一條數(shù)據(jù)短绸,自己又造了一條數(shù)據(jù)车吹,果然有了一個逗號筹裕。

原來是在模板字符串中有了 map 方法,但是沒有使用 join,序列化的時候就會加逗號窄驹,而經常使用 React 已經忽略了這一點朝卒,而且這些逗號是一起跑到表格前面,我一直覺得就是表格前面的代碼造成的乐埠。

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末抗斤,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子丈咐,更是在濱河造成了極大的恐慌瑞眼,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,198評論 6 514
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件棵逊,死亡現(xiàn)場離奇詭異伤疙,居然都是意外死亡,警方通過查閱死者的電腦和手機歹河,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,334評論 3 398
  • 文/潘曉璐 我一進店門掩浙,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人秸歧,你說我怎么就攤上這事厨姚。” “怎么了键菱?”我有些...
    開封第一講書人閱讀 167,643評論 0 360
  • 文/不壞的土叔 我叫張陵谬墙,是天一觀的道長。 經常有香客問我经备,道長拭抬,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,495評論 1 296
  • 正文 為了忘掉前任侵蒙,我火速辦了婚禮造虎,結果婚禮上,老公的妹妹穿的比我還像新娘纷闺。我一直安慰自己算凿,他們只是感情好,可當我...
    茶點故事閱讀 68,502評論 6 397
  • 文/花漫 我一把揭開白布犁功。 她就那樣靜靜地躺著氓轰,像睡著了一般。 火紅的嫁衣襯著肌膚如雪浸卦。 梳的紋絲不亂的頭發(fā)上署鸡,一...
    開封第一講書人閱讀 52,156評論 1 308
  • 那天,我揣著相機與錄音,去河邊找鬼靴庆。 笑死时捌,一個胖子當著我的面吹牛,可吹牛的內容都是我干的撒穷。 我是一名探鬼主播匣椰,決...
    沈念sama閱讀 40,743評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼端礼!你這毒婦竟也來了禽笑?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,659評論 0 276
  • 序言:老撾萬榮一對情侶失蹤蛤奥,失蹤者是張志新(化名)和其女友劉穎佳镜,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體凡桥,經...
    沈念sama閱讀 46,200評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡蟀伸,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 38,282評論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了缅刽。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片啊掏。...
    茶點故事閱讀 40,424評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖衰猛,靈堂內的尸體忽然破棺而出迟蜜,到底是詐尸還是另有隱情,我是刑警寧澤啡省,帶...
    沈念sama閱讀 36,107評論 5 349
  • 正文 年R本政府宣布娜睛,位于F島的核電站,受9級特大地震影響卦睹,放射性物質發(fā)生泄漏畦戒。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,789評論 3 333
  • 文/蒙蒙 一结序、第九天 我趴在偏房一處隱蔽的房頂上張望障斋。 院中可真熱鬧,春花似錦徐鹤、人聲如沸配喳。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,264評論 0 23
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至被济,卻和暖如春救赐,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,390評論 1 271
  • 我被黑心中介騙來泰國打工经磅, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留泌绣,地道東北人。 一個月前我還...
    沈念sama閱讀 48,798評論 3 376
  • 正文 我出身青樓预厌,卻偏偏與公主長得像阿迈,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子轧叽,可洞房花燭夜當晚...
    茶點故事閱讀 45,435評論 2 359

推薦閱讀更多精彩內容

  • 爬蟲的基礎知識 爬蟲的定義 只要是瀏覽器可以做的事情苗沧,原則上,爬蟲都可以幫助我們做炭晒,即:瀏覽器不能夠做到的待逞,爬蟲也...
    jxvl假裝閱讀 942評論 0 1
  • HTML 5 HTML5概述 因特網(wǎng)上的信息是以網(wǎng)頁的形式展示給用戶的,因此網(wǎng)頁是網(wǎng)絡信息傳遞的載體网严。網(wǎng)頁文件是用...
    阿啊阿吖丁閱讀 3,905評論 0 0
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5识樱? 答:HTML5是最新的HTML標準。 注意:講述HT...
    kismetajun閱讀 27,513評論 1 45
  • 基礎技能 1.前端開發(fā) 技術知識點: HTML: 標簽 頁面標簽:head(頭部) body(正文) title(...
    氣質有毒_閱讀 938評論 0 2
  • 五十三:請解釋 JavaScript 中 this 是如何工作的震束。1.方法調用模式當一個函數(shù)被保存為一個對象的屬性...
    Arno_z閱讀 581評論 0 2