原文:寫給那些需要自己用PS切圖的前端們(pc端無線端通用)

今天和我們公司的前端對接發現,這才發現他們的切圖方法不高效,所以才有了這篇文章。 ui在做圖標的時候會給底部加一個切圖區域的矩形框,這是為什么呢,第一方便ui做圖標的時候有個參考范圍,第二點就是為了前端切圖的時候可以按照底部的矩形區域去切圖,其實是為了方便了前端更好的切圖 當然不用切圖的前端就不用往下看了 例如下圖所示,tab bar中每一個icon都底部都有一個隱藏的切圖范圍,ui一般保存psd ...

2019-12-26 16:18 1 218 推薦指數:

查看詳情

前端:移動PC的區別

  在阿里的幾次面試中,總是被問到移動PC有什么區別,當時回答的時候主要是回答了在兼容性、網速、適配、頁面布局等方面的不同,但是還是很不系統,所以這里做一個總結。 第一: PC考慮的是瀏覽器的兼容性,而移動開發考慮的更多的是手機兼容性,因為目前不管是android手機還是ios手機 ...

Mon May 01 08:55:00 CST 2017 0 17949
移動前端開發與PC比有哪些不同?

1、pc有ie,chrome,ff 內核兼容問題移動,簡單來說兼容問題相對較少。但是移動要做好多分辨率的處理。移動所有圖片和所有html標簽的尺寸都要減半。 2、移動在布局跟js效果方面,與PC有什么不同:先說布局方面:PC最常用的就是固定寬度980px(也有 ...

Thu Dec 17 18:43:00 CST 2015 0 5854
移動前端開發和pc有何區別?

1、兼容性 pc需要考慮瀏覽器兼容性,移動主要考慮屏幕分辨率和不同系統的兼容性。 2、頁面布局 PC常用布局固定寬度980px居中,移動屏幕的大小和分辨率不同,多用響應式布局,使用em(以父元素為基礎)、rem(以根元素為基礎)。 3、JS動畫 移動沒有hover事件、增加了 ...

Wed Aug 22 01:15:00 CST 2018 0 986
自實現PCjQuery版輪播

  最近其他項目不是很忙,被安排給公司的官網項目做一個新的頁面(之前沒接觸公司官網項目),其中有一個用到輪播的地方,最開始想直接用swiper.js插件實現就好了,可是發現官網項目里之前都沒有引入過swiper.js,后來想了想,就不引入它了,免得又得增加依次一次網絡請求,項目里既然已經用到 ...

Fri Jan 26 01:43:00 CST 2018 0 2079
前端導航站點(PC

本篇LIST 1.項目預覽地址: 項目預覽地址 2.項目完成效果: 3.HTML布局拆分 1. tip提示部分 2. title標題部分 3.搜索欄部分 找的是codepen上現成的 ...

Tue Sep 01 22:51:00 CST 2020 0 525
TP5前端判斷PC手機

判斷方法一、入口文件下手 判斷方法二、前端代碼下手(新建一個空白頁面js進行操作) 判斷方法三、首頁進行操作判斷 我用的是第三種: 1.先在代碼內的common.php操作,寫入公共方法 二、在視圖層建兩個文件夾 detail代表手機 ...

Tue Oct 30 00:03:00 CST 2018 0 2142
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM