2018前端面試題(個人遇到)

  1. h5怎么調用原生的方法;

答:這篇博客寫的詳細吊骤,應該可以看的懂,直接粘地址: https://www.cnblogs.com/fengmin/p/6558470.html

  1. React與Vue區(qū)別靴姿;
  1. form表單的action,怎么阻止表單默認提交赛糟;


    531671892660889478.png
  2. vue父子組件之前的傳遞派任,若有多個子組件呢?

答:父組件向子組件傳遞通過props,子組件通過props接收璧南,子組件通過$emit調用父組件的事件掌逛。

  1. ios端與android端的兼容問題;
  • iphone及ipad下輸入框默認內陰影
Element{
  -webkit-appearance:none;
}
  • 圓角bug
某些Android手機圓角失效
解決方案:background-clip: padding-box;
  • input設置了readonly,ios上點擊還會得到焦點穆咐,
   $("#select").on("focus",function(){
        $(this).trigger('blur');
    });
  • -webkit-tap-highlight-color
    這個屬性只用于iOS (iPhone和iPad)颤诀。當你點擊一個鏈接或者通過Javascript定義的可點擊元素的時候,它就會出現一個半透明的灰色背景对湃。要重設這個表現崖叫,你可以設置-webkit-tap-highlight-color為任何顏色。
    想要禁用這個高亮拍柒,設置顏色的alpha值為0即可心傀。
  1. session與cookie的區(qū)別;
  • cookie數據存放在客戶的瀏覽器上拆讯,session數據放在服務器上
  • cookie不是很安全脂男,別人可以分析存放在本地的COOKIE并進行COOKIE欺騙,考慮到安全應當使用session种呐。
  • session會在一定時間內保存在服務器上宰翅。當訪問增多,會比較占用你服務器的性能爽室,考慮到減輕服務器性能這一方面汁讼,應當使用cookie
  • 單個cookie保存的數據不能超過4K,很多瀏覽器都限制一個站點最多保存20個cookie.
  • 建議:可將登錄等重要信息存放為session,其他信息如果需要保留,可以放在cookie中
  1. localStorage,sessionStorage,cookie使用場景和區(qū)別

關系:

  • cookie在瀏覽器和服務器端來回傳遞數據阔墩,而localStorage和sessionStorage不會自動把數據發(fā)送給服務器嘿架,僅會保存在本地。cookie會在瀏覽器請求頭或者ajax請求頭中發(fā)送cookie內容啸箫。
  • cookie可以設置過期日期耸彪,sessionStorage是會話級的數據,瀏覽器窗口關閉即清除忘苛,localStorage是永久性的數據蝉娜,一旦賦值,不管多長時間這值都是存在的柑土,除非手動清除蜀肘。
  • cookie的存儲大小受限制,一般不超過4k稽屏,而localStorage和sessionStorage的存儲大小一般不超過5M,大大提高了存儲的體積西乖。
  • sessionStorage不跨窗口狐榔,在另外一個窗口打開sessionStorage就不存在了坛增,它只在當前窗口有效,而cookie和localStorage都是跨窗口的薄腻,即使瀏覽器的窗口關閉收捣,這兩個值還是存在的。

使用場景:

  • localStorage可以用來統(tǒng)計頁面訪問次數庵楷。
  • sessionStorage可以用來統(tǒng)計當前頁面元素的點擊次數罢艾。
  • cookie一般存儲用戶名密碼相關信息,一般使用escape轉義編碼后存儲尽纽。

常見問題

  1. 瀏覽器兼容問題
  • 通配符*來設置各個標簽的內外補丁是0咐蚯;
  • 塊屬性標簽float后,又有橫行的margin情況下弄贿,在IE6顯示margin比設置的大(ie6 中后面的一塊被頂到下一行)

解決:在float的標簽樣式控制中加入 display:inline;將其轉化為行內屬性

  • 圖片默認有間距

解決:1.使用float屬性為img布局 2.給img標簽添加display:block春锋;

  • 透明度的兼容CSS設置

解決: 高級瀏覽器:opacity, Ie等低級:filter:alpha(opacity=50);

  • 當在a標簽中嵌套img標簽時,在某些瀏覽器中img會有藍色邊框

解決: 給img添加border:0差凹;或者是border:none期奔;

  • min-height在IE6下不兼容
1)min-height:value;

      _height:value危尿;

2)min-height:value呐萌;

     height:auto!important谊娇;

     height:value
  • 上下margin的重疊問題(給上邊元素設置了margin-bottom肺孤,給下邊元素設置了margin-top,瀏覽器只會識別較大值邮绿;)

解決: margin-top和margin-bottom中選擇一個渠旁,只設置其中一個值

web安全問題

請見:https://blog.csdn.net/a401461843/article/details/77622299

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市船逮,隨后出現的幾起案子顾腊,更是在濱河造成了極大的恐慌,老刑警劉巖挖胃,帶你破解...
    沈念sama閱讀 217,277評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件杂靶,死亡現場離奇詭異,居然都是意外死亡酱鸭,警方通過查閱死者的電腦和手機吗垮,發(fā)現死者居然都...
    沈念sama閱讀 92,689評論 3 393
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來凹髓,“玉大人烁登,你說我怎么就攤上這事∥狄ǎ” “怎么了饵沧?”我有些...
    開封第一講書人閱讀 163,624評論 0 353
  • 文/不壞的土叔 我叫張陵锨络,是天一觀的道長。 經常有香客問我狼牺,道長羡儿,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,356評論 1 293
  • 正文 為了忘掉前任是钥,我火速辦了婚禮掠归,結果婚禮上,老公的妹妹穿的比我還像新娘悄泥。我一直安慰自己虏冻,他們只是感情好忽洛,可當我...
    茶點故事閱讀 67,402評論 6 392
  • 文/花漫 我一把揭開白布瓮增。 她就那樣靜靜地躺著议忽,像睡著了一般觉既。 火紅的嫁衣襯著肌膚如雪干跛。 梳的紋絲不亂的頭發(fā)上蚤假,一...
    開封第一講書人閱讀 51,292評論 1 301
  • 那天特石,我揣著相機與錄音荐糜,去河邊找鬼宋舷。 笑死绪撵,一個胖子當著我的面吹牛,可吹牛的內容都是我干的祝蝠。 我是一名探鬼主播音诈,決...
    沈念sama閱讀 40,135評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼绎狭!你這毒婦竟也來了细溅?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 38,992評論 0 275
  • 序言:老撾萬榮一對情侶失蹤儡嘶,失蹤者是張志新(化名)和其女友劉穎喇聊,沒想到半個月后,有當地人在樹林里發(fā)現了一具尸體蹦狂,經...
    沈念sama閱讀 45,429評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡誓篱,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,636評論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現自己被綠了凯楔。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片窜骄。...
    茶點故事閱讀 39,785評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖摆屯,靈堂內的尸體忽然破棺而出邻遏,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 35,492評論 5 345
  • 正文 年R本政府宣布党远,位于F島的核電站削解,受9級特大地震影響富弦,放射性物質發(fā)生泄漏沟娱。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,092評論 3 328
  • 文/蒙蒙 一腕柜、第九天 我趴在偏房一處隱蔽的房頂上張望济似。 院中可真熱鬧,春花似錦盏缤、人聲如沸砰蠢。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,723評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽台舱。三九已至,卻和暖如春潭流,著一層夾襖步出監(jiān)牢的瞬間竞惋,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,858評論 1 269
  • 我被黑心中介騙來泰國打工灰嫉, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留拆宛,地道東北人。 一個月前我還...
    沈念sama閱讀 47,891評論 2 370
  • 正文 我出身青樓讼撒,卻偏偏與公主長得像浑厚,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子根盒,可洞房花燭夜當晚...
    茶點故事閱讀 44,713評論 2 354

推薦閱讀更多精彩內容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5钳幅? 答:HTML5是最新的HTML標準。 注意:講述HT...
    kismetajun閱讀 27,482評論 1 45
  • 一:什么是閉包炎滞?閉包的用處敢艰? (1)閉包就是能夠讀取其他函數內部變量的函數。在本質上厂榛,閉包就 是將函數內部和函數外...
    xuguibin閱讀 9,601評論 1 52
  • 【轉載】CSDN - 張林blog http://blog.csdn.net/XIAOZHUXMEN/articl...
    竿牘閱讀 3,488評論 1 14
  • 前端開發(fā)面試題 面試題目: 根據你的等級和職位的變化盖矫,入門級到專家級,廣度和深度都會有所增加击奶。 題目類型: 理論知...
    怡寶丶閱讀 2,582評論 0 7
  • 2018web前端最新面試題總結 一辈双、Html/Css基礎模塊 基礎部分 什么是HTML?答:? HTML并不是...
    duans_閱讀 4,667評論 3 27