原创 javascript數據類型轉換 []+{} 和 {}+[]

吐下槽,javascript數據類型真的很奇葩 看了一個頁面《出幾道JS的題》,當時確實挺感興趣地就點進去了。但是看了那幾道題,確實才感覺自己對javascript這個語言認識的缺乏。 {} + [] = ? [] + 0 = ? {}

原创 查找頁面中所有類爲test的結點

前言 阿里巴巴,web前端實習生要在線考試了。確實對於菜鳥的我還是惡補一下知識先。所以百度谷歌了之前阿里巴巴校招的前端筆試題,覺得自己真的被鄙視了,完全做不懂的。啊裏巴巴的web前端是在線的筆試,是不是給我們百度谷歌的機會呢? 看見這道題

原创 js xml實現全國地區級聯(Firefox IE Chrome)

先上效果圖,可以做這樣子的界面。當你還沒選擇省的時候是這樣子的界面 如果選擇的話,界面如下: 想不想擁有這樣子的效果呢?不好意思,我好像植入廣告了。 那麼我們先寫下HTML代碼,這個是我們這個組件渲染的地方。如果這個組件比作是我們這

原创 優秀程序員的十大習慣的讀後感

    當我看到這個標題的時候,我的心情是欣喜若狂的,因爲我現在的階段是在菜鳥級的程序員,每個人都想成爲自己領域的佼佼者,看到這個題目,就覺得好像找到成爲優秀程序員的捷徑似的,好像有人幫你指點迷津似的。給個鏈接優秀程序員的十個習慣 1.學

原创 javascript單線程 異步

   單線程就是一腦筋地執行,上刀山下火海。但是異步就不是哦,它會停一停。那麼兩者好像互斥的趕腳。那麼是不是javascript既支持單線程又支持異步呢?一開始看這些有關線程還有異步的東西,就覺得好遙遠似的,不是我能夠及的範圍。但是借鑑了

原创 用postMesage實現跨域,並解決Failed to execute 'postMessage' on 'DOMWindow'

廣告 阿里招聘2020屆前端實習生,詳情可看 https://blog.csdn.net/monkindey/article/details/88960480 前言 看了HTML5的postMessage,覺得好像挺好玩的,突然想要去嘗試

原创 理解 javascript 作用域

對於作用域的話,我覺得就是一些變量能夠被訪問或者操作的一個區域。如果超過這個區域的話,它似乎就沒有了利用價值了。 作用域前的準備 在瞭解作用域前,我們來說一下題外話。 1.可執行代碼:有三種:(1)全局代碼  (2)函數代碼  (3)ev

原创 DOM

      看了一些文章說,爲什麼程序員要寫技術博客。當時我也在心裏中反思,究竟這一年我幹了什麼,學了前端一年了,但是好像收穫很少似的。所以我也想寫一些博客,不管好與不好,最少在以後可以看下當時自己寫下的東西,也是一種回憶的存在方式吧。但

原创 textContent 和 innerText

相同點 Gets or sets the text content of a node and its descendents. ---- MDN Node.textContent兩者都是返回一個節點還有它的後代元素的文本內容 Set

原创 quirks mode(怪異模式) 和 standard mode(標準模式)

出現的背景 在很久之前的瀏覽器,還是Netscape Navigator和 Microsoft Internet Explorer的時候,頁面主要就是爲這兩個瀏覽器寫的。但是到了今天了,firefox、chrome、opera等瀏覽器的

原创 兩個div實現十字架

效果圖 先不用說什麼,直接上效果圖 好像是醫院的標誌似的。 思路 那這個是怎麼做出來的呢?我先講講我的思路吧!首先只用了兩個div的話,我們只能把這個十字架分成兩部分,那是哪兩部分呢?一個是橫的,一個是豎的。先說橫的div要具備的

原创 這兩週的學校生涯回顧

大四了,以後做作業的次數也越來越少了。最近很多課程都到尾聲了,都要交作業了,忙碌了兩個星期,今天算是把這些課程的作業做好了。 我的大四的課程如下: 《傳感網與物聯網》《數據挖掘》《算法與數據結構高級課程》《虛擬化與雲計算》不得不承認這些

原创 void 0 或者 undefined

Problem 在檢查一個值是否爲undefined的時候,你們是如果去測試的? 要是之前的我會這樣子測試 function isUndefined(obj){ return obj === undefined; } 但是最

原创 JS+CSS實現Dock menu(Mac菜單導航效果)

Talk is cheap ,show me code! dock github

原创 webpack tpl 模板編譯的橋樑 tpl-lite-loader

打個小廣告,就是它就是它就是它 tpl-lite-loader