原创 「前端」Vue 響應式原理

Vue 響應式原理 ES5 var data = { name: 'Jack Wang', age: 21, salary: 3500, array: ['Jack', 'should', 'fighting']

原创 「前端」fetch的用法

原文鏈接:https://www.cnblogs.com/libin-1/p/6853677.html 在寫項目的過程中遇到了需要使用fetch進行前後端聯調的情況,貼上這篇博客鞏固一下自己的知識空缺。

原创 「有感」2019.11.15

最近這些天面了幾家公司,磕磕絆絆還挺難受的,尤其是猿輔導的二面,打擊還挺大的,實習生問的也十分深入,很難受。面完了深信服,雖然最後順利通過拿到了offer,但是自己心裏總是知道自己幾斤幾兩,總感覺自己這一輩子就望到了頭。 學校的課

原创 「前端」淺淡React組件性能優化(PureComponent)

前端項目的開發過程中,經常會遇到性能優化的問題。項目比較小型還沒什麼太大的影響,當項目的規模達到一定程度的時候,性能問題就顯得比較突出了。 之前在做項目的過程中,並沒有怎麼在意組件的性能問題,最近看了一些文章,發現組件的性能優化並

原创 「前端」CSS 製作動畫常用技巧

transition CSS 中有一個transition屬性,能夠監聽某個 CSS 屬性的變化,通過屬性變化的控制,實現簡單的動畫效果: transition CSS 屬性是 transition-property,trans

原创 「前端」Webpack多入口配置

上週去到了公司實習,見識到了從來沒有嘗試過的Webpack多入口配置,能夠實現不同HTML入口文件渲染不同內容的功能,簡單寫一篇博客記錄一下。 首先我們用vue-cli創建一個新項目,默認情況下,新的項目只有一個入口(webpac

原创 「前端」React中key值的問題

這段時間在做的一個項目中,遇到了一個表格刪除的問題,引用了Ant Design的Table組件,刪除的時候發現並沒有刪除選擇的行,由此拋出了一個key值的問題。在React中哪些時候需要給定key值,哪些時候需要系統自動匹配key

原创 「前端」淺談 React/Vue/Inferno 在 DOM Diff 算法上的異同

一、引言 在現代的前端渲染框架中,Virtual DOM 幾乎已經成了標配,通過這樣一個緩衝層,我們已經能夠實現對 Real DOM 的最少操作,在大家的廣泛認知中,操作 DOM 是比較慢的,因此 Virtual DOM 可以實現

原创 「前端」2019.10 猿輔導實習生一面

面試官是個小姐姐,本來有些緊張的,後來突然好了。 視頻面試,時間大概50分鐘的樣子。 自我介紹 這個就不用說了,基本操作。 基礎知識 1. 從URL輸入到瀏覽器,到頁面顯示在瀏覽器中,這個過程你能說一下嗎? 老生常談,實習生面應該

原创 「前端」2019.10 騰訊實習生一面

上來甩了4道算法題,算法確實薄弱,整蒙了: 筆試部分 算法題1: leetcode 283:https://leetcode-cn.com/problems/move-zeroes/submissions/ 算法實現: var m

原创 「前端」Vue首屏渲染優化的一次嘗試

文章地址:https://segmentfault.com/a/1190000019499007 前言 之前用vuecli做了個博客,是一個單頁面項目,大概有十個路由直接npm run build打包出來,有一個1M的巨大js文

原创 「工程」Git常用操作

目前大多數互聯網公司都採用git對代碼進行管理,git確實是一個非常好用的代碼管理工具,要成爲一名合格的程序猿,git操作必會不可。 這篇文章就用來簡單記錄一下一些常用的git操作: 提交本地代碼 git add . # 將本地代

原创 「算法」LeetCode 605. 種花問題(JavaScript版)

老規矩,題目鏈接:https://leetcode-cn.com/problems/can-place-flowers/ 這是一道簡單題,解題最重要的部分就是抽象,將問題的解抽象爲除法運算,求出兩個1之間的0的個數,-1後/2並向

原创 「雜談」圖形學複習資料

圖形學複習 名詞解釋 C2連接:兩條相鄰曲線段在相交點處,有相同的一階導和二階導。 C1連接:兩條相鄰曲線段在相交點處,有相同的一階導。 捕捉技術 :利用外部設備捕捉計算機能夠理解的數據。 消隱:在繪製圖形時,消除被遮擋的不可見

原创 「前端」new操作符究竟做了什麼

開門見山的說,new操作符可能是大部分JavaScript初學者的噩夢,這篇文章就來簡單詳細地介紹一下使用了new操作符後,究竟會發生什麼。 先看一段代碼: function Person(firstName, lastName)