国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

這恐怕是"前后端混寫"的3p家族在"前后端分離"大流中的最后

GT / 2875人閱讀

摘要：前言前后端分離的風(fēng)從我第一天當(dāng)開發(fā)的時候就已經(jīng)在我耳邊吹得呼呼作響了聽著各種前后端分離的各種牛心里還是有點癢癢后來因為各種原因轉(zhuǎn)向前端慢慢地了解起來了前后端分離雖然說轉(zhuǎn)向了前端但是小公司人不多后端接口還是要我寫一點好了上面都是些廢話下面開始

前言

前后端分離的風(fēng)從我第一天當(dāng)開發(fā)的時候

就已經(jīng)在我耳邊吹得呼呼作響了

聽著各種前后端分離的各種牛X,心里還是有點癢癢

后來因為各種原因轉(zhuǎn)向前端,慢慢地了解起來了前后端分離

雖然說轉(zhuǎn)向了前端,但是小公司,人不多,后端接口還是要我寫一點

好了,上面都是些廢話,下面開始正題
正文

在幾個項目開發(fā)過程中,可能是我水平不夠吧
我就發(fā)現(xiàn)前后端分離有時候相較于前后端混寫挺"蠢"的

各位先放下你們提起的40M大刀,且聽我慢慢道來.

不知道各位開發(fā)時發(fā)現(xiàn)沒,
有些請求是需要在頁面剛剛加載完時候,
就要用ajax之類的向服務(wù)器發(fā)起一或者多個請求.

比如,一些可自定義因素較多的項目,需要請求,

網(wǎng)站的LOGO

網(wǎng)站的主色調(diào)

網(wǎng)站的CopyRight信息

等等

再比如,微信公眾號網(wǎng)頁的開發(fā)
從后端請求回微信公眾號的一些東西

上述的那些一般做法就是剛剛加載完頁面的時候就得向后端發(fā)起請求
然后再賦值到頁面上或者執(zhí)行請求返回的信息之類的

覺不覺得這樣的方式有點"蠢"呢?

我明明向后端發(fā)起了一次請求,
為什么不把我要的東西給全?
反而要我多跑兩趟腿?

這下能把你的刀放回刀鞘了吧

所以,我就在想,應(yīng)該怎么解決這個問題?

后來用了幾次JSONP,恍然大悟

其實完全沒必要在頁面請求回來之后
多寫幾段ajax之類的來請求剛剛說的那些東西

下面開始正題中的正題

突然之間不知道怎么表述我想說的這是個什么東西了

舉幾個栗子來說明吧
(前端代碼都在vue-cli里的模板文件里寫)
(后端代碼都是php代碼,當(dāng)然你可以改成jsp,asp等等)
一、用戶自定義皮膚

HTML代碼




是的,你沒看錯,是請求一個php(jsp,asp...)文件

PHP代碼

// 假設(shè)已經(jīng)一頓操作,得到了一些用戶自定義的皮膚數(shù)據(jù)
$skin = array(
"background"=> "#F00",
"font"=> "#0F0",
// 等等配置
);

// 設(shè)置header頭,說明MIME類型和字符編碼
header("Content-Type: text/css;charset=utf-8");

// 生成css代碼(當(dāng)然,你可以選擇更好的字符串拼接方式)
echo "body{background-color: ". $skin["background"] .";color: ". $skin["font"] .";}";

然后,打開你的頁面,打開瀏覽器控制臺
就能在network選項卡的css請求里看到拼接好的css代碼

body{background-color: #F00;color: #0F0;}

當(dāng)然,頁面樣式也會像拼接好的css代碼描述那樣,背景呈現(xiàn)紅色,文字是綠色

二、微信公眾號網(wǎng)頁開發(fā)

主要是wx.config方面的簡化

HTML代碼

PHP代碼

// 假設(shè)已經(jīng)經(jīng)過一頓操作,得到了微信公眾號的一些簽名,標(biāo)識之類的東西
$data = array(
"appId"=> "0123456789",
"nonceStr"=> "qwertyuiop",
// 等等其他配置
);

// 設(shè)置header頭,說明MIME類型和字符編碼
header("Content-Type: text/javascript;charset=utf-8");

// 生成js代碼(當(dāng)然,你可以選擇更好的字符串拼接方式)
// 配置有點多,就不一一寫出來了
echo "wx.config({
debug: true,
appId: "". $data["appId"] ."",
nonceStr: "". $data["nonceStr"] ."",
jsApiList:["onMenuShareAppMessage","onMenuShareTimeline"]
});";

然后,打開你的頁面,打開瀏覽器控制臺
就能在network選項卡的js請求里看到拼接好的js代碼

wx.config({
debug: true,
appId: "0123456789",
nonceStr: "qwertyuiop",
jsApiList:["onMenuShareAppMessage","onMenuShareTimeline"]
});

然后你就可以不用在ajax之類請求成功之后再執(zhí)行wx.config
直接wx.ready即可

小小的總結(jié)

舉了兩個例子,不知道大家有沒有明白我在說什么

就是想說,大部分那種剛剛請求到頁面就向后端發(fā)起的ajax請求
都可以不用費太多js代碼去獲取
直接讓后端生成就好了

當(dāng)然用法很多,不拘泥于上面兩種用法
比如可以請求用戶信息之類的
目前發(fā)現(xiàn)的缺陷

比如請求自定義皮膚,請求回來的"css文件"不能被緩存,

下次刷新頁面又得重新請求,

所以不適合請求大量的非自定義的css代碼,

需要自己對css代碼量進(jìn)行控制,

但是我覺得這不算壞事,比如在請求wx.config的時候,

每次必定有信息是不相同的,

在這時候,還是不要緩存的好^_^

----------------------------------

還有個就是請求"js文件"的時候,

瀏覽器中,跨js文件進(jìn)行交互,

必須有個掛在window下的全局的中間變量

比如微信公眾號開發(fā)中的wx

個人認(rèn)為js中暴露在window下的全局變量越多,越不安全

所以,使用上述方法請求"js文件"的度還是需要把握下

就說到這里

大家有任何疑問/想法都可以在評論里交流
有對我上述內(nèi)容的指正更好
感謝各位花費這么多時間看一個頁面仔的思考

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

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/30805.html

相關(guān)文章

  • pyecharts結(jié)合flask架構(gòu)的應(yīng)用

    　　此篇文章通常是詳細(xì)介紹了pyecharts結(jié)合flask架構(gòu)，通常是詳細(xì)介紹怎樣在Flask架構(gòu)使得用pyecharts，文中根據(jù)實例編碼為大家介紹得非常詳盡,需用的小伙伴可以參考一下　　詳細(xì)介紹　　文中通常是詳細(xì)介紹怎樣在Flask架構(gòu)使得用pyecharts，有關(guān)Flask架構(gòu)應(yīng)用這兒不去做詳細(xì)詳細(xì)說明~　　Flask模版3D渲染　　首先要建立一個flask項目，flask項目對目錄結(jié)構(gòu)要...

    89542767 評論0 收藏0

  • 服務(wù)器端渲染是什么？

    摘要：服務(wù)器端渲染用通俗的話來講就是是由服務(wù)端寫出，可以動態(tài)改變頁面內(nèi)容，也可以叫做所謂的動態(tài)頁面。總的來說，服務(wù)器端渲染就是說由服務(wù)側(cè)完成頁面的結(jié)構(gòu)拼接的頁面處理技術(shù)，發(fā)送到瀏覽器，然后為其綁定狀態(tài)與事件，成為完全可交互頁面的過程。服務(wù)器端渲染(Server-Side Rendering)用通俗的話來講就是html是由服務(wù)端寫出，可以動態(tài)改變頁面內(nèi)容，也可以叫做所謂的動態(tài)頁面。像早期的php、...

    3119555200 評論0 收藏0

  • python前后文管理工具合同的完成

    　　本文關(guān)鍵闡述了python前后文管理工具合同的完成，在python中所有完成了前后文管理工具協(xié)議書目標(biāo)都能用應(yīng)用with實際操作，with開啟了目標(biāo)前后文管理工具　　序言　　在前后文管理工具協(xié)議書的過程當(dāng)中，牽涉到2個魔術(shù)師方式__enter__方法與__exit__方式　　在python中所有完成了前后文管理工具協(xié)議書目標(biāo)都能用應(yīng)用with實際操作　　with開啟了目標(biāo)前后文管理工具　　前后...

    89542767 評論0 收藏0

  • python上下面管理工具適用場景及錯誤處理

    　　本文主要是給大家介紹了python上下面管理工具適用場景及錯誤處理實例詳細(xì)說明，感興趣的小伙伴可以參考去了解一下，希望可以有一定的幫助，祝愿大家多多的發(fā)展，盡早漲薪　　前言　　應(yīng)用前后文管理工具，能讓編碼更為雅致簡約。自然，前后文的管理工具的功效不僅于此，它內(nèi)部進(jìn)行體制，能夠很好地解決編碼出現(xiàn)異常，提高編碼的復(fù)用性　　1、先看一下最典型的例子，with句子　　#創(chuàng)建一個文件載入字符串?dāng)?shù)組Pyt...

    89542767 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<