作者anawak (...)
看板Web_Design
標題[問題] 前端工程師使用的檔案格式
時間Fri Jan 6 00:18:51 2017
小弟主要是寫 php 的,蹲過補習班,在公司當MIS兼負責網站一段時間後,
就跟朋友一起出來接案。以前除了美術出圖之外,其它通通都自己來,
包括 php, javascript, css mysql。
非常的累,幾乎沒有其它生活。也很有成就感。不過年紀大了,
不能再這樣硬幹。
目前有一個問題,前端工程師該使用什麼檔案格式呢?
有接過一個案子,對方把前端都處理好了,檔案格式是php。
雖然是php,其實內容也只是html, javascript, css。
只是用 php 的 include 函數,把 header, footer, sidebar 引入。
這樣每一頁框架基本上都一致。
現在我們有找專人負責前端。
但是有個問題,前端所有檔案都存成 .html 的格式。
方便在於,完全不用架 web server,點開就能看,隨便一個編輯器都能編輯。
但是我這邊就有一點不方便。因為內容常常不統一。
例如,檔案如下
index.html
category.html
product1.html
product2.html
member.html
... ...
有時候導覽列或footer改東西,就只改了 index.html 。
但我們工作時間有時不一樣,所以我會不知道哪個才是新的。
另外,css跟js都共用,總是會擔心會不會元素沒指定好, 互相干擾。
所以想請問各位大大,在一般網頁公司怎麼做的?
如果請前端工程師用 php 的 include 方式切版,ok嗎?
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.171.55.189
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1483633133.A.B1F.html
※ 編輯: anawak (1.171.55.189), 01/06/2017 00:19:36
1F:推 GoalBased: 版本的問題請用版本控制 exL git 01/06 01:08
我們還真的有用版本控制。不過剛導入而已,沒有用很深。
而這問題是在專案一開始的時候發生。
前端說已經做好了幾個頁面,我可以動工了。
然後我把 laravel 架一架,這時才建立git。
打開前端的html一看,有些應該共用的部份卻長的不一樣。
2F:→ GoalBased: 沒指定好互相干擾的問題 養成良好習慣就可避免 01/06 01:09
3F:→ GoalBased: 最後php include切版的問題 實務上你們OK就好 01/06 01:09
4F:→ GoalBased: 但2017年已經沒有人這樣做了 我們都用nodejs 01/06 01:09
5F:推 tsao1211: 我看不用nodejs的人更多 01/06 02:34
真的 cc
6F:推 aspdoctor: 我自己是前端,這通常都是看配合的後端,對前端最好的 01/06 04:01
7F:→ aspdoctor: 方式是後端只提供API,我再做串接。有的後端喜歡我把h 01/06 04:01
8F:→ aspdoctor: eader這類每頁都會用到的東西獨立成一種狀態一支檔案 01/06 04:01
9F:→ aspdoctor: 讓他用。主要還是看你們前後端一開始怎麼分工怎麼溝通 01/06 04:01
一開始的分工就是我文章講的,他用html,我再自己拆解。
所以想問看看大家都怎麼合作。
再請問aspdoctor,獨立成一支檔案,你要自己架 web server 嗎?
要不然 html 應該沒有include別支檔案的寫法吧。iframe ?
※ 編輯: anawak (1.171.55.189), 01/06/2017 07:08:32
10F:→ kurtisgod: jquery load 01/06 12:39
11F:→ MangoTW: 都 2017 年了,好歹模組化開發吧 01/06 15:31
12F:推 Sunal: git好用歸好用...初期任何版控都沒用過的話真的會難上手 01/07 00:02
13F:→ Sunal: 至少也要SVN才行 01/07 00:03
14F:推 Gold740716: 好像可以把共通元素像導覧列獨立出來, 01/07 21:25
15F:→ Gold740716: 用一個 Makefile 來管理,像 make index.html 。 01/07 21:26
16F:推 aceone: 我們公司從前端開始就是跑 rails sever 用haml+sass寫 套 01/11 23:07
17F:→ aceone: 好程式後前後端都用git兩邊做整合 01/11 23:07
18F:推 aceone: 非常的方便 雖然對設計師來說學習曲線有點高 XD 01/11 23:10