原创 [測試]Sprint Boot

昨天,我們介紹瞭如何在Spring Boot中實現文件的上傳。有讀者問:那麼如果有多個文件要同時上傳呢?這就馬上奉上,當碰到多個文件要同時上傳的處理方法。 動手試試 本文的動手環節將基於Spring Boot中實現文件的上傳一文的例子之上,

原创 關於ES6尾調用優化

ES6包含了一個性能領域的特殊要求。這與一個涉及函數調用的特定優化形式相關:即尾調用優化(Tail Call Optimization,TCO)。簡單地說,尾調用就是一個出現在另一個函數“結尾”處的函數調用。這個調用結束之後就沒有其餘事情要

原创 CSS常考知識點

本章介紹一下CSS的知識點,CSS的東西很多,下面這些是比較高頻的考點,希望對你有所幫助: 2.1 常用選擇器 面試官:請介紹一下常用的選擇器及其優先級吧(基礎題) 在CSS中,選擇器是一種模式,用於選擇需要添加樣式的元素。常用的選擇器

原创 Chrome動畫調試最佳實踐

前端開發過程中針對複雜的動畫,往往調整起來比較無力,這個時候如果藉助devTools的Animations工具,就會把複雜的動畫變得"有跡可循"。 注意:動畫檢查器支持 CSS 動畫、CSS 過渡和網絡動畫,但暫不支持 requestA

原创 HTML常考知識點

本章先介紹一些HTML最基礎的考點,很多大長面試官喜歡由淺入深地考察知識。而對於一些基礎問題的回答,很多同學反而因組織不好語言而給面試官留下不好的印象。本章節我們就帶大家一一整理和回顧。 1.1 DOCTYPE的作用 面試官:我們現在寫H

原创 代碼之旅:基礎規範

在設計架構的時候,要考慮由下而上的模式,底層的實踐最終會影響整個系統的架構。再好的架構,如果沒有輔以有效的工程實踐,那麼最終我們得到的只是一隻空有其表的架構方案。能自下而上影響軟件架構的,就只有代碼了。 代碼本身是一種難以衡量的實踐。同一個

原创 JavaScript正則表達式常用技巧

正則表達式是用於匹配字符串中字符組合的模式。在 JavaScript 中,正則表達式也是對象。這些模式被用於 RegExp 的 exec 和 test 方法, 以及 String 的 match、matchAll、replace、sea

原创 前端架構發展史

最初,前端是沒有架構的,因爲功能簡單的代碼毫無架構可言。通過一個簡單的jQuery庫操作DOM就能完成的工作,無需複雜的設計模式和代碼管理機制,也就不需要架構來支持起應用。 前端開發的發展歷史分爲以下幾個階段: 古典時代:由後端渲染出前端

原创 出給自己的前端面試題(一)

前言 這個世界上最瞭解你的人其實是你自己,所以我覺得最好的面試其實就是自己對自己的刁難和反思。什麼是自己真正擅長的領域?什麼是自己真正薄弱的地方?什麼是自己最恐懼的東西?這些問題往往是一個技術開發者最不願意正視的,殊不知也正是自己

原创 Redux和Reflux研究

寫在前面 在開始全新的React項目前,先好好研究一下React兩個典型的“輪子”,Reflux和Redux。兩者沒有明確的優劣之分,只是對初學者來說Reflux容易理解,而Redux的單一state在項目開發中非常好用,所以你

原创 互聯網公司如何管理研發團隊

寫在前面 之前在小公司當個小小的前端技術主管,就算帶個2、3人的團隊也覺得有很多問題需要溝通和調停,尤其是對下屬的代碼質量和開發進度把控上很是頭疼。所以我更無法想象,像阿里、網易那樣的大公司,盡千人甚至上萬人的研發團隊應該如何管理

原创 ReactHook快速上車

React16.8開始內置了10個Hook,核心是2個: 狀態管理:useState 副作用管理:useEffect 有狀態的函數 useState 有狀態組件寫法: class Example extends React.Compon

原创 Chrome性能調優技巧

在開發大型Web應用或複雜交互的網站,不免會遇到一些頁面性能瓶頸的問題。本篇介紹一下如何利用Chrome的性能面板分析網站的性能瓶頸,應該對你有所幫助。 注意,爲了減少一些Chrome插件對性能評估產生噪音,最好打開隱身模式訪問頁面進行測

原创 移動端適配的最佳實踐

移動端適配我們需要做哪些事情? 一個最佳實踐除了設置 viewport 和 rem 基準值,隨着iPhone手機的不斷升級,我們不得不正視以下2個問題: 安全區域適配 識別劉海屏 關於viewpoint-fit 在切入正題之前

原创 Spring Boot 之 Spring Batch 批處理實踐

實踐內容 從 MariaDB 一張表內讀 10 萬條記錄,經處理後寫到 MongoDB 。 具體實現 1、新建 Spring Boot 應用,依賴如下: <!-- Web 應用 --> <dependency