收藏 / 列表

fenanjiu 頭像

南玖 - 漸進式圖片加載：提升前端用户體驗的藝術

前言 關於前端的性能及體驗問題，圖片的加載絕對是重中之重，尤其是在一些有着許多大圖的頁面，在網絡不穩定或稍慢的時候，我們經常能夠看到頁面中圖片的位置是一片空白，等圖片加載完成才開始慢慢渲染，在這段時間對用户的體驗其實是非常不友好的。 那麼我們應該如何來進行優化呢？ 大家想説的是不是：把圖片壓縮一下不就好了？是的，圖片壓縮是我們前端開發過程必備的一步，但是光靠圖片壓縮並不能解決所有的圖片體驗問題，有

性能優化 , 圖片處理 , 用户體驗 , 前端

invalidnull 頭像

註銷 - 什麼是計算機編程領域的索引

計算機編程和架構領域的索引是一種非常重要的技術工具，它能幫助開發人員更高效地訪問和管理數據。為了詳細介紹索引，我們首先要理解它的基本概念，然後進一步探討它在架構設計和編程中的具體應用和職責。 基本概念 索引（Index）在計算機科學尤其是數據庫系統中，是用於快速查找數據的一種數據結構。它類似於一本書的目錄，通過建立一個可以快速定位的關鍵字表，使得查詢速度大幅提升。 在數據庫領域中，索引是數據庫管理

計算機網絡

ruochuan12 頭像

若川 - Taro 源碼揭秘：8. Taro 是如何使用 webpack 打包構建小程序的？

1. 前言 大家好，我是若川，歡迎關注我的公眾號：若川視野。從 2021 年 8 月起，我持續組織了好幾年的每週大家一起學習 200 行左右的源碼共讀活動，感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外，想學源碼，極力推薦關注我寫的專欄《學習源碼整體架構系列》，目前是掘金關注人數（6k+人）第一的專欄，寫有幾十篇源碼文章。 截至目前（2024-11-07），目前最新是 4.0.7，

react , 小程序 , webpack , 前端 , Javascript

yuhuashi_584a46acea21f 頭像

雨花石 - review代碼系列（二）：

背景： 因技術優化需要，打算將現有項目庫的部分代碼摘出來單獨構建，所以在package.json加了新的打包命令,當然也要單獨進行webpack配置。 處理babel時發現有兩種babel配置，既有babel.config.js，也有.babelrc。因為都在根目錄下面，所以新的構建任務默認也會使用這兩個babel配置。考慮到後續的單獨維護，覺得用單獨的babel配置比較好。那就要處理

webpack , babel , 前端 , Javascript

icecreamlj 頭像

一顆冰淇淋 - React+TypeScript 組件庫開發全攻略：集成Storybook可視化與Jest測試，一鍵發佈至npm

平時我除了業務需求，偶爾會投入到UI組件的開發中，大多數時候只會負責自己業務場景相關或者一小部分公共組件，極少有從創建項目、集成可視化、測試到發佈的整個過程的操作，這篇文章就是記錄組件開發全流程，UI組件在此僅作為調試用，重點在於集成項目環境。 組件 我們使用 React + TypeScript 來開發UI組件庫，為了簡化 webpack 環境和 Typescript 環境配置，這裏直接使用 c

react , jest , storybook , npm , 前端