摘要:
flexible box 彈性布局 1.開始flex布局 所有元素都支持flex布局 行內元素flex布局 webkit內核瀏覽器 常規布局方法使用的float,clear,vertical-align屬性在flex中將失效。 2.為容器元素添加flex屬性 容器元素即display為flex的元素
閱讀全文
摘要:
一:常見的布局模式 目前常見的網頁布局有:固定布局,流式布局,彈性布局,響應式布局。 二:各種布局模式的布局方法,特點 1)固定布局: 網頁中所有元素的尺寸一路使用px作為單位。 這種方式是最簡單基礎的,相信所有人在學習前端布局時都是這樣搭出自己的網頁的。無論對于設計還是開發人員,或者兩者之間的交接
閱讀全文
摘要:
input是HTML中非常重要,非常常用而又不可替代的元素,在于其相關的樣式設置中有時會遇到其他元素不會發生的問題,今天把我印象中的一些小問題和解決方案記錄一下。 1.與同行元素上下居中對齊 關于上下居中的話題還是比較熱門的,過幾天也想專門總結一下元素各種上下居中的方法,今天簡單說說關于input的
閱讀全文
摘要:
工作以后最先接觸到的新東西可能就包括版本控制工具了,對Git的感覺是又敬又畏,敬是因為最初的時候都是跟著同事照貓畫虎地通過開發軟件圖形化操作,大家都不太懂,也不知道這東西有多深奧;畏就是因為有過幾次慘痛的代碼被覆蓋的經歷。總之能夠掌握Git的常用操作在工作中是非常有必要的,今天抽出時間把相關的基礎知
閱讀全文
摘要:
在一些情況下,我們會希望自己的某條鏈接打開之后自動跳轉到另一個頁面去,比如: 情景1:原有鏈接所指網站停用,訪問用戶被重定向到其他替代網頁; 情景2:設置歡迎頁,訂單提交成功頁等信息展示頁面,延時跳轉到接下來的邏輯頁面; 情景3:希望發送自己域名的地址顯示他人的頁面; 情景4:用于頁面的定時刷新;
閱讀全文
摘要:
解決chrome對跨域請求禁止的約束: 這一串參數關閉了chrome瀏覽器的同源策略,可以實現在該瀏覽器下的跨域請求數據。 在哪里設置這幾個參數呢? 最簡單的,右鍵chrome選擇屬性,在目標后面輸入參數(每個參數前面都有一個空格)。需要注意的是當前設置的圖標開啟的chrome在設置完重啟后才會有效
閱讀全文
摘要:
使用微信打開網頁,彈出軟鍵盤時遇到的兼容問題 過去開發中遇到過很多這種情況,頁面底部需要固定定位一個按鈕,廣告欄或者菜單欄,頁面中有表單項需要填寫,在打開手機虛擬鍵盤的時候,底部固定定位的元素會處在軟鍵盤上方,把本來就所剩無幾的頁面幾乎都擋住了(一般發生在不使用框架的單獨頁面中),而瀏覽器并沒有為開
閱讀全文
摘要:
小程序開發并不愉快,許多必建的文件不會自動生成,頁面之間的跳轉沒有快捷鍵,開發者工具顯示區域受限……如果誰有對應的解決辦法求告知…… 開始的時候每次保存代碼,頁面都會刷洗重新渲染一次,而且自動跳回首頁,讓人很不爽,后來隨便點點,發現這里還是可以設置一些東西方便開發的。 開發模式下,點擊左側的“項目”
閱讀全文
摘要:
最近開始開發小程序,遇到許多小問題,直奔主題。 wx.request()是微信封裝的ajax請求方法,也是小程序中ajax唯一的一個方法,被放在了API文檔的第一個位置,的確使用率是最高的。 但是wx.request()并非像jquery中的$.ajax()一樣,它還需要開發者在具體情況中做一些調整
閱讀全文
摘要:
前幾天在項目中遇到了一個讓人摸不著頭腦的bug,測試說頁面顯示有點問題并發了截圖, 正常的顯示狀態是這樣 首先我自信地用自己的手機檢查了一下,沒有問題,問清楚后得知是UC瀏覽器中出現的,UC的內核是u3,基于webkit開發的,平時并沒有用過,應該是在細節處理上加了一些優化功能。 說回問題,第一眼看
閱讀全文