微前端是什麼，可以帶來什麼收益
轉自掘金原文《微前端究竟是什麼，可以帶來什麼收益》 本文將講解微前端誕生的背景，詳細解説微前端概念的緣由以及其深入理解，讀完本文，相信你對微前端有一個比較全面的認知，明白它可以解決您團隊以及整個企業什麼問題，帶來怎麼樣的收益。 一.背景 現在很多企業，基本在物理上進行了應用代碼隔離，實行單個應用單個庫，閉環部署更新測試環境、預發佈環境和正式環境。於是，我們的探討的是，基於不同應用不同庫並獨立部署的
昵称 吉古力
@前端優化
贡献者25
粉丝0
贡献者
@前端優化
动态 列表
vue移動端項目骨架屏的實現
Vue應用加載過程 我們先來看看vue的入口文件index.html裏面的內容， !DOCTYPE html html lang="en" head meta charset="utf-8" meta http-equiv="X-UA-Compatible" content="IE=edge" meta name="viewport" content="width=de
昵称 familyAboveAll
聊聊不可變數據結構
三年前，我接觸了 Immutable 庫，體會到了不可變數據結構的利好。 Immutable 庫具有兩個最大的優勢: 不可修改以及結構共享。 不可修改(容易回溯，易於觀察。減少錯誤的發生) let obj = { a: 1 }; handleChange(obj); // 由於上面有 handleChange，無法確認 obj 此時的狀態 console.log(obj) 結構共享(
昵称 jump__jump
我是如何在 Vue 項目中做代碼分割的
通常為了開發效率，我們會使用 vue-cli 創建項目，這樣創建的項目默認情況下編譯是會對代碼進行分割的。但是如果是自行配置的 webpack 環境的話，還是很有必要熟悉代碼分割的相關知識的。 為什麼要做代碼分割 在配置 webpack 的過程中，很多時候我們的 webpack 入口只寫了一個 entry: '${sourceDir}/index.js’，默認情況下只會生成一個 bundle 文件
昵称 EthanProcess
當我們進行性能優化，我們在優化什麼（LightHouse優化實操）
原文轉載自「劉悦的技術博客」https://v3u.cn/a_id_214 好的互聯網產品不僅僅在功能上要高人一籌，在性能層面也需要出類拔萃，否則金玉其外敗絮其中，頁面是美輪美奐了，結果首屏半天加載不出來，難免讓用户乘興而來，敗興而歸。 幸運的是，前端的性能優化有諸多有跡可循的理論和方法，其中相對權威的，無疑是LightHouse。 LightHouse 是一個開源的自動化工具，它作為 Chrom
昵称 劉悦的技術博客
前端鏟💩日記 #1：項目目錄結構調整
最近哥們兒我接手了一個官網的前端項目，雖説是官網，但它是個 Web 應用而非營銷網站，所以還是有一定複雜度在的。 這幾天是邊往死裏摁🐞邊熟悉代碼邏輯，沒想到這是個燙手🍠，前人留了一堆坑給我——令我覺得他撐死了也就中級水平，不能再高了……🙁☹️🙂↔️ 是不以為我看到這💩山會苦惱不堪，心中如那呼倫貝爾大草原般萬🐎奔騰？ 不！你想錯了！！我興奮得很呢！！！ 別誤會，別誤會！我不是那個什麼「
昵称 歐雷
我給 Answer 提了倆 PR
有個 OpenBuild 的社區生態項目貌似擱置得有點久了，發起者想要繼續迅速地推進，但一直沒什麼起色，一時間也找不到其他合適的人——沒辦法，只能我去接下來了。 這個項目要做的事是給開源問答平台 Answer 開發一個支持用 Web3 錢包登錄的插件；從要實現的功能上來看，這應該是個很小的項目，開發加上聯調前後端算在一起估計 1.5～3 個人日。 然而，現實卻給了我一棒槌…… 需求分析 初步從官方
昵称 歐雷
Chrome 下載大文件報錯！用 Streamsaver.js 完美填坑
本文系轉載，轉載鏈接：Chrome 下載大文件報錯！用 Streamsaver.js 完美填坑 前言 用 Chrome 下載大文件時，有時會彈出 “網絡錯誤”，換其他瀏覽器卻能正常下載。今天就來排查一下這個問題產生的原因，提供一些解決思路給大家。 一、為什麼 Chrome 獨有的 “大文件下載坑”？ 同樣的網絡、同樣的文件，Chrome 報錯而其他瀏覽器正常，核心問題出在 Chrome 對 “大文
昵称 雲輕雨細