解決頁面在Android下滑動正常，在Iphone下滑動卡的問題
在css中加入如下代碼即可：
body{
-webkit-overflow-scrolling : touch;
}
取消div,a等標簽點擊效果
當標簽被設置onclick事件之后忽洛，在有些手機瀏覽器中绘面，點擊這些標簽欺税，會有點擊變色效果。想要取消點擊變色效果揭璃。
添加：
div{
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
ul的左右邊有40px的距離
將ul的margin和padiding設置為0晚凿；
由于不同瀏覽器之間有不同的默認樣式，這樣就導致了：“明明我沒有設置margin padding瘦馍，但是元素之間卻存在間距等狀況”歼秽。解決這種情況的方法就是在開始寫css之前將所有元素的padding margin默認樣式統(tǒng)一起來。在css文檔中添加如下樣式即可：
*{
padding:0;
margin:0;}
去掉ul情组，li的左邊順序黑點
ul,li {
list-style: none;
}
使用webpack合并請求
webpack可以將css文件合并到js文件中燥筷，將所有js文件合并到一個js文件中，在html中只需加載這一個js文件呻惕，即可完成頁面的渲染荆责，大大減少了瀏覽器的http請求數(shù)，優(yōu)化了體驗亚脆。當然，webpack還可以壓縮資源文件盲泛、對資源文件進行md5取值以確保更新緩存濒持，這些也都是可以優(yōu)化體驗的。
使用vue寺滚、reactJs
vue減少了操作dom的次數(shù)柑营、reactJs虛擬了dom操作，也減少了dom的操作次數(shù)村视，提高了性能官套，使用起來更加流暢自然。
前后端分離
- 前后端分離可大大提高分工合作的效率。
- 前后端合作的三種方案：
- 后端渲染數(shù)據(jù)到前端html奶赔；
- 采用json接口來分離數(shù)據(jù)和后端惋嚎，前端通過接口從服務器獲取json數(shù)據(jù)，然后渲染到前端頁面站刑；
- nodeJs從Java后臺取到數(shù)據(jù) ---> nodeJs渲染數(shù)據(jù)到模板html ---> 瀏覽器請求到被數(shù)據(jù)渲染好的html另伍；
- 目前我所在部門是這樣處理的，首頁通過后端渲染成靜態(tài)html頁面绞旅，方便SEO以及提高性能摆尝，其他頁面采用json接口。
- 參考文章：.
一篇公司內(nèi)部分享會議上Presentation
淘寶前后端分離實踐
前后端分離的實現(xiàn)
