原创 剛剛,字節跳動發佈了673個前端崗,平均薪資40K!

很多人都想進字節做開發,不論是技術還是薪資、福利都算得上TOP級~ 8月官方再次啓動擴招,發佈了 600+前端工程師 崗位! 來源:字節跳動招聘官網 那麼本批有哪些優質崗位可選擇?薪資待遇如何? 下面給大家列出幾類具體的崗位

原创 【Chrome】1039- 你不知道的 Chrome DevTools 玩法

‍ ‍筆者在前段時間的開發時,需要通過 Chrome DevTools來分析一個接口,調試中發現了控制檯中的 copy 函數,非常的好用,進而發現了新世界,學習到了 Chrome 一些奇怪的調試技巧,這裏總結分享給大家,希望能對各位的

原创 【CSS】關於 z-index,你可能一直存在誤區

z-index 這個屬性表面看上去很簡單,但如果你想搞清楚其工作原理的話,其實是有不少值得探討之處的。本文將從層疊上下文(stacking contexts)和一些實際案例出發,談一談 z-index 的內部工作原理。 CS

原创 React18 Alpha 版來了,一起看看都有什麼新特性吧

React18 alpha版本在6月剛剛發佈,你試用了嗎? 作爲初步預覽React18的Alpha版,新版本大部分的新增特性已經敲定。React18發版以後,預計會帶來以下變化: 改進已有屬性,如自動批量處理、讓ssr支持Susp

原创 【CSS】1035- 再看 margin 塌陷和合並問題

前言 小問題總是被人視而不見,等遇到的時候又突然想不起來,所以我們需要經常總結,這可以幫助我們更好的記憶東西。今天我們來總結兩個不起眼的小問題:margin塌陷和margin合併 margin塌陷 什麼是margin塌陷

原创 【React】1036- React 中的一些 Router 必備知識點

前言 每次開發新頁面的時候,都免不了要去設計一個新的 URL,也就是我們的路由。其實路由在設計的時候不僅僅是一個由幾個簡單詞彙和斜槓分隔符組成的鏈接,偶爾也可以去考慮有沒有更“優雅”的設計方式和技巧。而在這背後,路由和組件之間的協作關

原创 【JS】1034- Event Loop :你知道它們的打印順序嗎?

前言 在 《瀏覽器知識點整理(十三)不同的回調執行時機:宏任務和微任務》[1] 這篇文章的後面有幾道打印面試題,覺得不夠過癮,於是又找了一些對應的面試題來,還在不同的 Node.js 版本上面跑了跑,希望你也能過過癮。 先來回

原创 【工程化】一篇文章帶你瞭解 Webpack 及 Vite 原理

在剛剛結束的 VueConf2021 中,除了 Vue 3.0 以外,另外一個亮點就是下一代構建工具 Vite 了。 在尤雨溪分享的【 Vue 3 生態進展和計劃】的演講中,尤大神還特意提到 Vite 將成爲 Vue 的現代標配

原创 【Web技術】雲開發到底怎麼用?看這篇就夠了

你有沒有想過:爲什麼公司招聘前端工程師會更傾向於應屆生,而不會選擇工作很多年的35歲的程序員? 在程序界曾流傳着這樣一種說法:程序員的黃金5年。說的是一個人在畢業之後的5年內是知識獲取的黃金時期,這段時期的工作選擇會影響到你的職業發展和

原创 最強Vue3.0新特性講解,99%的人都覺得很贊!

來嘍,來嘍,它踩着七彩祥雲走來了,Vue3.0 !!!!     2020年4月前端開發框架Vue發佈了3.0-Beta版本,9月發佈正式版。納尼?2.0還沒玩轉,3.0的時代就來了??? 從vue.js到vue2.x最大的變革是

原创 【JS】928- 用 Canvas 編輯你的圖片

寫在前面 最近接到一個需求:線下質檢時根據上傳的圖片和實物進行對比檢測,需要在圖片上的動態標記出有瑕疵或污點等位置,便於後續流程檢測和記錄。 想到了之前用過的 canvas 可以實現這個功能,話不多說,讓我們一起認識一下 canv

原创 【Web技術】929- 前端海報生成的不同方案和優劣

來自:SegmentFault,作者:JiaXinYi 鏈接:https://segmentfault.com/a/1190000038910770 一、背景 工作中做了很多生成海報的功能,不同需求,不同場景,使用了幾種

原创 【面試】924- 35 道 Vue 面試題,真香

1.h5底部輸入框被鍵盤遮擋問題 如果你遇到h5頁面這個問題,當輸入框在最底部,點擊軟鍵盤後輸入框會被遮擋,可以如下解決問題: var getHeight = $(document).height();$(window).res

原创 【JS】922- Virtual DOM 認知中的一些誤區

在當下最流行的兩個前端框架都存在 Virtual DOM 的前提下, 漸漸比較多的聽到類似“使用 Virtual DOM 有什麼優勢?” 的面試題,但一直沒有太在意。直到今天在寫一個文檔時,突讓想到要把“爲什麼需要 Virtua

原创 【CSS】917- 如何只使用CSS提升頁面渲染速度

作者 | Rumesh Eranga Hapuarachchi 譯者 | 張健欣 策劃 | 田曉旭 來源|前端之巔 用戶喜歡快速的 Web 應用。他們期望頁面加載