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

資訊專欄INFORMATION COLUMN

無聊的切圖--項目搭建與環(huán)境配置

maybe_009 / 880人閱讀

摘要:又開始公司的新項目了。。。環(huán)境搭建環(huán)境搭建一個好的本地環(huán)境,直接決定你的切圖碼頁面流暢度與效率,當然你的扎實的基礎功也是必不可少嘛。代碼環(huán)境代碼環(huán)境我這邊用的搭建的環(huán)境,我只需要在環(huán)境中寫保存后頁面會直接同步更新我寫的頁面。

又開始公司的新項目了。。。又到了無聊的切圖時間,沒辦法,拿人錢財替人消災啊 - -!

那當我們拿到公司新項目的時候我們需要做些什么呢? 下面就來分享一下我的工作步驟吧(僅使用于初學者,大神勿見怪- -,有不好的地方希望指出,十分感謝)

1. 整版瀏覽

這是一個廢話的過程。。。但是缺是必不可少的一步,我也不得不說一下

首先預覽所有設計圖頁面,設計需求文案等在腦海中大概的思考一下在哪里需要用到什么,到時候怎么寫,還有一些圖紙中可能不好實現(xiàn)或者不太清楚的
可以找設計師確認以免到時候耽誤時間。

當所有頁面全過完之后,回想一下,需要用到哪些技術,哪一些板塊是公共的需要提取,哪一些樣式是重復的,這些都有個大概思路后可以進行下一步了。

2. 環(huán)境搭建

一個好的本地環(huán)境,直接決定你的切圖碼頁面流暢度與效率,當然你的扎實的基礎功也是必不可少嘛- -。

編輯器需求

適合自己的才是最好的, 我一直用的sublime編輯器,輕量便捷,插件風格都是自己根據(jù)喜好與日常需求搭配,當然還有很多好用的編輯器,
例如 : webstorm 這款很強大,基本功能全都有,很重量級但是插件基本都不需要安裝了。。。其他的也有一些。只是都沒用過,就不來介紹了- -(Atom, Visual Studio Code, Brackets 。。。)

代碼環(huán)境

我這邊用的gulp搭建的環(huán)境,我只需要在環(huán)境中寫h+c+js 保存后頁面會直接同步更新我寫的頁面。 你也可以用webpack或者grunt 搭建你的代碼環(huán)境,看你喜好

  1. 在中間做了stylus轉css并添加前綴然后壓縮輸出到新的文件夾
  2. 將es6語法js 經過babel轉成普通js代碼并重命名壓縮到新的文件夾
  3. 在html中預留位置 插入剛轉義完成的css+js
  4. 在瀏覽器中同步刷新頁面(可多端測試)

那如何搭建這個環(huán)境呢? 我可以獻丑分享一下我的gulpfile文件

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

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

相關文章

  • 前端又要失失失失失失失失失業(yè)了!

    摘要:何去何從在如此趨勢所迫中,切圖仔該何去何從作為個人來看,工具是沒法完全取代人工的,工具可以幫助開發(fā)者完成大量的簡單重復工作,但是要滿足實際業(yè)務,還是需要前端工程師的專業(yè)知識和技術。 1. 禍起 看到標題,切圖仔們又是菊花一緊。前幾天微軟剛剛開源Sketch2Code,讓UI草圖轉化成HTML代碼。切圖仔瑟瑟發(fā)抖。 showImg(https://segmentfault.com/img...

    lewif 評論0 收藏0
  • Day05-flexible.js

    摘要:今天是來到新公司的第五天,開始看手中的項目,做的東西是類似網易一元購這樣的產品,有安卓平臺還有網站,總共三個渠道。解決屏問題的可行方案是以的設計稿為例在時,圖片統(tǒng)一使用設計稿的切圖在時,圖片統(tǒng)一使用,也就是所謂設計稿的切圖。 今天是來到新公司的第五天,開始看手中的項目,做的東西是類似網易一元購這樣的產品,有安卓ios平臺還有H5網站,總共三個渠道。首先代碼里,頭部head引入的flex...

    HtmlCssJs 評論0 收藏0
  • Day05-flexible.js

    摘要:今天是來到新公司的第五天,開始看手中的項目,做的東西是類似網易一元購這樣的產品,有安卓平臺還有網站,總共三個渠道。解決屏問題的可行方案是以的設計稿為例在時,圖片統(tǒng)一使用設計稿的切圖在時,圖片統(tǒng)一使用,也就是所謂設計稿的切圖。 今天是來到新公司的第五天,開始看手中的項目,做的東西是類似網易一元購這樣的產品,有安卓ios平臺還有H5網站,總共三個渠道。首先代碼里,頭部head引入的flex...

    LiuRhoRamen 評論0 收藏0

發(fā)表評論

0條評論

maybe_009

|高級講師

TA的文章

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