用戶中心USER CENTER
摘要：由于做了全面屏并且還保留一塊小劉海，因此很多以前的移動(dòng)端頁(yè)面需要結(jié)合客戶端做出相應(yīng)的適配，具體如下頂部通欄之前的客戶端一直采用狀態(tài)欄導(dǎo)航欄的做法。這時(shí)候需要底部留出一塊空白安全區(qū)域，頁(yè)面內(nèi)容最終的底線應(yīng)在手機(jī)拐角處。該安全區(qū)域的高度為。 由于iphoneX做了全面屏并且還保留一塊小劉海，因此很多以前的移動(dòng)端H5頁(yè)面需要結(jié)合App客戶端做出相應(yīng)的適配，具體如下： 1、頂部通欄 之前的客戶...
摘要：雖然已經(jīng)年了不過(guò)有一些項(xiàng)目還是需要用到的不過(guò)考慮到使用的一堆兼容性問(wèn)題也為了可以順利地使用來(lái)擼代碼研究使用打包代碼來(lái)發(fā)布幾個(gè)重點(diǎn)為了將模塊分割加載，不至于一個(gè)文件過(guò)大，一個(gè)頁(yè)面中使用多個(gè)文件由于是多頁(yè)項(xiàng)目多個(gè)，每個(gè)頁(yè)面使用的文件都不一致基于 雖然已經(jīng)2019年了不過(guò)有一些項(xiàng)目還是需要用到j(luò)query的不過(guò)考慮到使用jquery的一堆兼容性問(wèn)題也為了可以順利地使用ES6來(lái)擼代碼研究使用w...
摘要：?jiǎn)栴}描述自己的博客在用移動(dòng)端訪問(wèn)時(shí)，如果的列數(shù)足夠多會(huì)顯示不全，如下圖紅圈所示正常情況如圖解決過(guò)程使用發(fā)現(xiàn)的解決方法是在上套一個(gè)，如下圖藍(lán)色背景和紅圈所示首先想到直接在上套一個(gè)即可接著查看別的時(shí)發(fā)現(xiàn)并不是每一個(gè)都被套上一個(gè)，如下圖所示 問(wèn)題描述 自己的博客在用移動(dòng)端訪問(wèn)時(shí)，如果table的列數(shù)足夠多會(huì)顯示不全，如下圖紅圈所示 showImg(https://segmentfault.c...
摘要：流式布局概念流式布局是頁(yè)面元素寬度按照屏幕分辨率進(jìn)行適配調(diào)整，但是整體布局不變。有些手機(jī)頁(yè)面的寬度會(huì)被拉伸，但是高度不變，很不協(xié)調(diào)。弊端全局縮放，可能會(huì)造成出錯(cuò)。這兩者適合在大項(xiàng)目中，因?yàn)榭梢耘浜匣蚴牵贿m合單頁(yè)面。 1. 流式布局 概念：流式布局是頁(yè)面元素寬度按照屏幕分辨率進(jìn)行適配調(diào)整，但是整體布局不變。 設(shè)計(jì)方法：布局都是通過(guò)百分比來(lái)定義寬度，但是高度大都是用px固定的。 弊端：...
摘要：現(xiàn)在我們用原生的實(shí)現(xiàn)這個(gè)非常簡(jiǎn)單的下拉刷新功能。二封裝下拉刷新的功能模塊首先創(chuàng)建一個(gè)構(gòu)造函數(shù)，用來(lái)初始化屬性與函數(shù)。和下拉刷新這個(gè)兩個(gè)子節(jié)點(diǎn)。的效果顯示出來(lái)，同時(shí)隱藏下拉刷新的效果開(kāi)始刷新這里是模擬秒后刷新成功，然后隱藏正在刷新。。 前言： 我們?cè)跒g覽移動(dòng)端web頁(yè)面的時(shí)候，經(jīng)常會(huì)用到下拉刷新。 現(xiàn)在我們用原生的js實(shí)現(xiàn)這個(gè)非常簡(jiǎn)單的下拉刷新功能。 （溫馨提示：本文比較基礎(chǔ)，功能也很簡(jiǎn)...
