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

資訊專欄INFORMATION COLUMN

Web前端開發過程踩過的坑以及一些小方法技巧(持續更新)

張春雷 / 2906人閱讀

摘要:一上瀏覽器使用不允許事件代理到上選擇器以上綁定可能會出現點擊失效的情況。對于,如果工具是以下版本,在中加入以下代碼以上的版本加入以下代碼八開發對于文件的處理問題。解決方法有給元素設置絕對定位即可。元素換成內聯元素,如。

一、iOS上瀏覽器使用jQuery不允許事件代理到document上
$(document).on("click", "選擇器", function(){});

以上綁定可能會出現點擊失效的情況。解決方法就是在這些代碼前加一串代碼:

$(body>*).bind("click", function(){....});
二、移動端點擊輸入框(input)禁止手機輸入法鍵盤彈出

在移動端頁面開發時,我們有時候經常會用到自己定義的輸入鍵盤,而不想自帶鍵盤彈出,那么可以在點擊事件中加入以下代碼:

$("選擇器").click(function(){ document.activeElement.blur(); });
三、在iOS平臺上input的button類型會帶有默認樣式。

這個在Android上使用以下代碼就可以解決,但是iOS不起作用。

border: none;
outline: none;
background-color: 顏色;

但是在iOS上需要加一個:

-webkit-appearance: none;

這個屬性同樣適用于Android。

四、移動端Retina屏(iOS) 1px的解決方案

這個我在網上找到許多解決方案,這里就直接放鏈接了

移動端 Retina屏 各大主流網站1px的解決方案
如何在Vue項目中使用vw實現移動端適配
五、iOS瀏覽器在設置overflow: scroll;后滑動不流暢,感覺像是卡頓

這個目前在Android和PC上沒得問題,但是iOS上有問題,解決方法就是加上屬性:

-webkit-overflow-scrolling: touch;

參考資料:

【兼容性】ios上設置overflow: scroll不滾動bug
iOS Safari瀏覽器上overflow: scroll元素無法滑動bug解決方法整理
iOS safari瀏覽器上overflow: scroll元素無法滾動bug深究
解決頁面使用overflow: scroll在iOS上滑動卡頓的問題
六、元素在設置為display:inline-block;后元素之間會產生間距

解決方法就是在包含這些元素的父元素上設置CSS屬性font-size: 0;

七、Angular CLI和Vue CLI打包的項目上線不在根目錄出現資源找不到問題!

對于ng,在package.jsonbuild后面改成ng build --base-href ./

對于Vue,如果CLI工具是3.3以下版本,在vue.config.js中加入以下代碼:

module.exports = {
  baseUrl: process.env.NODE_ENV === "production"
    ? "/henjievue/"
    : "/"
}
3.3以上的版本加入以下代碼:
module.exports = {
  publicPath: process.env.NODE_ENV === "production"
    ? "/henjievue/"
    : "/"
}
八、Angular CLI開發對于assets文件的處理問題。

assets文件夾里面的內容在build后不參與打包,僅僅完整復制,所以在開發過程中路徑的寫法按絕對路徑寫就好了,如下代碼:

//CSS代碼 #smart>.smart-container-one { width: 1240px; height: 450px; margin: auto; }

出現這樣的結果就是由于

造成的,p元素是塊級元素,定位如果為relative的話會占用位置,導致父元素被撐開了。

解決方法有:
1.給p元素設置絕對定位position: absolute即可。
2.p元素換成內聯元素,如span
3.把p元素設置為內聯元素,如display: inline
注:這兒p標簽包img太業余了,大家平時寫不要這樣寫,一般用div,菜鳥一枚,還請大家見諒。

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/117345.html

相關文章

  • Web前端開發過程踩過的坑以及一些方法技巧持續更新

    摘要:一上瀏覽器使用不允許事件代理到上選擇器以上綁定可能會出現點擊失效的情況。對于,如果工具是以下版本,在中加入以下代碼以上的版本加入以下代碼八開發對于文件的處理問題。解決方法有給元素設置絕對定位即可。元素換成內聯元素,如。 一、iOS上瀏覽器使用jQuery不允許事件代理到document上 $(document).on(click, 選擇器, function(){}); 以上綁定可能...

    arashicage 評論0 收藏0
  • Web前端開發過程踩過的坑以及一些方法技巧持續更新

    摘要:一上瀏覽器使用不允許事件代理到上選擇器以上綁定可能會出現點擊失效的情況。對于,如果工具是以下版本,在中加入以下代碼以上的版本加入以下代碼八開發對于文件的處理問題。解決方法有給元素設置絕對定位即可。元素換成內聯元素,如。 一、iOS上瀏覽器使用jQuery不允許事件代理到document上 $(document).on(click, 選擇器, function(){}); 以上綁定可能...

    binta 評論0 收藏0
  • VUE使用中踩過的坑

    摘要:前言如今可謂是一匹黑馬數已居第一位前端開發對于的使用已經越來越多,它的優點就不做介紹了本篇是我對使用過程中以及對一些社區朋友提問我的問題中做的一些總結幫助大家踩坑。隨后的重新渲染,元素組件及其所有的子節點將被視為靜態內容并跳過。 前言 vue如今可謂是一匹黑馬,github star數已居第一位!前端開發對于vue的使用已經越來越多,它的優點就不做介紹了,本篇是我對vue使用過程中以及...

    big_cat 評論0 收藏0
  • 優秀博文收藏(不定期更新

    摘要:我的書簽我的書簽謹慎導入,小心覆蓋工具類版本管理快速切換源配置教程指南可視化工具前端工具集前端助手網絡封包截取工具格式化工具標注工具模擬請求類深入淺出布局你所不知道的動畫技巧與細節常用代碼黑魔法小技巧,讓你少寫不必要的,代碼更優雅一勞永 我的書簽 我的書簽(謹慎導入,小心覆蓋) 工具類 nvm: node版本管理 nrm: 快速切換npm源 shell: zsh+on-my-zsh配...

    sunsmell 評論0 收藏0
  • 優秀博文收藏(不定期更新

    摘要:我的書簽我的書簽謹慎導入,小心覆蓋工具類版本管理快速切換源配置教程指南可視化工具前端工具集前端助手網絡封包截取工具格式化工具標注工具模擬請求類深入淺出布局你所不知道的動畫技巧與細節常用代碼黑魔法小技巧,讓你少寫不必要的,代碼更優雅一勞永 我的書簽 我的書簽(謹慎導入,小心覆蓋) 工具類 nvm: node版本管理 nrm: 快速切換npm源 shell: zsh+on-my-zsh配...

    zhangfaliang 評論0 收藏0

發表評論

0條評論

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