- h5怎么調用原生的方法;
答:這篇博客寫的詳細吊骤,應該可以看的懂,直接粘地址: https://www.cnblogs.com/fengmin/p/6558470.html
- React與Vue區(qū)別靴姿;
- React是jsx語法(允許在javascript中寫html)力麸,Vue是采用模板語言
- React數據流單向,Vue數據雙向綁定
- React中需要使用setState()方法更新數據狀態(tài)炉奴,Vue state對象不是必須的逼庞,數據由data屬性在Vue對象中進行管理
- React更適合大型應用和更好的可測試性,Vue只適合小型應用
- 其中兩者最大的不同就是模板的編寫
詳細請見 : https://blog.csdn.net/town456/article/details/80795723 瞻赶,
https://blog.csdn.net/u013291076/article/details/53885604
-
form表單的action,怎么阻止表單默認提交赛糟;
vue父子組件之前的傳遞派任,若有多個子組件呢?
答:父組件向子組件傳遞通過props,子組件通過props接收璧南,子組件通過$emit調用父組件的事件掌逛。
- 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即可心傀。
- session與cookie的區(qū)別;
- cookie數據存放在客戶的瀏覽器上拆讯,session數據放在服務器上
- cookie不是很安全脂男,別人可以分析存放在本地的COOKIE并進行COOKIE欺騙,考慮到安全應當使用session种呐。
- session會在一定時間內保存在服務器上宰翅。當訪問增多,會比較占用你服務器的性能爽室,考慮到減輕服務器性能這一方面汁讼,應當使用cookie
- 單個cookie保存的數據不能超過4K,很多瀏覽器都限制一個站點最多保存20個cookie.
- 建議:可將登錄等重要信息存放為session,其他信息如果需要保留,可以放在cookie中
- 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轉義編碼后存儲尽纽。
常見問題
- 瀏覽器兼容問題
- 通配符*來設置各個標簽的內外補丁是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