@segmentfault-技術週刊

Stories List
@beverly0

SegmentFault 思否技術週刊 Vol.52 -- 這份 Webpack 有點料!

Webpack 是一個前端資源加載/打包工具,只需要相對簡單的配置就可以提供前端工程化需要的各種功能。 文章推薦 《Webpack 拆包:關於 splitChunks 的幾個重點屬性解析》 從分析圖中可以比較直觀的看出,三個輸出 bundle 文件中都包含了 m1.js 文件,這説明有重複的模塊代碼。splitChunks 的目的就是用來把重複的模塊代碼分離到單獨的文件,以異步加載的方式來節省輸出

beverly0 Avatar

@beverly0

Nickname 鹹口鍋包肉

@beverly0

SegmentFault 思否技術週刊 Vol.53 -- 日常使用 Git,這些問題你遇到過嗎?

Git 的誕生是一個非常有趣的故事。1991年 Linus 開源了 Linux 內核,無數 Linux 愛好者在世界各地為 Linux 編寫代碼,那麼問題來了,這些代碼該如何管理呢?起初 Linus 使用 BitKeeper(BitMover 公司的版本控制軟件)管理 Linux 的核心開發,後來 BitMover 停止了對 Linux 的支持,於是 Linus 秉承自己的版本自己寫的精神,花了兩

beverly0 Avatar

@beverly0

Nickname 鹹口鍋包肉

@beverly0

SegmentFault 思否技術週刊 Vol.54 -- Spring Boot 是否很難用?

Spring Boot 項目旨在簡化創建產品級的 Spring 應用和服務。你可通過它來選擇不同的 Spring 平台。 🌟 文章推薦 Spring Boot + Vue3 動態菜單實現思路梳理 關於 Spring Boot + Vue3 的動態菜單,鬆哥之前已經寫了兩篇文章了,這兩篇文章主要是從代碼上和大家分析動態菜單最終的實現方式,但是還是有小夥伴覺得沒太看明白,感覺缺乏一個提綱挈領的思路,

beverly0 Avatar

@beverly0

Nickname 鹹口鍋包肉

@beverly0

SegmentFault 思否技術週刊 Vol.55 -- Amazing!CSS 也能實現炫酷特效

CSS 的全稱是 Cascading Style Sheets,即層疊樣式表, 是一種樣式表語言,用來描述 HTML 或 XML(包括如 SVG、XHTML 之類的 XML 分支語言)元素所呈現的樣式。 小編整理了思否社區關於 CSS 的優質技術文章,歡迎大家閲讀 ~ 📖 文章推薦 超酷炫的轉場動畫?CSS 輕鬆拿下! 藉助強大的 CSS 以及一些有意思的技巧,我們利用純 CSS 實現了這兩個看

beverly0 Avatar

@beverly0

Nickname 鹹口鍋包肉

@beverly0

SegmentFault 思否技術週刊 Vol.56 -- 掌握這個概念,你就理解了 React

小編整理了思否社區關於 React 的優質技術文章,歡迎大家閲讀 ~ 文章推薦 React 組件應用於 Spring MVC 工程 公司前端工程還處於 React+Mobx 與 Spring MVC(freemarker+jQuery)技術棧共存的階段,兩種技術棧頁面難免會存在一些相同的業務功能點,如果分別開發和維護,就需要雙倍的人力成本,因此,我們嘗試將 React 業務組件在 webpack、

beverly0 Avatar

@beverly0

Nickname 鹹口鍋包肉

@beverly0

SegmentFault 思否技術週刊 Vol.57 -- 這幾個 Vue 知識點,全都會你就是神!!!

本期技術週刊小編為大家推薦幾篇關於 Vue 的內容,一起來康康呀~ 文章推薦 揭秘,Vue3 性能優化之 Non-reactive Object 首先,我們先來看一下 Reactivity Object 響應式對象,它是基於使用 Proxy 創建一個原始對象的代理對象和使用 Reflect 來代理 JavaScript 操作方法,從而完成依賴的收集和派發更新的過程。 然後,我們可以根據需

beverly0 Avatar

@beverly0

Nickname 鹹口鍋包肉

@beverly0

SegmentFault 思否技術週刊 Vol.58 -- 程序員如何用編程展現藝術?

本期技術週刊小編帶大家康康程序員如何用編程展現藝術噠~ 文章推薦 手寫一個有點意思的電梯小程序 點擊樓層,催動電梯上升或者下降 電梯到達對應樓層,電梯左右門打開 門打開之後,裏面的美女就出來啦 提示信息: 本美女就要出來了,請速速來迎接 按鈕會有一個點擊選中的效果 根據以上的分析,我們就可以很好的實現電梯小程序啦,接下來讓我們進入編碼階段吧。 PS: 這裏的樓層數

beverly0 Avatar

@beverly0

Nickname 鹹口鍋包肉

@beverly0

SegmentFault 思否技術週刊 Vol.59 — 關於 JavaScript 給你看點有用的!

本期技術週刊小編給大家看點關於 JavaScript 的芝士! 文章推薦 使用 Webpack 構建 JavaScript 工具庫 最近收到需求,需要開發一些針對業務特定公共邏輯部分使用的 JavaScript 函數(類似於開發一個公共 SDK),統一維護,同時供各業務部門的前端開發人員進行復用。 為了滿足公共庫開發調試簡單、易用性與健壯性等需求,需要滿足以下要求: 支持 Type

beverly0 Avatar

@beverly0

Nickname 鹹口鍋包肉

@beverly0

SegmentFault 思否技術週刊 Vol.60 — 你對 Vue 瞭解多少?

本期技術週刊專屬 Vue,歡迎大家閲讀 ~ 文章推薦 在 Vue 中為什麼不推薦用 index 做 key Vue 默認按照“就地更新”的策略來更新通過 v-for 渲染的元素列表。當數據項的順序改變時,Vue 不會隨之移動 DOM 元素的順序,而是就地更新每個元素,確保它們在原本指定的索引位置上渲染。 默認模式是高效的,但只適用於列表渲染輸出的結果不依賴子組件狀態或者臨時 DOM 狀態 (

beverly0 Avatar

@beverly0

Nickname 鹹口鍋包肉

@beverly0

SegmentFault 思否技術週刊 Vol.61 — 如何做好性能優化?

本期技術週刊一起看看如何做好性能優化?,歡迎大家閲讀 ~ 文章推薦 《近期對前端性能優化的總結》 作者:南城大前端 前端性能優化不管是在面試中還是在實際開發過程中,都是每一個前端開發工程師都必不可少的能力。本文總結本人多年開發經驗中對前端性能優化的理解,希望對大家有所幫助,因涉及的優化方向較多,針對某些細節不再詳細説明,大家有興趣的可深入瞭解,話不多説,正文開始。 《性能優化必備——火焰圖》作者:

beverly0 Avatar

@beverly0

Nickname 鹹口鍋包肉

@beverly0

SegmentFault 思否技術週刊 Vol.62 — 你還想學 Go 語言嗎 ?

本期技術週刊一起了解 Go 語言?,歡迎大家閲讀 ~ 文章推薦 《手寫編程語言-實現運算符重載》 作者:crossoverJie 運算符重載其實並不是一個常用的功能;因為會改變運算符的語義,比如明明是加法卻在重載函數中寫為減法。 這會使得代碼閲讀起來困難,但在某些情況下我們又非常希望語言本身能支持運算符重載。 比如在 Go 中常用的一個第三方精度庫 decimal.Decimal,進行運算

beverly0 Avatar

@beverly0

Nickname 鹹口鍋包肉

@beverly0

SegmentFault 思否技術週刊 Vol.63 — 學 Java 能做什麼?

本期技術週刊一起了解 Java 語言?,歡迎大家閲讀 ~ 文章推薦 《玩轉 Flowable 流程實例》 作者:江南一點雨 今天我們繼續來聊聊流程實例。部署之後的流程,這個還不能直接運行,例如我們部署了一個請假流程,現在 zhangsan 想要請假,他就需要開啓一個請假流程,lisi 想請假,他也需要開啓一個請假流程,這一個一個開啓的請假流程就是流程實例,而我們一開始部署的請假流程,則類似於一個模

beverly0 Avatar

@beverly0

Nickname 鹹口鍋包肉

@beverly0

SegmentFault 思否技術週刊 Vol.64 — 淺談如何使用 Webpack ?

本期技術週刊一起了解 Webpack ,歡迎大家閲讀 ~ 文章推薦 《詳解 Webpack devtools》 作者:Shenfq 最近在開發一個低代碼平台,主要用於運營搭建 H5 活動。這中間涉及到第三方組件的開發,而第三方組件想要接入平台,需要經過我們特定的打包工具來 build。構建之後的組件,會合併成單個的 js 文件,而且代碼會被壓縮會混淆,這個時候如果需要調試,那就會極其痛苦。想要有一

beverly0 Avatar

@beverly0

Nickname 鹹口鍋包肉

@beverly0

SegmentFault 思否技術週刊 Vol.65 — Vite 是不是在重複造輪子?

Vite 是一種前端構建工具,能夠顯著提升前端開發體驗。它主要由兩部分組成: 一個開發服務器,它基於 原生 ES 模塊 提供了 豐富的內建功能,如速度快到驚人的 模塊熱更新(HMR)。 一套構建指令,它使用 Rollup 打包你的代碼,並且它是預配置的,可輸出用於生產環境的高度優化過的靜態資源。 Vite 意在提供開箱即用的配置,同時它的 插件 API 和 JavaScript API 帶

beverly0 Avatar

@beverly0

Nickname 鹹口鍋包肉

@beverly0

SegmentFault 思否技術週刊 Vol.66 — 這些寫 CSS 的新姿勢你還不知道?

CSS 是開放網絡的核心語言之一,由 W3C 規範實現跨瀏覽器的標準化。 CSS 節省了大量的工作;樣式可以通過定義保存在外部.css 文件中,同時控制多個網頁的佈局,這意味着開發者不必經歷在所有網頁上編輯佈局的麻煩。 CSS 被分為不同等級: CSS1 現已廢棄 CSS2.1 是推薦標準 CSS3 分成多個小模塊且正在標準化中 CSS 描述了在屏幕、紙質、音頻等其它媒體上的元素應該如何

beverly0 Avatar

@beverly0

Nickname 鹹口鍋包肉

@beverly0

SegmentFault 思否技術週刊 Vol.67 — 優秀的 React 厲害在哪 ?

來自 React 的 “Hello, world!” ReactDOM.render( h1Hello, world!/h1, document.getElementById('root') ); React 是一個用於構建用户界面的 JavaScript 庫。 React 使創建交互式 UI 變得輕而易舉。為你應用的每一個狀態設計簡潔的視圖,當數據變動時 React 能高效更新並渲染合適

beverly0 Avatar

@beverly0

Nickname 鹹口鍋包肉

@beverly0

SegmentFault 思否技術週刊 Vol.68 — JavaScript 有哪些高階玩法?

JavaScript 是一門弱類型的動態腳本語言,支持多種編程範式,包括面向對象和函數式編程,被廣泛用於 Web 開發。 一般來説,完整的 JavaScript 包括以下幾個部分: ECMAScript,描述了該語言的語法和基本對象 文檔對象模型(DOM),描述處理網頁內容的方法和接口 瀏覽器對象模型(BOM),描述與瀏覽器進行交互的方法和接口 它的基本特點如下: 是一種解釋性腳本語

beverly0 Avatar

@beverly0

Nickname 鹹口鍋包肉

@beverly0

SegmentFault 思否技術週刊 Vol.69 — SpringBoot 框架都有哪些優秀的特性?

SpringBoot 基於 Spring4.0 設計,不僅繼承了 Spring 框架原有的優秀特性,而且還通過簡化配置來進一步簡化了 Spring 應用的整個搭建和開發過程。 另外 SpringBoot 通過集成大量的框架使得依賴包的版本衝突,以及引用的不穩定性等問題得到了很好的解決。 SpringBoot 所具備的特徵有: 可以創建獨立的 Spring 應用程序,並且基於其 Maven 或

beverly0 Avatar

@beverly0

Nickname 鹹口鍋包肉

@beverly0

SegmentFault 思否技術週刊 Vol.70 — 深入 MySQL 實戰

MySQL 是一種關聯數據庫管理系統,關聯數據庫將數據保存在不同的表中,而不是將所有數據放在一個大倉庫內。這樣就增加了速度並提高了靈活性。 MySQL 的 SQL “結構化查詢語言”,SQL 是用於訪問數據庫的最常用標準化語言。 MySQL 軟件採用了 GPL( GNU 通用公共許可證),由於其體積小、速度快、總體擁有成本低,尤其是開放源碼這一特點,許多中小型網站為了降低網站總體擁有成本而選擇了

beverly0 Avatar

@beverly0

Nickname 鹹口鍋包肉

@beverly0

SegmentFault 思否技術週刊 Vol.71 — 解讀 Go 語言

剛剛結束的關於「Go」語言的技術徵文活動,參與活動的創作者們,撰寫了很多優質技術內容,本期週刊做了彙總,歡迎大家一起閲讀~ 本篇文章較長,建議收藏後慢慢閲讀~ 文章推薦 【Go 微服務】開發 gRPC 總共分三步 // 王中陽 Go 通過這篇文章我們已經掌握了 gRPC 相關的知識點,可以獨立用 Go 實現客户端和服務端的編寫,並且通過服務註冊對外提供服務,實現可客户端和服務端的 gRPC

beverly0 Avatar

@beverly0

Nickname 鹹口鍋包肉

@beverly0

SegmentFault 思否技術週刊 Vol.72 — 使用 CSS 實現一個足球場

本期技術週刊一起了解 CSS,歡迎大家閲讀 ~ 文章推薦 萬能的 CSS 漸變!單標籤繪製一個足球場 // XboxYan 世界盃正在進行中,也不要忘記學習 CSS,比如,用 CSS 繪製一個足球場? 一眼望去,這裏的形狀只有圓形和矩形,在不借助其他標籤的情況下(包括偽元素),其實很容易聯想到漸變,一起看看如何繪製的吧,有非常多的漸變小技巧~ 温馨提示:文章中帶有“⚽️”的描述屬於足球小知識

beverly0 Avatar

@beverly0

Nickname 鹹口鍋包肉

@beverly0

SegmentFault 思否技術週刊 Vol.73 — 如何有效地學習 JavaScript ?

本期技術週刊一起了解 Javascript,歡迎大家閲讀 ~ 文章推薦 手寫一個同步服務端時間的小工具 // jump__jump 在前端開發的過程中,開發者經常會用到 new Date() 來獲取當前時間,但是 new Date() 是獲取的當前操作系統的時間,由於用户可以修改當前電腦時間,所以它是不準確的。 大部分情況下,用户修改當前電腦時間都沒有什麼問題,但是當我們需要根據服務端傳遞的

beverly0 Avatar

@beverly0

Nickname 鹹口鍋包肉

@beverly0

SegmentFault 思否技術週刊 Vol.74 — 淺談 Android 進階指北

本期技術週刊一起了解 Android,歡迎大家閲讀 ~ 核心知識進階 Android 開發中的SSL pinning // xiangzhihong 在日常的安全滲透過程中,我們經常會遇到瓶頸無處下手,這時候如果攻擊者從 APP 進行突破,往往會有很多驚喜。但是目前市場上的APP都會為防止別人惡意盜取和惡意篡改進行一些保護措施,比如模擬器檢測、root 檢測、APK 加固、代碼混淆、代碼反調試

beverly0 Avatar

@beverly0

Nickname 鹹口鍋包肉