整合營(yíng)銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          移動(dòng)端歸納

          移動(dòng)端歸納

          近在項(xiàng)目開發(fā)過(guò)程中涉及到了移動(dòng)端,現(xiàn)在對(duì)此進(jìn)行總結(jié)。

          在此次M端的開發(fā)過(guò)程中,遇到了許多問(wèn)題,在此進(jìn)行一次總結(jié),希望大家在以后的開發(fā)過(guò)程

          中能盡量規(guī)避類似的問(wèn)題,提高開發(fā)效率和代碼質(zhì)量。

          一、布局

          1.移動(dòng)端開頭

          <meta name="viewport" content="width=device-width, initial-scale=1,

          minimum-scale=1.0, maximum-scale=1.0"/>

          一般在寫移動(dòng)端時(shí),會(huì)在head標(biāo)簽內(nèi)添加上面這個(gè)meta標(biāo)簽,它的作用在于給手機(jī)端建立

          一個(gè)viewport層,這樣才能更好的去展現(xiàn)頁(yè)面效果。比如有的手機(jī)分辨率達(dá)到了

          1920*1080,這種高分辨率一般在電腦大屏中出現(xiàn),那么手機(jī)那么小的手機(jī),為什么能達(dá)到

          1920*1080這么高的分辨率呢?因?yàn)樗膁pi或ppi高。

          注釋:dpid:ots per inch,最初用于衡量打印物上每英寸的點(diǎn)數(shù)密度,就是打印機(jī)可以在一

          英寸內(nèi)打多少個(gè)點(diǎn)。當(dāng)dpi的概念用在計(jì)算機(jī)屏幕上時(shí),就稱之為ppi。ppi和dpi是同一個(gè)概

          念,Android比較喜歡使用dpi,IOS比較喜歡使用ppi。

          1.單位

          dom布局單位的問(wèn)題,移動(dòng)端的布局與PC端的布局有所差別,在PC端我們習(xí)慣于用px設(shè)置

          固定寬高的值,而移動(dòng)端的重點(diǎn)是自適應(yīng),所以在許多地方采用的是設(shè)置百分比或者以rem

          為單位來(lái)設(shè)置寬高。 寬度一般設(shè)置百分比,高度設(shè)置rem。

          一定要區(qū)分清楚什么情況下使用固定大小,什么情況下使用自適應(yīng)大小。文字類基本都使用

          固定大小,圖片及背景圖片類可酌情考慮自適應(yīng)大小,具體情況請(qǐng)結(jié)合實(shí)際,不清楚的地方

          可先與同事溝通,或者與產(chǎn)品溝通,務(wù)必做到了解需求后再寫代碼。

          當(dāng)采用rem作為單位時(shí),如果是sublime text編輯器,可以先安裝一個(gè)cssrem插件,方便自

          動(dòng)對(duì)rem單位進(jìn)行換算。

          2.彈性布局

          在移動(dòng)端里比較常見(jiàn)的布局有彈性布局,也就是display:box和boxflex?利用這兩個(gè)屬性可以

          較方便的分配一行內(nèi)的子元素;簡(jiǎn)單的理解就是能夠按等分劃分元素。

          例如:

          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>

          結(jié)合上面的代碼,我們可以這樣理解,當(dāng)把ul設(shè)置為彈性盒子時(shí),則ul的三個(gè)子元素li都會(huì)被

          分配各自的比重,我們可以把ul當(dāng)成單位1,并被劃分為了四等分,其中第一個(gè)和最后一個(gè)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布局比較適合用在自適應(yīng)場(chǎng)景的開發(fā)。比較常見(jiàn)的例如:

          這種情況下,把邊框長(zhǎng)度算入盒模型的寬度中是比較方便的。

          4.css3屬性

          移動(dòng)端對(duì)css3的支持非常給力,除了部分屬性需要添加前綴。而且據(jù)說(shuō)移動(dòng)端使用css3的性

          能比css2要高,所以大家優(yōu)先使用css3屬性,同時(shí)css3用起來(lái)有多方便也就不需要我說(shuō)了。

          二、js代碼

          技術(shù)選型:zepto.js+swiper.js+echarts.js+common.js

          1.zepto.js

          https://maxiang.io/# 4/6

          Zepto是一個(gè)輕量級(jí)的針對(duì)現(xiàn)代高級(jí)瀏覽器的JavaScript庫(kù), 它與jquery有著類似的api。 如

          果你會(huì)用jquery,那么你也會(huì)用zepto。

          正如zepto自己所說(shuō)的那樣,它只是個(gè)輕量級(jí)的js庫(kù),所以我們常用的一些jq方法它可能沒(méi)有

          提供,尤其是animate動(dòng)畫,當(dāng)然,這個(gè)并不是特別要緊,大部分的動(dòng)畫都可以直接用css3

          動(dòng)畫來(lái)實(shí)現(xiàn),少部分有需求的動(dòng)畫,可以用原生js自行定義。

          2.swiper.js

          swiper是一款專門針對(duì)移動(dòng)端所開發(fā)的開源觸摸滑動(dòng)插件,能夠滿足移動(dòng)端大部分滑動(dòng)特效

          需求。而且swiper提供了基于zepto開發(fā)的插件,更加輕量。swiper的使用也比較方便,基礎(chǔ)

          引用方式如下:

          var swiper=new Swiper(".swiper-container", {

          slidesPerView: 3,

          setWrapperSize :true

          }

          者:前端開發(fā)社區(qū)

          轉(zhuǎn)發(fā)鏈接:https://mp.weixin.qq.com/s/HVUyOi1BKNeNkwgBUtTf-g

          汕灣畔春潮涌動(dòng),望鵬山上鶯飛草長(zhǎng)。

          深圳市深汕特別合作區(qū)(簡(jiǎn)稱“深汕合作區(qū)”)又要面向社會(huì)公開招聘行政事務(wù)員啦!2020年上半年的招聘計(jì)劃已正式啟動(dòng),此次面向社會(huì)公開招聘涉及97個(gè)崗位,計(jì)劃招聘116人。快來(lái)看看吧!

          劃重點(diǎn)!!!

          報(bào)名方式:網(wǎng)絡(luò)報(bào)名

          報(bào)名時(shí)間:2020年4月21日9:00~5月11日12:00

          此外,“深汕視點(diǎn)”為您提前“劇透”招聘崗位、報(bào)名條件、招聘程序和福利待遇等各種事項(xiàng),詳見(jiàn)下文附件。

          想要參與深圳第“10+1”區(qū)的大開發(fā)大建設(shè)大發(fā)展的你,千萬(wàn)不要錯(cuò)過(guò)!

          深圳市深汕特別合作區(qū)機(jī)關(guān)事業(yè)單位

          2020年上半年行政事務(wù)員招聘公告

          根據(jù)工作需要,深圳市深汕特別合作區(qū)2020年4月面向社會(huì)公開招聘行政事務(wù)員116名,現(xiàn)將有關(guān)招聘事項(xiàng)公告如下:

          一、招聘人數(shù)及崗位

          本次計(jì)劃招聘116人,具體工作單位及崗位詳見(jiàn)附件1《深圳市深汕特別合作區(qū)機(jī)關(guān)事業(yè)單位2020年上半年行政事務(wù)員招聘崗位表》(以下簡(jiǎn)稱《招聘崗位表》)。

          二、報(bào)名條件

          2020年3月31日以前取得畢業(yè)證書,符合公告及招聘崗位所要求條件的人員均可報(bào)考。基本必要條件如下:

          (一)具有中華人民共和國(guó)國(guó)籍;

          (二)年滿十八周歲;

          (三)遵守我國(guó)憲法和法律;

          (四)具有良好的政治素質(zhì)和職業(yè)道德,身體健康;

          (五)全日制普通高等院校大學(xué)本科及以上學(xué)歷,學(xué)士及以上學(xué)位;

          (六)具備崗位所需的專業(yè)和技能條件;

          (七)符合本公告及《招聘崗位表》所要求的其他條件;

          (八)有以下情形之一的人員,不接受報(bào)名:

          1、因犯罪受過(guò)刑事處罰的;

          2、犯有嚴(yán)重錯(cuò)誤,受過(guò)黨紀(jì)、政紀(jì)處分以及正在接受有關(guān)部門審查尚未做出結(jié)論的人員;

          3、在原單位有曠工、辭退或其他不遵守單位規(guī)章制度等情形的;

          4、參加我市機(jī)關(guān)事業(yè)單位招聘被認(rèn)定有考試作弊行為在限制報(bào)考期限內(nèi)的人員;

          5、未完成教學(xué)大綱規(guī)定學(xué)習(xí)內(nèi)容的結(jié)業(yè)生、肄業(yè)生;

          6、現(xiàn)役軍人;

          7、法律法規(guī)規(guī)定的其他情形。

          深汕合作區(qū)前景可期

          三、招聘程序

          (一)報(bào)名工作

          1、報(bào)名時(shí)間:2020年4月21日9:00起至5月11日12:00止。

          2、報(bào)名方式:采取網(wǎng)絡(luò)報(bào)名的形式,報(bào)名網(wǎng)址為:

          電腦端:

          https://szhcg.ezhiyang.com/p/index.html

          移動(dòng)端:

          https://szhcg.ezhiyang.com/m/index.html

          報(bào)考人員登陸報(bào)名網(wǎng)站自行查詢招聘崗位信息,并在網(wǎng)上填寫個(gè)人信息,所有信息必須完整填寫,并按規(guī)定上傳本人近期1寸免冠彩底電子照片。報(bào)名聯(lián)系方式:周先生,0755-22656351。

          3、報(bào)名須上傳相關(guān)附件,請(qǐng)?zhí)崆皽?zhǔn)備好以下資料。(文件格式為jpg、png,大小不要超過(guò)10M):

          個(gè)人身份證正反面;

          戶口本;

          畢業(yè)證書;

          學(xué)位證書;

          教育部學(xué)歷證書電子注冊(cè)備案表(留學(xué)歸國(guó)人員需提供國(guó)家教育部留學(xué)服務(wù)中心出具的《國(guó)外學(xué)歷學(xué)位認(rèn)證書》);

          工作經(jīng)歷材料,如單位證明、勞動(dòng)合同等;

          近期正面免冠全身彩色立姿照片1張;

          報(bào)考崗位所要求的其他證明材料。

          (二)資格審查

          1、資格審查時(shí)間:2020年5月12日至2020年5月22日。

          2、資格審查形式:本次資格審查采用線上審查的方式,報(bào)考人員在報(bào)名時(shí)需按要求上傳齊全、清晰、真實(shí)的材料附件。因報(bào)考人員上傳附件不齊全、不清晰、虛假材料等原因所造成的后果,由報(bào)考者本人承擔(dān)。

          3、審查結(jié)果:資格審查的結(jié)果于2020年5月25日起在報(bào)名網(wǎng)站中公布。

          4、參加考核資格一般按畢業(yè)學(xué)校類別(“雙一流”建設(shè)高校優(yōu)先)、學(xué)歷學(xué)位(研究生優(yōu)先)、專業(yè)及工作經(jīng)驗(yàn)匹配度、提供的相關(guān)資質(zhì)證書等條件擇優(yōu)確定入圍考核人選。

          5、對(duì)入圍考核人選,將通過(guò)電話或短信的方式進(jìn)行通知。報(bào)考者提供的聯(lián)系電話應(yīng)準(zhǔn)確無(wú)誤并及時(shí)接聽,確保能夠及時(shí)聯(lián)系;因提供錯(cuò)誤聯(lián)系信息或無(wú)法及時(shí)聯(lián)系造成的后果由報(bào)考者本人承擔(dān)。

          (三)考核

          考核分為面試和筆試,具體視崗位要求而定。

          總成績(jī)從高到低排序,并按崗位擬聘人數(shù)等額確定體檢人員名單。成績(jī)?cè)诤细窬€以上,未在本次聘用的考生,列入深汕特別合作區(qū)聘用備選庫(kù),待單位有崗位空缺,可擇優(yōu)遞補(bǔ);亦可根據(jù)工作需要調(diào)劑至其他匹配崗位。

          1、面試分為初試和復(fù)試。初試采用視頻面試的方式進(jìn)行,復(fù)試時(shí)間及方式另行通知。

          2、面試形式一般為非結(jié)構(gòu)化面試,根據(jù)崗位的不同面試形式不統(tǒng)一。

          3、筆試一般安排在復(fù)試階段,主要考核文字材料寫作能力。

          4、考生須按照通知的時(shí)間及要求參加考核,否則視為放棄考核資格。

          (四)體檢及復(fù)審

          1、入圍體檢的考生須按照規(guī)定的時(shí)間去指定的醫(yī)院進(jìn)行體檢,并提交體檢報(bào)告。

          2、體檢合格的人員將進(jìn)行資格復(fù)審,擬聘用人員須提供以下復(fù)審材料:

          本人有效居民身份證,學(xué)歷及學(xué)位證書、《教育部學(xué)歷證書電子注冊(cè)備案表》(登陸學(xué)信網(wǎng)https://www.chsi.com.cn打印)(驗(yàn)原件、收復(fù)印件);

          留學(xué)歸國(guó)人員需提供國(guó)家教育部留學(xué)服務(wù)中心出具的《國(guó)外學(xué)歷學(xué)位認(rèn)證書》(驗(yàn)原件、收復(fù)印件);

          提交公安部門開具的無(wú)犯罪記錄證明;

          崗位有要求中共黨員的,須提供所在黨組織開具的證明或流動(dòng)黨員活動(dòng)證或黨費(fèi)證(驗(yàn)原件、收復(fù)印件);

          專業(yè)技術(shù)資格證書或執(zhí)(職)業(yè)資格證(崗位有要求的才需提供)(驗(yàn)原件、收復(fù)印件);

          崗位所需的其他資料。

          (五)聘用

          1、體檢及資格復(fù)審合格的考生,按照規(guī)定由指定的勞務(wù)派遣公司辦理入職手續(xù)后派遣到各用工單位工作;

          2、考核結(jié)束后5個(gè)工作日通知考核結(jié)果,未通知的視為不通過(guò)。擬聘用人員應(yīng)當(dāng)在接到報(bào)到通知后30天內(nèi)到用工單位報(bào)到,無(wú)正當(dāng)理由或雖有正當(dāng)理由但未經(jīng)用工單位批準(zhǔn)同意未能按期報(bào)到的視為放棄入職資格。

          四、人員管理

          聘用人員派遣到用工單位工作,由用工單位進(jìn)行日常管理,具體按《深汕特別合作區(qū)管理委員會(huì)機(jī)關(guān)事業(yè)單位行政事務(wù)員管理辦法》執(zhí)行。

          五、福利待遇

          (一)薪酬待遇

          根據(jù)學(xué)歷及崗位匹配的工作年限定崗定薪。

          (二)福利保障

          1、免費(fèi)提供單元式公寓,宿舍內(nèi)配有電視、空調(diào)、部分家具等,并免費(fèi)安裝wifi、寬帶等設(shè)備,員工可拎包入住;

          2、自助式員工食堂,菜式豐富多樣;

          3、生活園區(qū)內(nèi)建有簡(jiǎn)閱書吧、咖啡廳、生活超市等配套設(shè)施;

          4、除公共交通外,我區(qū)提供免費(fèi)班車供員工往返深圳市區(qū);

          5、文娛中心配備健身房、電影播放廳、籃球場(chǎng)、網(wǎng)球場(chǎng)、羽毛球場(chǎng)、乒乓球案等文娛設(shè)施,免費(fèi)為員工開放。

          六、其他事項(xiàng)

          (一)考生應(yīng)嚴(yán)格按照崗位要求報(bào)考,如實(shí)填報(bào)信息,提供有關(guān)證明材料。凡弄虛作假者,一經(jīng)查實(shí),考核成績(jī)無(wú)效;

          (二)報(bào)考者提供的聯(lián)系電話應(yīng)準(zhǔn)確無(wú)誤,確保能夠及時(shí)聯(lián)系,因提供錯(cuò)誤聯(lián)系信息或無(wú)法及時(shí)聯(lián)系造成的后果由報(bào)考者本人承擔(dān);

          (三)報(bào)考人員對(duì)招聘計(jì)劃中的崗位、學(xué)歷、學(xué)位、專業(yè)要求以及其他相關(guān)資格條件需要咨詢時(shí),請(qǐng)按照招聘公告中用工單位的咨詢電話進(jìn)行咨詢;

          (四)咨詢電話:深圳市深汕特別合作區(qū)組織人事局0755-22108396。各用工單位咨詢電話詳見(jiàn)附件2。

          (五)本公告由深圳市深汕特別合作區(qū)組織人事局負(fù)責(zé)解釋。

          【記者】陶清清

          【通訊員】申珊萱

          【作者】 陶清清

          【來(lái)源】 南方報(bào)業(yè)傳媒集團(tuán)南方+客戶端


          主站蜘蛛池模板: 国产SUV精品一区二区88L| 天堂成人一区二区三区| 久久精品国产亚洲一区二区三区 | 午夜视频在线观看一区| 无码国产精品一区二区高潮| 亚洲国产成人久久一区WWW | 久久久老熟女一区二区三区 | 日本v片免费一区二区三区 | 亚洲一区在线视频| 亚洲日韩AV无码一区二区三区人 | 国产一区二区高清在线播放| 性色AV一区二区三区| 国产香蕉一区二区三区在线视频 | 精品一区二区三区在线视频| 国产成人精品日本亚洲专一区 | 国产一区二区三区四| 国产爆乳无码一区二区麻豆| 精品不卡一区二区| 538国产精品一区二区在线| 亚洲一区二区三区首页| 精品一区二区三区AV天堂| 日本一区二区不卡视频| 国产一区二区免费在线| 日韩AV无码久久一区二区| 亚州国产AV一区二区三区伊在| 一区二区视频在线播放| 动漫精品第一区二区三区| 日韩人妻无码一区二区三区久久| 精品国产一区二区二三区在线观看| 99精品高清视频一区二区| 亚洲一区二区观看播放| 国偷自产一区二区免费视频| 精品一区二区三区中文| 毛片一区二区三区| 亚洲一区中文字幕久久| 中文字幕不卡一区| 精品女同一区二区| 韩国精品福利一区二区三区| 无码人妻少妇色欲AV一区二区| 一区二区三区在线观看中文字幕| 亚洲AV成人一区二区三区在线看|