原创 做前端,如何克服新技術焦慮?

Vue 3.0 版本出來了,我要不要趕緊學起來看到某某大神分享的 Node 乾貨,懷疑自己是不是又掉隊了?最近我的羣裏,經常出現這樣的討論,總結下來就是:老技術還沒學好,繼續學老技術覺得快過時了,去學新技術又是熊瞎子掰苞米。也不能怪你們

原创 Vue 的計算屬性如何實現緩存?(原理深入揭祕)

前言很多人提起 Vue 中的 computed,第一反應就是計算屬性會緩存,那麼它到底是怎麼緩存的呢?緩存的到底是什麼,什麼時候緩存會失效,相信還是有很多人對此很模糊。本文以 Vue 2.6.11 版本爲基礎,就深入原理,帶你來看看所謂

原创 性能!!讓你的 React 組件跑得再快一點

性能和渲染(Render)正相關React 基於虛擬 DOM 和高效 Diff 算法的完美配合,實現了對 DOM 最小粒度的更新。大多數情況下,React 對 DOM 的渲染效率足以我們的業務日常。但在個別複雜業務場景下,性能問題依然會

原创 Vue3 中 router 帶來了哪些變化?

作者: Leiyhttps://segmentfault.com/a/1190000022582928前言Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,讓構建單頁面應用變得易如反掌。本文基

原创 Vue3.0之前你必須知道的TypeScript實戰技巧

很多人對TypeScript的使用還停留在基本操作上,其實 TypeScript 的特性非常強大,我們利用好這些特性可以有效地提高代碼質量、加速開發效率,今天就介紹 9 個非常實用的 TypeScript 技巧或者特性.註釋的妙用我們可

原创 小程序技術要點和性能優化要點【薦藏】

從一個經典的面試題說起:用戶首次點擊小程序後發生了什麼 ?一般來說會有下面三個過程:1、有三個點 loading 的白屏 :下載代碼包的階段2、沒有三個點的白屏(一般很快):業務代碼注入和渲染的階段3、數據請求最後呈現:業務代碼中異步請

原创 聊一聊 P4-P7 的跨級瓶頸及如何有效突破

一、前言本文儘量大白話,少點囉嗦,內容都是堂主(本名馬翀,2006 年開始搗鼓前端)這些年工作下來的一些思考,不可能面面俱到,但儘量把我認爲重要的點能提到。二、關於層級 在交流不同階段的成長瓶頸之前,我們先對稱下崗位層級的概念。這裏以阿

原创 如何快速開發一個自己的項目腳手架?

引言下面是一個使用腳手架來初始化項目的典型例子。隨着前端工程化的理念不斷深入,越來越多的人選擇使用腳手架來從零到一搭建自己的項目。其中大家最熟悉的就是create-react-app和vue-cli,它們可以幫助我們初始化配置、生成項目

原创 「推薦」前端高級進階必備這些技能

如今前端開發的任職要求越來越高了,不僅要掌握 javascript,熟悉vue、react等各種框架,甚至連後端都得懂。估計小夥伴都出現過這樣的困惑:從事前端行業多年,但技術上總感覺不夠深入,且很難再有提升;瞭解多個單獨的技術點,但缺乏

原创 分享一些 Mac 上非常好用的工具軟件

今天推薦一些在 Mac 上非常好用的軟件,大家可以根據自己的需要,看看是不是正需要這些軟件,並解決自己生產生活中的痛點。1. Alfred正如 Windows 系統上,Listary[3] 必須排在第一個一樣,Mac 平臺 Alfred

原创 WebSocket 原理淺析與實現簡單聊天

WebSocket 協議,實現了客戶端和服務端雙向通信的能力。介紹 WebSocket 之前,還是讓我們先了解下輪詢實現推送的方式。短輪詢(Polling)短輪詢的實現思路就是瀏覽器端每隔幾秒鐘向服務器端發送 HTTP 請求,服務端在收

原创 程序員面試,必要的注意事項

週五了,今天給大家分享一些無關乎技術,但在面試中需要注意的一些事項。 帶上個人簡歷面試的時候:一定要帶簡歷!帶簡歷!帶簡歷!重要的事情說三遍。我在面試其他人的時候,都會先看對方的簡歷,然後纔開始面試。從你的簡歷中能夠看出非常多的信息,甚

原创 不借助變量交換兩個數的幾種思路

平時寫代碼的過程之中,經常會有交換兩個變量值的需求。然而我們大多數還是會採用藉助額外變量的方式,因爲這種方式不僅簡單,容易理解,可讀性高, 更重要的是適用範圍廣。那麼今天我們來研究一下《如何不借助變量交換兩個數》。藉助額外的變量 在正式

原创 【iCSS系列】不可思議的純 CSS 實現鼠標跟隨

如果沒有新的文章,會暫時搬運之前的一些 iCSS 文章,本文介紹的技巧,可能業務中不那麼實用,但是很有意思。正文從這裏開始,直接進入正題,鼠標跟隨,顧名思義,就是元素會跟隨着鼠標的移動而作出相應的運動。大概類似於這樣:通常而言,CSS

原创 這些 Git 的使用場景是否也困擾過你

前言Git 命令對於程序員的你來說再熟悉不過,但是發現好多小夥伴都是會一些基本的提交流程,當遇到問題的時,查到的命令還不敢用,總是請教組裏那幾個精通 Git 的小夥伴。Git 經典圖一張經典的 Git 流程圖(來源阮一峯老師的博客) 圖