2018-03-26 騰訊電面

1、Jsonp的原理璧帝,如何利用Jsonp發(fā)送post請(qǐng)求捍岳?

JSONP動(dòng)態(tài)插入<script>元素,為其src屬性指定一個(gè)跨域URL睬隶;包含在回調(diào)函數(shù)中的JSON數(shù)據(jù)锣夹。與ajax無(wú)關(guān),算是一種內(nèi)容注入苏潜,所以存在一定的安全問(wèn)題银萍。

流程:客戶端發(fā)送的src的網(wǎng)址中利用查詢字符串傳遞一個(gè)查詢參數(shù)--callback;服務(wù)端得到這個(gè)callback的名字后恤左,會(huì)利用js語(yǔ)法生成一個(gè)function贴唇,function的名字就是這個(gè)回調(diào)函數(shù)搀绣,將要返回的內(nèi)容用json格式包裝起來(lái),放置到函數(shù)中戳气,返回給客戶端链患;客戶端解析<script>標(biāo)簽,執(zhí)行返回的js文檔瓶您。

JSONP默認(rèn)只支持get方法麻捻,JSONP發(fā)送post請(qǐng)求:方法一:如果是利用jquery的話

客戶端更改:

添加:crossDomain: true

修改:dataType: "json"

服務(wù)端添加:

header('Access-Control-Allow-Origin: *');

header('Access-Control-Allow-Methods: POST');

方法二:在查詢字符串中添加一個(gè)標(biāo)記字符串,比如tag=post呀袱;與服務(wù)器端約定贸毕,當(dāng)接收到這個(gè)標(biāo)記時(shí),將get請(qǐng)求轉(zhuǎn)化為post請(qǐng)求压鉴。

2崖咨、get和post的區(qū)別

(1)使用Get請(qǐng)求時(shí),參數(shù)在URL中顯示,而使用Post請(qǐng)求,則不會(huì)顯示出來(lái);

(2)Post傳輸?shù)臄?shù)據(jù)量大油吭,可以達(dá)到2M击蹲,而Get方法由于受到URL長(zhǎng)度的限制,只能傳遞大約1024字節(jié).?

(3)Get請(qǐng)求需注意緩存問(wèn)題,Post請(qǐng)求不需擔(dān)心這個(gè)問(wèn)題;?

(4)Post請(qǐng)求必須設(shè)置Content-Type婉宰;?

(5)發(fā)送請(qǐng)求時(shí),因?yàn)镚et請(qǐng)求的參數(shù)都在url里,所以send函數(shù)發(fā)送的參數(shù)為null,而Post請(qǐng)求在使用send方法時(shí),卻需賦予其參數(shù)歌豺;?

(6)GET方式請(qǐng)求的數(shù)據(jù)會(huì)被瀏覽器緩存起來(lái),因此其他人就可以從瀏覽器的歷史記錄中讀取到這些數(shù)據(jù)心包,例如賬號(hào)和密碼等类咧。在某種情況下,GET方式會(huì)帶來(lái)嚴(yán)重的安全問(wèn)題蟹腾。而POST方式相對(duì)來(lái)說(shuō)就可以避免這些問(wèn)題痕惋。?

3、cookie和localStorage的區(qū)別

cookie:為了辨別用戶身份娃殖,存儲(chǔ)在用戶本地終端的數(shù)據(jù)值戳。分為:(1)內(nèi)存cookie:保存在內(nèi)存中,由瀏覽器維護(hù)炉爆,關(guān)閉瀏覽器則消失(2)硬盤cookie:保存在硬盤中堕虹,除非手動(dòng)清理或過(guò)期,否則不會(huì)消失芬首。

服務(wù)器可以設(shè)置或讀取?Cookies?中包含的信息赴捞,借此維護(hù)用戶跟服務(wù)器會(huì)話中的狀態(tài)。因?yàn)?HTTP?協(xié)議是無(wú)狀態(tài)的郁稍,就是說(shuō)服務(wù)器不知道用戶上一次做了什么赦政,為實(shí)現(xiàn)交互,就用?Cookie?來(lái)記錄耀怜。

cookie的缺點(diǎn):(1)Cookie?會(huì)被附加到每個(gè)?HTTP?請(qǐng)求中昼钻,無(wú)形增加了流量

? ? ? ? ? ? ? ? ? ? ? ? ?(2)HTTP請(qǐng)求中的?Cookie?是明文傳遞掸屡,安全性成問(wèn)題。(HTTPS?不會(huì))

? ? ? ? ? ? ? ? ? ? ? ? ?(3)Cookie?大小限制在?4KB然评,對(duì)于復(fù)雜的存儲(chǔ)需求是不夠用的

cookie和storage的區(qū)別

附加討論:cookie和session的區(qū)別

1仅财,session 在服務(wù)器端,cookie 在客戶端(瀏覽器)

2碗淌,session 默認(rèn)被存在在服務(wù)器的一個(gè)文件里(不是內(nèi)存)

3盏求,session 的運(yùn)行依賴 session id,而 session id 是存在 cookie 中的亿眠,也就是說(shuō)碎罚,如果瀏覽器禁用了 cookie ,同時(shí) session 也會(huì)失效(但是可以通過(guò)其它方式實(shí)現(xiàn)纳像,比如在 url 中傳遞 session_id)

4荆烈,session 可以放在 文件、數(shù)據(jù)庫(kù)竟趾、或內(nèi)存中都可以憔购。

5,用戶驗(yàn)證這種場(chǎng)合一般會(huì)用 session

因此岔帽,維持一個(gè)會(huì)話的核心就是客戶端的唯一標(biāo)識(shí)玫鸟,即 session id∠眨可以通過(guò)cookie加密的形式取代session屎飘。

4、說(shuō)說(shuō)有哪些http狀態(tài)碼贾费,304狀態(tài)碼

5钦购、緩存的過(guò)程原理

瀏覽器和服務(wù)器如何標(biāo)記網(wǎng)站頁(yè)面更新的機(jī)制

Cache-Control優(yōu)先級(jí)高于Expires

請(qǐng)求頭:If-Modify-Since 搭配 響應(yīng)頭:last-Modified

請(qǐng)求頭:If-None-Match 搭配 響應(yīng)頭:Etag(資源唯一標(biāo)識(shí)符)

Etag優(yōu)先級(jí)高于last-Modified

Cache-Control里有一個(gè)max-age,緩存的最大保存時(shí)間褂萧。

6押桃、詳細(xì)說(shuō)明一下,當(dāng)刷新一個(gè)瀏覽器頁(yè)面時(shí)箱玷,緩存是如何工作的

max-age,Etag陌宿,last-Modified

Etag唯一資源標(biāo)識(shí)符是如何生成的锡足?(利用MD5,會(huì)根據(jù)文件內(nèi)容生成對(duì)應(yīng)的編碼壳坪,并且當(dāng)文件內(nèi)容改變時(shí)舶得,編碼自動(dòng)改變。)

7爽蝴、transition和animation的區(qū)別——css3動(dòng)畫

transition:屬性過(guò)渡沐批;需要用戶行為觸發(fā)過(guò)渡纫骑,比如:hover,:focus,

animation:通過(guò)關(guān)鍵幀@keyframe來(lái)制作動(dòng)畫,不需要觸發(fā)

8九孩、安卓和ios的兼容性問(wèn)題

淘寶的flexible解決方案:

ib-flexible庫(kù)的使用方法非常的簡(jiǎn)單先馆,只需要在Web頁(yè)面中添加對(duì)應(yīng)的flexible_css.js,flexible.js文件:在所有資源加載之前執(zhí)行這個(gè)JS。執(zhí)行這個(gè)JS后躺彬,會(huì)在元素上增加一個(gè)data-dpr屬性煤墙,以及一個(gè)font-size樣式。JS會(huì)根據(jù)不同的設(shè)備添加不同的data-dpr值宪拥,比如說(shuō)2或者3仿野,同時(shí)會(huì)給html加上對(duì)應(yīng)的font-size的值,比如說(shuō)75px她君。如此一來(lái)脚作,頁(yè)面中的元素,都可以通過(guò)rem單位來(lái)設(shè)置缔刹。他們會(huì)根據(jù)html元素的font-size值做相應(yīng)的計(jì)算球涛,從而實(shí)現(xiàn)屏幕的適配效果。

自己的實(shí)現(xiàn):首先利用media進(jìn)行屏幕響應(yīng)桨螺,其次宾符,在根元素傷設(shè)置rem尺寸,則全部使用rem灭翔,都能響應(yīng)魏烫。

9、如何實(shí)現(xiàn)水平肝箱、垂直居中

10哄褒、盒子模型

11、git如何合并分支

git merge;合并之后才能夠提交煌张。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末呐赡,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子骏融,更是在濱河造成了極大的恐慌链嘀,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,042評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件档玻,死亡現(xiàn)場(chǎng)離奇詭異怀泊,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)误趴,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,996評(píng)論 2 384
  • 文/潘曉璐 我一進(jìn)店門霹琼,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人,你說(shuō)我怎么就攤上這事枣申∈燮希” “怎么了?”我有些...
    開封第一講書人閱讀 156,674評(píng)論 0 345
  • 文/不壞的土叔 我叫張陵忠藤,是天一觀的道長(zhǎng)挟伙。 經(jīng)常有香客問(wèn)我,道長(zhǎng)熄驼,這世上最難降的妖魔是什么像寒? 我笑而不...
    開封第一講書人閱讀 56,340評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮瓜贾,結(jié)果婚禮上诺祸,老公的妹妹穿的比我還像新娘。我一直安慰自己祭芦,他們只是感情好筷笨,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,404評(píng)論 5 384
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著龟劲,像睡著了一般胃夏。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上昌跌,一...
    開封第一講書人閱讀 49,749評(píng)論 1 289
  • 那天仰禀,我揣著相機(jī)與錄音,去河邊找鬼蚕愤。 笑死答恶,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的萍诱。 我是一名探鬼主播悬嗓,決...
    沈念sama閱讀 38,902評(píng)論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼裕坊!你這毒婦竟也來(lái)了包竹?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,662評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤籍凝,失蹤者是張志新(化名)和其女友劉穎周瞎,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體饵蒂,經(jīng)...
    沈念sama閱讀 44,110評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡声诸,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,451評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了苹享。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片双絮。...
    茶點(diǎn)故事閱讀 38,577評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖得问,靈堂內(nèi)的尸體忽然破棺而出囤攀,到底是詐尸還是另有隱情,我是刑警寧澤宫纬,帶...
    沈念sama閱讀 34,258評(píng)論 4 328
  • 正文 年R本政府宣布焚挠,位于F島的核電站,受9級(jí)特大地震影響漓骚,放射性物質(zhì)發(fā)生泄漏蝌衔。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,848評(píng)論 3 312
  • 文/蒙蒙 一蝌蹂、第九天 我趴在偏房一處隱蔽的房頂上張望噩斟。 院中可真熱鬧,春花似錦孤个、人聲如沸剃允。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,726評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)斥废。三九已至,卻和暖如春给郊,著一層夾襖步出監(jiān)牢的瞬間牡肉,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,952評(píng)論 1 264
  • 我被黑心中介騙來(lái)泰國(guó)打工淆九, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留统锤,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,271評(píng)論 2 360
  • 正文 我出身青樓吩屹,卻偏偏與公主長(zhǎng)得像跪另,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子煤搜,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,452評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • 在線閱讀 http://interview.poetries.top[http://interview.poetr...
    程序員poetry閱讀 114,308評(píng)論 24 450
  • $HTML免绿, HTTP,web綜合問(wèn)題 1擦盾、前端需要注意哪些SEO 3嘲驾、HTTP的幾種請(qǐng)求方法用途 4、從瀏覽器地...
    peng凱閱讀 768評(píng)論 0 1
  • 前端開發(fā)面試題 <a name='preface'>前言</a> 只看問(wèn)題點(diǎn)這里 看全部問(wèn)題和答案點(diǎn)這里 本文由我...
    自you是敏感詞閱讀 756評(píng)論 0 3
  • 我在立冬里行走迹卢。 冰冷來(lái)自腳下人多勢(shì)眾的積水辽故。 盡管知道鞋子終究會(huì)濕掉, 但還是不斷地做出判斷不斷地選擇落腳點(diǎn)腐碱, ...
    顫酥爵士香閱讀 202評(píng)論 2 1
  • 在這個(gè)人類變化最快的年代里再不改變自己將被淘汰誊垢。 原來(lái)的我是掉弛。。喂走。殃饿。。 現(xiàn)在我從羅胖那芋肠。乎芳。。 發(fā)現(xiàn)自己的變化帖池。奈惑。。...
    藍(lán)色心空閱讀 139評(píng)論 0 0