日常筆記

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

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

@(StuRep)2016.06.11

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

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

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

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

Mock.js模擬cgi

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

函數(shù)式編程的幾個(gè)特點(diǎn)

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

只用表達(dá)式，不用語(yǔ)句

沒(méi)有“副作用”

不修改狀態(tài)

引用透明

性能優(yōu)化：

gzip壓縮

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

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

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

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

保證圖片文件最大化壓縮

音頻文件保存為MP3格式

js的分片和按需加載

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

參考

組件化

代碼隔離

代碼合并與加載策略

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

緩存與本地存儲(chǔ)

服務(wù)端通信

內(nèi)存管理

樣式的規(guī)劃

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

組件樣式的劃分

堆疊次序的管理

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

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

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

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

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

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/90990.html

相關(guān)文章

日常筆記

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

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

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

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

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

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

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

Hanks10100 2019-08-22 10:55 評(píng)論0 收藏0
你與專(zhuān)家的差距就在于如何管理知識(shí)提高效率

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

aaron 2019-08-26 14:05 評(píng)論0 收藏0