日常筆記

Enlightenment 發(fā)布于2019-08-22 10:38 / 855人閱讀

摘要：同構(gòu)和直出服務(wù)端渲染出首屏，主要為了減少用戶等待的時間，縮短白屏?xí)r間，在移動數(shù)據(jù)網(wǎng)絡(luò)情況下能夠獲得較好的用戶體驗。在優(yōu)化渲染時間的時候監(jiān)控頁面情況很有用。

@(StuRep)2016.06.11

react+node同構(gòu)和直出

服務(wù)端渲染出首屏，主要為了減少用戶等待的時間，縮短白屏?xí)r間，在移動數(shù)據(jù)網(wǎng)絡(luò)情況下能夠獲得較好的用戶體驗。

了解了一下react實現(xiàn)同構(gòu)和直出的方案，收藏了一些還不錯的文章：

文章1
文章2
文章3
文章4
文章5

Mock.js模擬cgi

和后端商量好數(shù)據(jù)格式，然后可以用mockjs攔截ajax請求并隨機生成數(shù)據(jù)，在后端相關(guān)cgi沒有開發(fā)完全的情況下可以模擬接口，提高開發(fā)效率。

函數(shù)式編程的幾個特點

函數(shù)是“第一等公民”

只用表達式，不用語句

沒有“副作用”

不修改狀態(tài)

引用透明

性能優(yōu)化：

gzip壓縮

首屏加載內(nèi)容不超過300kb

保證首次加載的文件請求數(shù)縮減到6個以下

非首屏所需的靜態(tài)資源(JS/CSS)需設(shè)置延遲加載

靜態(tài)資源需設(shè)置長緩存時間

保證圖片文件最大化壓縮

音頻文件保存為MP3格式

js的分片和按需加載

構(gòu)建SPA應(yīng)用：

參考

組件化

代碼隔離

代碼合并與加載策略

路由與狀態(tài)的管理

緩存與本地存儲

服務(wù)端通信

內(nèi)存管理

樣式的規(guī)劃

基準(zhǔn)樣式的分離

組件樣式的劃分

堆疊次序的管理

Chrome開發(fā)者工具使用

模擬各類網(wǎng)絡(luò)及瀑布流時間工具

在Network里面可以設(shè)置模擬網(wǎng)絡(luò)環(huán)境，包括GPRS流量、3G、4G、WIFI等；

打開Timeline然后勾選Screenshots再刷新頁面，結(jié)束之后可以看到資源的加載時間、渲染時間等，還有一個瀑布圖及對應(yīng)的每個時間段的截圖，可以清晰的看到各個時間段對應(yīng)的頁面情況。

Timeline在優(yōu)化渲染時間的時候監(jiān)控頁面情況很有用。

云服務(wù)器 GPU云服務(wù)器日常日常工作日常運維負(fù)載均衡日常維護

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/90990.html

相關(guān)文章

日常筆記

摘要：進程間通信方式管道管道是單向的，半雙工的，如果要起到雙向的結(jié)果，需要建立兩條管道。主要作為進程間以及同一進程不同線程之間的同步手段。起到進程間通信的效果套接字該方法不管是單機還是分布于不同計算機內(nèi)的進程，都可以通信。 @(StuRep) linux進程間通信方式：管道（pipe）：管道是單向的，半雙工的，如果要起到雙向的結(jié)果，需要建立兩條管道。信號（signal）：信號是一種比較...

wmui 2019-08-21 14:26 評論0 收藏0
免費網(wǎng)易有道云筆記支持跨平臺多設(shè)備同步云端筆記

摘要：有道云筆記支持電腦客戶端軟件和手機客戶端，也可以在線，可以實現(xiàn)多端同步管理。老蔣覺得有道云筆記的寫作體驗是比較好的。以前我們是否也有記日記的習(xí)慣？或者喜歡到每年年底準(zhǔn)備新年的筆記本用來記錄新的一年中的事兒或者日常的文檔筆記。但是，隨著電腦的普及，我們很多事情基本上都在電腦上完成，除了我們上學(xué)時候用到本子和筆的，工作之后能電腦代替的，可能很少會用到寫字，于是乎原本記日記、寫寫隨筆之類的可能也丟...

Winer 2021-09-26 10:17 評論0 收藏0
利用騰訊文檔實現(xiàn)在線多人協(xié)作同步數(shù)據(jù)表單收集

摘要：實際上我們很多朋友對于騰訊文檔中的工具可能不陌生，尤其是在之前疫情影響我們在家辦公，學(xué)校公司社區(qū)有需要統(tǒng)計信息的，可能有部分就是通過騰訊文檔的表單收集功能統(tǒng)計表單的。實際上我們很多朋友對于騰訊文檔中的工具可能不陌生，尤其是在之前疫情影響我們在家辦公，學(xué)校、公司、社區(qū)有需要統(tǒng)計信息的，可能有部分就是通過騰訊文檔的表單收集功能統(tǒng)計表單的。也正是由于這個特殊的原因，我們可以看到這類的工具服務(wù)商確...

Jioby 2021-10-12 10:18 評論0 收藏0
Backbone.js學(xué)習(xí)筆記 Hello World!

摘要：使用和架構(gòu)創(chuàng)建一個典型的項目。屬性被賦值給傳入的函數(shù)運行的結(jié)果。渲染，我們使用，這是一個對象，它指向的屬性，使用函數(shù)使用的結(jié)果替換。最后，啟動整體應(yīng)用，為了保證完全加載，用包裝器調(diào)用完整日常練習(xí)一些在對象初始化的時候執(zhí)行的代碼使用Backbone.js 和 MVC 架構(gòu)創(chuàng)建一個典型的Hello world項目。雖然是殺雞用牛刀了，畢竟是我第一次使用Backbone.js 依賴 ...

Hanks10100 2019-08-22 10:55 評論0 收藏0
你與專家的差距就在于如何管理知識提高效率

摘要：隨著時間的流逝，這些與自己相關(guān)的信息就散落在了各個角落，有的偶爾回頭檢索，大多數(shù)用后即丟棄，最終被遺忘遺失。私鏈信息目錄私鏈的目標(biāo)是分類整理存放用戶積累的知識信息，幫助用戶構(gòu)建管理自己的知識信息體系。這是一個信息社會，這是一個數(shù)字化時代，移動設(shè)備、互聯(lián)網(wǎng)、信息數(shù)字化已經(jīng)成為人所共知的常識。在這種環(huán)境中，你有沒有問過自己：屬于我的數(shù)字化信息都有哪些，都在什么地方呢？每個人在每天都會生...

aaron 2019-08-26 14:05 評論0 收藏0