前端提升 之番外篇 和《帥哥美女》

大家都在看電影,俺無事可做,就寫了這篇博客。

誰能想到,今天我會一反常態夸人,都說俺嘴裏吐不出象牙,呸,俺沒有狗嘴。

首先是萬衆矚目的面試題,說是面試題其實也不太準確,目的性太強。應該說是對專業的提升,知識的積累,精神的昇華,以及人生的圓滿。抱着這樣的心態來看,你就會發現,還不如玩幾把流星蝴蝶劍。

提升1.css3新特性

flex 媒體查詢 怪異盒子 transition transform animation box-shadow
新增選擇器nth-of-type last-of-type first-of-type nth-child nth-last-child

沒想到吧,竟然如此簡單,可以說是不會就吃屎的那種簡單了

提升2.html5新增特性

語義化標籤 nav(導航欄) header(頁頭) main(主體) section(身體) footer(頁腳)article(文章部分)aside (側邊欄)
Input新增屬性 search email url time
本地存儲
Canvas
Audio video 新增source標籤爲了兼容瀏覽器
Websocket

長江後浪推前浪,學不會的是智障。

提升3.對象基本類型與引用類型

基本類型:string number Boolean null undefined 值不可變,存在內存中的棧中
引用類型: object array Date Function 值可變,存在內存中的堆中
更詳細戳這裏

這原理,那原理,萬物都有理,除了女孩子生氣,和我愛你。

提升4.Css盒模型

正常:content+padding+border+margin
怪異:content+margin(因爲用到了box-sizing: border-box;)

這個不難理解,怪異就是不正常,不知道啥叫怪異看我就行。

提升5.Vue2.0與3.0的區別

雙向綁定機制:
Vue2.0 監聽雙向綁定使用Object.defineProperty方法屬性攔截的方式,把data對象裏每個數據的讀寫轉化成getter/setter,當數據變化時通知視圖更新, 但是無法檢測到對象或數組對象內部的變化
Vue3.0 監聽雙向綁定使用es6的proxy, 可以監測到數組或對象內部的變化,但是兼容性不好

3.0 新加入了 TypeScript 以及 PWA 的支持

默認進行懶觀察(lazy observation):
在 2.x 版本里,不過數據多大,都會在一開始就爲其創建觀察者。當數據很大時,這可能會在頁面載入時造成明顯的性能壓力。3.x 版本,只會對「被用於渲染初始可見部分的數據」創建觀察者,而且 3.x 的觀察者更高效

更精準的變更通知:
比例來說:2.x 版本中,你使用 Vue.set 來給對象新增一個屬性時,這個對象的所有 watcher 都會重新運行;3.x 版本中,只有依賴那個屬性的 watcher 纔會重新運行。

部分命令也發生了變化:
1.下載安裝npm install -g vue@cli
2.刪除了vue list
3.創建項目vue create
4.啓動項目npm run serve

默認項目目錄頁發生了變化:
1.移除了配置文件目錄,config 和 build 文件夾
2.移除了 static 文件夾,新增 public 文件夾,並且 index.html 移動到 public 中
3.在 src 文件夾中新增了 views 文件夾,用於分類 視圖組件 和 公共組件

這個吧,最好是用用vue3.0,真的,用一下就會覺得2.0的是真的好

提升6. 使用vue的好處

vue兩大特點:響應式編程、組件化
vue的優勢:輕量級框架、簡單易學、雙向數據綁定、組件化、視圖、數據和結構的分離、虛擬DOM、運行速度快

缺點:不進腦子

提升7. vue中做數據渲染的時候如何保證將數據原樣輸出?

v-text:將數據輸出到元素內部,如果輸出的數據有HTML代碼,會作爲普通文本輸出
v-html:將數據輸出到元素內部,如果輸出的數據有HTML代碼,會被渲染
{{}}:插值表達式,可以直接獲取Vue實例中定義的數據或函數,使用插值表達式的時候,值可能閃爍;而使用v-html、v-text不會閃爍,有值就顯示,沒值就隱藏

原樣輸出對於女孩子來說是不可能的,不化妝那不就見光死了嗎?

提升8. active-class屬於哪個組件的屬性?

Vue-router模塊的router-link組件

router-link都有專屬,我卻沒有專屬。

提升9.$ route和$router的區別?

$route是“路由信息對象”包括params query path name hash
$router 是 “路由實例對象”包括路由跳轉方法,鉤子函數

1r是1元,多了1個r就是不一樣,透露着爆發戶的土氣

提升10.vue-loader 是什麼?使用它的用途是什麼?

解析.vue的一個加載器,template/js/style轉換成js模塊
用途:js可以寫es6、style樣式可以scss或less、template可以加jade等

相當於快播,可以解析MP4、AVI、WMV、RM、RMVB等視頻格式,啥都能解析,想看啥都有

又到了萬衆期待的罵人環節,其實我開心的時候狀態最好,現在心情一般般,所以就勉爲其難埋汰幾句吧。

哎,差點忘了,今天好像要夸人,我日,心情複雜。。。

。。。。。。。。⋋⁞ ◔ ﹏ ◔ ⁞⋌

這一羣傻狗能誇出個幾把…(눈_눈)

整理一下一波三折的心情,出發。

本文無一真名,均爲化名,請自行對照

1、婷姐是個學習非常好的女孩子,溫柔大方,眉眼盪漾,大媽氣場,超級漂亮。婷姐特別好相處,看起來就像欠了別人幾百萬的樣子,怕被人要錢,所以特別平易近人。大家都很喜歡大媽。

2、凱子是一個帥哥,叫他黑鬼,感覺就像是拉他下水。凱子的學習非常好,那股鑽研的精神真是讓人佩服得很,摳細節摳到捨不得給我一張紙!有工匠精神,浮躁的社會很少有這樣內心平靜喜歡喬丹的人才了。

3、套你個猴子是非常牛逼帥氣的一個猴子,那樣式敲的,感覺是從UI轉行的一樣,眼光高的一批。代碼也特別牛逼,活該高工資。最近進了同一個項目組,哇,我就是走路踩狗屎才能和他一個組的,像套你個母猴子一樣幸福。

4、瑞哥是一個正在茁壯成長的青少年,一身龍虎之力,不怒自威,是個當相撲隊領導的好料子,瑞哥邏輯能力強,特別是給人講題的時候,那傢伙,知識從他嘴裏往我腦子裏嗖嗖地進。對,是知識,不是口水。豬肉沒漲價的時候沒覺他多牛逼,現在卻也不敢小看他了。

5、說哥人如起名,能說,往外交發展的話那可是棟樑,中堅力量,敲代碼有些屈才了。但是屈才是好事,要不然我們的快樂源泉就乾涸了,誰不想在其樂融融的氣氛中敲代碼呢!其實本來打算和說一起寫這篇來着,但說哥沒我閒。

6、氣氣,千言萬語匯成一句話,這個女孩是塊寶,居家旅行少不了。心靈手巧,超美外表。是個善解人意的好好好好好好好姑娘,哎呦我倒,英語水平也是大佬,讓人羨慕的不得了。真是讓俺五體投地,哎,第五體是哪裏?

7、麟麟,複雜的名字單純的心靈,麟麟上輩子一定是一位折翼的天使,不然無法解釋他怎麼長的賊幾吧白。真讓人羨慕,又白又帥的麟麟也非常逗,女孩子都喜歡逗一點和婆婆叫她吃飯的人,而不是我這樣才華橫溢,學富五車的。羨慕麟麟!

8、四眼田雞的髮型我就沒見他耷拉下來過,媽的又一個比我帥10倍的。按理說學習好,那髮際線就高,他怎麼還不禿?雞哥的學習超級好,人緣超級好,還有一個待字閨中的小四侄女。哎呀媽呀羨慕死,都想舔他的牙齒了。

9、霍金聽起來牛逼吧,是俺朋友聽起來更牛逼了。她不是已經歸西的那個,是個超級可耐的女孩子,袖珍的身體卻隱藏着不爲人知的波濤洶涌,聲音也非常好聽,性格就像她的聲音一樣軟軟糯糯的,天天和她家小張如膠似漆,好不甜蜜。

10、套哥可是真男人,不住的打嗝打嗝說明套哥不拘小節,比較豪爽。至於不停的放屁,屁乃人生之氣,豈有不放之理,又直觀的說明了濤哥的氣量大!這樣的男人就像宋江,人生之路乘風破浪。

11、丁丁,瑞哥縮水版,但也是一身寶,和牛肉價錢不相上下。丁丁的入睡速度讓人羨慕,邊睡邊動的大腦更是讓人佩服,眼睛在休息,腦子在錄音。丁丁這樣的人才,如果放到古代,那一定是睡夢王八拳的宗師,絕霸天下。再說放在現在,那就是躺着上班賺錢的人才,關鍵是還合法!

12、奇緣也是個非常逗的女孩子,上個月中旬才真正認識她,秀外慧中,出水芙蓉。學習非常不錯,說話也草幾好聽,哇,這樣的女孩就是傳說中的寶藏女孩吧,可惜有男朋友了,不然的話,寶藏哎,誰不想插一腳。你還欠我一份糖醋排骨!別打我。

13、奇緣曾經的隔壁老王,老王是個多才多藝的男人,會擺弄修理各種設備,技術型人才。學習也超級好,媽的現在怎麼誰都學習好了!哦,原來是我在瞎掰啊。老王竟然有老婆,還那麼漂亮!可謂起步就是人生巔峯的程序猿,不過要小心隔壁有王。

14、任傑放在古代絕對是手眼通天的人物,黑幫老大,暗網首領。四哥每提出一個牛人他都認識,太厲害了。教父一般的人物,還是我同桌,說出去就跟我認識霍金一樣牛逼。任傑的學習也特別厲害,厲害就厲害在說不出哪裏厲害。

15、小超也是一個炒雞可耐的女孩,品貌端莊,落落大方。平時比較文靜的她學習也是非常不錯的,而且腦子活泛的讓人羨慕,總能在談話中能get到一些我沒注意到的點,還跟老子同桌,幸福。

16、大黃是我們忠實的朋友,這也是他默認的,大家想一想他的微信頭像是啥?大黃也是經歷過大風大浪的人,不是誰都能和逃犯扯上關係的。可能是和逃犯有了點關係,又在國企做過計術支持,心態穩到爆炸,能裝下那麼大的checkbox,羨慕得很。

17、鯤鯤是我十分尊敬的一位女孩子,鯤鯤非常厲害,舉手投足盡顯雍容華貴,氣場十足,有氣勢的同時又不失小家碧玉的溫柔,簡直就是當代羋月。愛情都是互相成就,相輔相成的,可見猛哥也非池中物,我國要興啊!

18、王主任說起來可是無人不知,強大的專業能力,偶像般的帥氣外表,平易近人的性格和對學生弟子的無微不至,讓別人家的學生哈喇子都流出來了,閒暇時我們除了敲代碼,就是一個勁兒的沾沾自喜。魯迅說過:小四好像是一隻牛,吃的是草,擠出來的是奶,說起來我們都在喝王主任的奶。十年樹木,百年樹人,桃李滿天下的王主任活該受一輩子尊敬。

19、素姐提起來可是無人不曉,那傢伙,單日常生活中聽到素姐的名字,我們的大拇哥就像鋼筋一樣彎不下來。孔子說過:其身正,不令而行。素姐德才兼備,以青出於藍爲目標的老師往往差不到哪裏去,也就世界第一的水準吧,俺們跟着世界第一跑,那俺們也差不到哪去。素姐有教無類,雖然對丁丁有些偏愛,但我們都不吃醋,也理解其中原因。素姐長的還賊好看,靡顏膩理,超級美麗,讓人情不自禁,好生歡喜。不想畢業了都!

怎麼還差一位,哇,這可咋整,沒辦法,加上一個男人婆吧╮(╯_╰)╭。

20、寫男人婆這個比俺能寫一篇論文!男人婆和瑞哥有的一拼,打起老子來上下其手,沒點兒輕重,還一還手就生氣,咋這麼難伺候?好歹是個貌如天仙,我見猶憐的女孩子,怎麼就這麼彪悍。男人婆的嘴也很彪悍,和說哥的嘴差不多,不是生理結構類似,是都能叭叭,女孩子很少有口活好的,但一想到她是男人婆,哎就不奇怪了。還叫俺牛爺爺,叫她孫子又要捱打,真是個雙標狗。俺敢肯定,男人婆看到這裏肯定要說,XXX你*了個*的。還好年紀比我小,我先長大,等我長大了肯定弄死她。算了,手上的疤痕歷歷在目,提醒着我不要寫了。

這一篇含金量超高的博客,可能是近期收官之作了。雖說俺的才華取之不竭,用之不盡,但百無一用是書生,俺還是要把俺的精力用在值得發光發熱的地方。除非大家誇我或者看俺的其它博客,無迴應,不動力,不是嗎?俺的其它博客也超級有趣,點進去收穫知識,退出來收穫友情。看我的博客就能實現雙贏,何樂而不爲。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章