ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น
ThaiSEOBoard.comพัฒนาเว็บไซต์Programmingเว็บ app แบบนี้เค้าใช้เครื่องมืออะไรเขียนครับ
« หน้าที่แล้ว ต่อไป »
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: เว็บ app แบบนี้เค้าใช้เครื่องมืออะไรเขียนครับ  (อ่าน 1045 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
nuvatchai
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 76
ออฟไลน์ ออฟไลน์

กระทู้: 1,023



ดูรายละเอียด
« เมื่อ: 08 กันยายน 2018, 14:34:47 »
คือปกติผมจะทำเว็บ html css javascript ใช้ dream กับ  notepad เขียน เวลาเอาขึ้นโฮสแล้ว view source จะเห็น html และ javascript จัดเรียนไว้สวยงามพร้อม copy เลย
แต่มาดูเวลาของคนอื่น เวลา viewsource จะเห็น code แค่ไม่กี่บรรทัด ซึ่งดูยากแก่การ copy ผมอยากทำแบบนี้ได้บ้าง

รบกวนเทพช่วยชี้แนะด้วยนะครับ
บันทึกการเข้า
BOS
ก๊วนเสียว
*

พลังน้ำใจ: 33
ออฟไลน์ ออฟไลน์

กระทู้: 459



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 08 กันยายน 2018, 15:00:28 »
ก็เขียนปกตินั่นแหละครับ แค่ merge line ให้อยู่บรรทัดเดียวกันหมด
เขาเรียกว่า html compress หรือ html minify
ลองค้นหา html compressor หรือ html minifier ใน google ดูครับ
หรือถ้าต้องการจัดเรียงโค้ดให้สวยๆก็ html beautifier

ปกติฟังก์ชั่นพวกนี้ก็มีอยู่ใน editor แล้วนะครับ บางทีก็ต้องลง plugin เสริม
บันทึกการเข้า
chordkub
kororo56
Newbie
*

พลังน้ำใจ: 8
ออฟไลน์ ออฟไลน์

กระทู้: 89



ดูรายละเอียด
« ตอบ #2 เมื่อ: 08 กันยายน 2018, 15:06:55 »
พวก gulp  หรือ webpack ทำ minify

https://www.youtube.com/watch?v=cKTDYSK0ArI

หลักการเครืองคือเขียน file ไว้ใน src(source code)  แต่เวลาเอาไปใช้ในงานจริงใช้ file ใน dist(distribution)
บันทึกการเข้า
iam...
ก๊วนเสียว
*

พลังน้ำใจ: 23
ออฟไลน์ ออฟไลน์

กระทู้: 231



ดูรายละเอียด
« ตอบ #3 เมื่อ: 08 กันยายน 2018, 15:27:09 »
ใช้ jquery แสดงผล โดยผ่าน ID ครับ

<body> <div id="app"></div> </body>

แต่ถ้าเป็นเว็บ app (เฉพาะในหน้านี้) เขาจะไม่สนใจเรื่อง seo หรอก


บันทึกการเข้า
nuvatchai
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 76
ออฟไลน์ ออฟไลน์

กระทู้: 1,023



ดูรายละเอียด
« ตอบ #4 เมื่อ: 09 กันยายน 2018, 11:32:38 »
ขอบคุณครับ

อ้างจาก: kororo56 ที่ 08 กันยายน 2018, 15:06:55
พวก gulp  หรือ webpack ทำ minify

https://www.youtube.com/watch?v=cKTDYSK0ArI

หลักการเครืองคือเขียน file ไว้ใน src(source code)  แต่เวลาเอาไปใช้ในงานจริงใช้ file ใน dist(distribution)
บันทึกการเข้า
หน้า: [1]   ขึ้นบน
พิมพ์
« หน้าที่แล้ว ต่อไป »
กระโดดไป: