整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
近在項目開發過程中涉及到了移動端，現在對此進行總結。
在此次M端的開發過程中，遇到了許多問題，在此進行一次總結，希望大家在以后的開發過程
中能盡量規避類似的問題，提高開發效率和代碼質量。
一、布局
1.移動端開頭
<meta name="viewport" content="width=device-width, initial-scale=1,
minimum-scale=1.0, maximum-scale=1.0"/>
一般在寫移動端時，會在head標簽內添加上面這個meta標簽，它的作用在于給手機端建立
一個viewport層，這樣才能更好的去展現頁面效果。比如有的手機分辨率達到了
1920*1080，這種高分辨率一般在電腦大屏中出現，那么手機那么小的手機，為什么能達到
1920*1080這么高的分辨率呢？因為他的dpi或ppi高。
注釋：dpid：ots per inch，最初用于衡量打印物上每英寸的點數密度，就是打印機可以在一
英寸內打多少個點。當dpi的概念用在計算機屏幕上時，就稱之為ppi。ppi和dpi是同一個概
念，Android比較喜歡使用dpi，IOS比較喜歡使用ppi。
1.單位
dom布局單位的問題，移動端的布局與PC端的布局有所差別，在PC端我們習慣于用px設置
固定寬高的值，而移動端的重點是自適應，所以在許多地方采用的是設置百分比或者以rem
為單位來設置寬高。 寬度一般設置百分比，高度設置rem。
一定要區分清楚什么情況下使用固定大小，什么情況下使用自適應大小。文字類基本都使用
固定大小，圖片及背景圖片類可酌情考慮自適應大小，具體情況請結合實際，不清楚的地方
可先與同事溝通，或者與產品溝通，務必做到了解需求后再寫代碼。
當采用rem作為單位時，如果是sublime text編輯器，可以先安裝一個cssrem插件，方便自
動對rem單位進行換算。
2.彈性布局
在移動端里比較常見的布局有彈性布局，也就是display:box和boxflex?利用這兩個屬性可以
較方便的分配一行內的子元素；簡單的理解就是能夠按等分劃分元素。
例如：
https://maxiang.io/# 2/6
<ul style="display:box">
<li style="box-flex:1">1</li>
<li style="box-flex:2">2</li>
<li style="box-flex:1">1</li>
</ul>
結合上面的代碼，我們可以這樣理解，當把ul設置為彈性盒子時，則ul的三個子元素li都會被
分配各自的比重，我們可以把ul當成單位1，并被劃分為了四等分，其中第一個和最后一個li
各占四分之一，中間的li占二分之一。
display:box兼容寫法
display: -webkit-box;
display: -moz-box;
display: -o-box;
display: -ms-flexbox;
display: flex;
display:box兼容寫法
-moz-box-flex: 1;
-webkit-box-flex: 1;
-o-box-flex: 1;
-ms-flex: 1;
flex: 1;
3.boxsizing布局
boxsizing布局比較適合用在自適應場景的開發。比較常見的例如：
這種情況下，把邊框長度算入盒模型的寬度中是比較方便的。
4.css3屬性
移動端對css3的支持非常給力，除了部分屬性需要添加前綴。而且據說移動端使用css3的性
能比css2要高，所以大家優先使用css3屬性，同時css3用起來有多方便也就不需要我說了。
二、js代碼
技術選型：zepto.js+swiper.js+echarts.js+common.js
1.zepto.js
https://maxiang.io/# 4/6
Zepto是一個輕量級的針對現代高級瀏覽器的JavaScript庫， 它與jquery有著類似的api。 如
果你會用jquery，那么你也會用zepto。
正如zepto自己所說的那樣，它只是個輕量級的js庫，所以我們常用的一些jq方法它可能沒有
提供，尤其是animate動畫，當然，這個并不是特別要緊，大部分的動畫都可以直接用css3
動畫來實現，少部分有需求的動畫，可以用原生js自行定義。
2.swiper.js
swiper是一款專門針對移動端所開發的開源觸摸滑動插件，能夠滿足移動端大部分滑動特效
需求。而且swiper提供了基于zepto開發的插件，更加輕量。swiper的使用也比較方便，基礎
引用方式如下：
var swiper=new Swiper(".swiper-container", {
slidesPerView: 3,
setWrapperSize :true
}
者：前端開發社區
轉發鏈接：https://mp.weixin.qq.com/s/HVUyOi1BKNeNkwgBUtTf-g
汕灣畔春潮涌動，望鵬山上鶯飛草長。
深圳市深汕特別合作區（簡稱“深汕合作區”）又要面向社會公開招聘行政事務員啦！2020年上半年的招聘計劃已正式啟動，此次面向社會公開招聘涉及97個崗位，計劃招聘116人。快來看看吧！
劃重點！！！
報名方式：網絡報名
報名時間：2020年4月21日9:00～5月11日12:00
此外，“深汕視點”為您提前“劇透”招聘崗位、報名條件、招聘程序和福利待遇等各種事項，詳見下文附件。
想要參與深圳第“10+1”區的大開發大建設大發展的你，千萬不要錯過！
深圳市深汕特別合作區機關事業單位
2020年上半年行政事務員招聘公告
根據工作需要，深圳市深汕特別合作區2020年4月面向社會公開招聘行政事務員116名，現將有關招聘事項公告如下：
一、招聘人數及崗位
本次計劃招聘116人，具體工作單位及崗位詳見附件1《深圳市深汕特別合作區機關事業單位2020年上半年行政事務員招聘崗位表》（以下簡稱《招聘崗位表》）。
二、報名條件
2020年3月31日以前取得畢業證書，符合公告及招聘崗位所要求條件的人員均可報考。基本必要條件如下：
（一）具有中華人民共和國國籍；
（二）年滿十八周歲；
（三）遵守我國憲法和法律；
（四）具有良好的政治素質和職業道德，身體健康；
（五）全日制普通高等院校大學本科及以上學歷，學士及以上學位；
（六）具備崗位所需的專業和技能條件；
（七）符合本公告及《招聘崗位表》所要求的其他條件；
（八）有以下情形之一的人員，不接受報名：
1、因犯罪受過刑事處罰的；
2、犯有嚴重錯誤，受過黨紀、政紀處分以及正在接受有關部門審查尚未做出結論的人員；
3、在原單位有曠工、辭退或其他不遵守單位規章制度等情形的；
4、參加我市機關事業單位招聘被認定有考試作弊行為在限制報考期限內的人員；
5、未完成教學大綱規定學習內容的結業生、肄業生；
6、現役軍人；
7、法律法規規定的其他情形。
深汕合作區前景可期
三、招聘程序
（一）報名工作
1、報名時間：2020年4月21日9:00起至5月11日12:00止。
2、報名方式：采取網絡報名的形式，報名網址為：
電腦端：
https://szhcg.ezhiyang.com/p/index.html
移動端：
https://szhcg.ezhiyang.com/m/index.html
報考人員登陸報名網站自行查詢招聘崗位信息，并在網上填寫個人信息，所有信息必須完整填寫，并按規定上傳本人近期1寸免冠彩底電子照片。報名聯系方式：周先生，0755-22656351。
3、報名須上傳相關附件，請提前準備好以下資料。（文件格式為jpg、png，大小不要超過10M）：
個人身份證正反面；
戶口本；
畢業證書；
學位證書；
教育部學歷證書電子注冊備案表（留學歸國人員需提供國家教育部留學服務中心出具的《國外學歷學位認證書》）；
工作經歷材料，如單位證明、勞動合同等；
近期正面免冠全身彩色立姿照片1張；
報考崗位所要求的其他證明材料。
（二）資格審查
1、資格審查時間：2020年5月12日至2020年5月22日。
2、資格審查形式：本次資格審查采用線上審查的方式，報考人員在報名時需按要求上傳齊全、清晰、真實的材料附件。因報考人員上傳附件不齊全、不清晰、虛假材料等原因所造成的后果，由報考者本人承擔。
3、審查結果：資格審查的結果于2020年5月25日起在報名網站中公布。
4、參加考核資格一般按畢業學校類別（“雙一流”建設高校優先）、學歷學位（研究生優先）、專業及工作經驗匹配度、提供的相關資質證書等條件擇優確定入圍考核人選。
5、對入圍考核人選，將通過電話或短信的方式進行通知。報考者提供的聯系電話應準確無誤并及時接聽，確保能夠及時聯系；因提供錯誤聯系信息或無法及時聯系造成的后果由報考者本人承擔。
（三）考核
考核分為面試和筆試，具體視崗位要求而定。
總成績從高到低排序，并按崗位擬聘人數等額確定體檢人員名單。成績在合格線以上，未在本次聘用的考生，列入深汕特別合作區聘用備選庫，待單位有崗位空缺，可擇優遞補；亦可根據工作需要調劑至其他匹配崗位。
1、面試分為初試和復試。初試采用視頻面試的方式進行，復試時間及方式另行通知。
2、面試形式一般為非結構化面試，根據崗位的不同面試形式不統一。
3、筆試一般安排在復試階段，主要考核文字材料寫作能力。
4、考生須按照通知的時間及要求參加考核，否則視為放棄考核資格。
（四）體檢及復審
1、入圍體檢的考生須按照規定的時間去指定的醫院進行體檢，并提交體檢報告。
2、體檢合格的人員將進行資格復審，擬聘用人員須提供以下復審材料：
本人有效居民身份證，學歷及學位證書、《教育部學歷證書電子注冊備案表》(登陸學信網https://www.chsi.com.cn打印)(驗原件、收復印件)；
留學歸國人員需提供國家教育部留學服務中心出具的《國外學歷學位認證書》(驗原件、收復印件)；
提交公安部門開具的無犯罪記錄證明；
崗位有要求中共黨員的，須提供所在黨組織開具的證明或流動黨員活動證或黨費證(驗原件、收復印件)；
專業技術資格證書或執（職）業資格證（崗位有要求的才需提供）(驗原件、收復印件)；
崗位所需的其他資料。
（五）聘用
1、體檢及資格復審合格的考生，按照規定由指定的勞務派遣公司辦理入職手續后派遣到各用工單位工作；
2、考核結束后5個工作日通知考核結果，未通知的視為不通過。擬聘用人員應當在接到報到通知后30天內到用工單位報到，無正當理由或雖有正當理由但未經用工單位批準同意未能按期報到的視為放棄入職資格。
四、人員管理
聘用人員派遣到用工單位工作，由用工單位進行日常管理，具體按《深汕特別合作區管理委員會機關事業單位行政事務員管理辦法》執行。
五、福利待遇
（一）薪酬待遇
根據學歷及崗位匹配的工作年限定崗定薪。
（二）福利保障
1、免費提供單元式公寓，宿舍內配有電視、空調、部分家具等，并免費安裝wifi、寬帶等設備，員工可拎包入住；
2、自助式員工食堂，菜式豐富多樣；
3、生活園區內建有簡閱書吧、咖啡廳、生活超市等配套設施；
4、除公共交通外，我區提供免費班車供員工往返深圳市區；
5、文娛中心配備健身房、電影播放廳、籃球場、網球場、羽毛球場、乒乓球案等文娛設施，免費為員工開放。
六、其他事項
（一）考生應嚴格按照崗位要求報考，如實填報信息，提供有關證明材料。凡弄虛作假者，一經查實，考核成績無效；
（二）報考者提供的聯系電話應準確無誤，確保能夠及時聯系，因提供錯誤聯系信息或無法及時聯系造成的后果由報考者本人承擔；
（三）報考人員對招聘計劃中的崗位、學歷、學位、專業要求以及其他相關資格條件需要咨詢時，請按照招聘公告中用工單位的咨詢電話進行咨詢；
（四）咨詢電話：深圳市深汕特別合作區組織人事局0755-22108396。各用工單位咨詢電話詳見附件2。
（五）本公告由深圳市深汕特別合作區組織人事局負責解釋。
【記者】陶清清
【通訊員】申珊萱
【作者】 陶清清
【來源】 南方報業傳媒集團南方+客戶端
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
