หน้าแรก>แหล่งข้อมูลการสร้างเว็บไซต์>ข้อมูลเว็บไซต์
ดาวน์โหลด


เซ็ฟJS

ZephJS เป็นเฟรมเวิร์กที่ใช้งานง่าย เข้าใจได้ และมีน้ำหนักเบาเป็นพิเศษสำหรับการกำหนดและใช้งาน Web Components เหมาะสำหรับผู้ที่เขียนไลบรารีส่วนประกอบ การสร้างทีมแอปพลิเคชันหรือไซต์ที่ต้องการส่วนประกอบที่กำหนดเองเพียงไม่กี่รายการ หรือโปรเจ็กต์ที่สร้างแอปพลิเคชันทั้งหมดที่ไม่ต้องการน้ำหนักของเฟรมเวิร์กเบราว์เซอร์ JavaScript สมัยใหม่ ZephJS ลดความซับซ้อนของกระบวนการกำหนด Web Components ที่กำหนดเองลงในโครงสร้างที่ประกาศและอ่านง่ายซึ่งใช้ JavaScript มาตรฐาน มาร์กอัป HTML มาตรฐาน และ CSS Styles มาตรฐาน

ZephJS มุ่งหวังที่จะนำความสะดวกสบายของส่วนประกอบของเว็บกลับมาสู่ชุมชน โดยปฏิบัติตามหลักการต่อไปนี้:

  • กำหนดส่วนประกอบใหม่ในลักษณะที่อ่านง่ายและประกาศได้
  • ทำให้ผู้อื่นใช้คอมโพเนนต์หรือไลบรารีคอมโพเนนต์ได้ง่าย
  • ใช้มาตรฐานและเทคโนโลยีที่ทำให้เว็บยอดเยี่ยม
  • อย่าพยายามที่จะเอาชนะเบราว์เซอร์
  • ทำให้มันเล็กและเบาอย่างไม่น่าเชื่อ

ZephJS มักถูกเรียกว่า "Zeph" และออกเสียงว่า "Zef"

คุณสมบัติ

ZephJS มีคุณสมบัติดังต่อไปนี้...

  • กำหนด Web Components ได้อย่างง่ายดาย
  • ไวยากรณ์การประกาศที่อ่านได้ดีมาก
  • ใช้ API เบราว์เซอร์มาตรฐาน 100%;
  • ใช้ JavaScript/ES2018 มาตรฐาน 100%;
  • ใช้ HTML มาตรฐาน 100% แบบอินไลน์หรือแบบแยกส่วน
  • ใช้ CSS มาตรฐาน 100% แบบอินไลน์หรือแบบแยกส่วน
  • สไตล์และเนื้อหาที่ห่อหุ้มไม่รั่วไหล
  • ส่วนประกอบสามารถขยายส่วนประกอบอื่นๆ ได้
  • การเผยแพร่ค่าผ่านการเชื่อมโยงคุณสมบัติ/คุณสมบัติ/เนื้อหา
  • รองรับการสร้างส่วนประกอบแบบครั้งเดียว
  • หรือรองรับการสร้างไลบรารีส่วนประกอบ
  • หรือรองรับการสร้างแอปพลิเคชันทั้งหมด
  • รวม CLI ไว้สำหรับนั่งร้านส่วนประกอบใหม่ได้ง่าย
  • รวม Bundler (โดยใช้ Rollup) เพื่อจัดแพคเกจเป็นชุดเดียวที่สามารถแจกจ่ายได้
  • และ ZephJS ย่อขนาดต่ำกว่า 20,000!

เริ่มต้นเลย

ZephJS มีกรณีการใช้งานที่แตกต่างกันสี่กรณีซึ่งสามารถแก้ไขได้เมื่อเริ่มต้นใช้งาน:

  • การใช้ Web Component Library ที่สร้างบน ZephJS
  • การสร้างไลบรารี Web Component บน ZephJS
  • การสร้างเว็บไซต์ด้วยส่วนประกอบที่กำหนดเอง โดยใช้ ZephjS
  • การสร้างเว็บแอปพลิเคชัน โดยใช้ ZephJS

เลือกวิธีที่ดีที่สุดในการเริ่มต้นสำหรับคุณและเริ่มใช้ ZephJS วันนี้!

ข้อมูลเพิ่มเติม

เอกสาร

ZephJS มีเอกสารมากมายเพื่อช่วยให้คุณใช้งานได้...

เริ่มต้นใช้งาน

  • ขอแนะนำ ZephJS
  • คู่มือเริ่มต้นใช้งานส่วนประกอบฉบับย่อ
  • คำถามที่พบบ่อย

ส่วนประกอบ

  • คู่มือเริ่มต้นใช้งานส่วนประกอบฉบับย่อ
  • แนวคิดส่วนประกอบ
  • การสร้างส่วนประกอบใหม่
  • การนำเข้า ZephJS
  • การกำหนดองค์ประกอบ
  • มรดก
  • HTML
  • ซีเอสเอส
  • ทรัพยากร
  • คุณสมบัติ
  • คุณสมบัติ
  • ตัวจัดการวงจรชีวิต
  • การผูกมัด
  • ตัวจัดการเหตุการณ์

บริการ

  • บริการ

API

  • เอกสาร API

การรวมกลุ่ม

  • การรวมกลุ่มเพื่อจำหน่าย

เครื่องมือบรรทัดคำสั่ง

  • เครื่องมือบรรทัดคำสั่ง
การอ้างอิงบรรทัดคำสั่ง

ZephJS มาพร้อมกับเครื่องมือบรรทัดคำสั่ง (CLI) เล็กๆ น้อยๆ เพื่อช่วยตอบสนองความต้องการที่เกี่ยวข้องกับ ZephJS ของคุณ สิ่งนี้จะถูกติดตั้งในเครื่องเมื่อคุณติดตั้ง ZephJS ผ่าน npm และสามารถเข้าถึงได้ด้วยคำสั่งเชลล์ zeph มีไวยากรณ์ดังต่อไปนี้: 

zeph < command >

มีหลายคำสั่งที่คุณสามารถทำได้ เร็วมาก:

  • hello : สร้างตัวอย่างแอปพลิเคชัน Hello World
  • create : สร้างส่วนประกอบใหม่ซึ่งรวมถึงไฟล์ .js, .html และ .css stub
  • serve : เรียกใช้เว็บเซิร์ฟเวอร์ขนาดเล็กบน http://localhost:4000 ที่จะให้บริการไดเร็กทอรีปัจจุบัน
  • bundle : รวมองค์ประกอบ ZephJS หลายรายการไว้ในไฟล์เดียว

สำหรับข้อมูลเพิ่มเติม โปรดดูเอกสารประกอบของเราเกี่ยวกับอินเทอร์เฟซบรรทัดคำสั่ง Zeph

ตัวอย่าง

ZephJS จัดส่งพร้อมชุดตัวอย่างสำหรับการอ้างอิงของคุณ

  • QuickStartExample: ตัวอย่างของเราจากคู่มือการเริ่มต้นฉบับย่อ

  • BasicComponent: ตัวอย่างของส่วนประกอบพื้นฐาน

  • HelloBadge: ตัวอย่างที่ใหญ่กว่าเล็กน้อยของส่วนประกอบซึ่งใช้ส่วนประกอบที่สอง

  • ExampleCollection: ตัวอย่างการจัดกลุ่มส่วนประกอบต่างๆ เข้าด้วยกันเป็นไฟล์เดียว เรียกว่าคอลเลกชัน

  • ExampleService: ตัวอย่างการใช้คลาส ZephService เพื่อสร้างบริการที่นำมาใช้ซ้ำได้

  • RatingStars: ตัวอย่างการใช้ทรัพยากรและการรวมกลุ่ม

ความเข้ากันได้ของเบราว์เซอร์

ZephJS สร้างขึ้นจากมาตรฐานเบราว์เซอร์สมัยใหม่ จึงต้องใช้เบราว์เซอร์สมัยใหม่ในการทำงาน โดยเฉพาะอย่างยิ่ง ต้องใช้มาตรฐานเว็บต่อไปนี้: Shadow DOM v1, Custom Elements v1, Mutation Observer และ Fetch

แผนภูมิความเข้ากันได้ของเบราว์เซอร์ต่อไปนี้ระบุว่าเบราว์เซอร์ใดได้รับการสนับสนุนและไม่รองรับ (สถิติเบราว์เซอร์ทั้งหมดที่นำมาจาก caniuse.com และใช้ภายใต้เงื่อนไขของใบอนุญาตของพวกเขา)

เบราว์เซอร์ เวอร์ชันขั้นต่ำที่ต้องการ หมายเหตุ
ไฟร์ฟอกซ์ 63
โครเมียม 54
ซาฟารี 10.1 :host และ ::slotted psued-selectors มีปัญหา
โอเปร่า 41
ไมโครซอฟต์ เอดจ์ 15 (พร้อมโพลีฟิลล์) ต้องใช้โพลีเมอร์โพลีฟิล ดูเอกสารประกอบ ZephJS Polyfill
ไมโครซอฟต์ อินเทอร์เน็ต เอ็กซ์พลอเรอร์ ไม่สนับสนุน
ไอโอเอส ซาฟารี 10.3 :host และ ::slotted psued-selectors มีปัญหา
เบราว์เซอร์ Android 67
เบราว์เซอร์แบล็คเบอร์รี่ ไม่สนับสนุน ไม่มีการสนับสนุนเหมือน ov v10
โอเปร่ามือถือ 46
โครมสำหรับแอนดรอยด์ 71
ไฟร์ฟอกซ์สำหรับ Android 64
ไออี โมบาย ไม่สนับสนุน ไม่มีการสนับสนุนตั้งแต่ v11
เบราว์เซอร์ UC สำหรับ Android 11.8
ซัมซุงอินเตอร์เน็ต 6.2
QQBrowser ไม่สนับสนุน ไม่มีการสนับสนุนตั้งแต่เวอร์ชัน 1.2
เบราว์เซอร์ไป่ตู้ ไม่สนับสนุน ไม่มีการสนับสนุนตั้งแต่เวอร์ชัน 7.12
(แผนภูมิอัปเดตล่าสุดเมื่อวันที่ 25 กุมภาพันธ์ 2019)

บริษัท วิศวกรรมที่ยอดเยี่ยม

ZephJS เขียนและดูแลโดย The Awesome Engineering Company The Awesome Engineering Company เชื่อมั่นในการสร้างซอฟต์แวร์ที่สะอาด กำหนดค่าได้ และสร้างสรรค์สำหรับวิศวกร สถาปนิก และลูกค้า

หากต้องการเรียนรู้เพิ่มเติมเกี่ยวกับ The Awesome Engineering Company และชุดผลิตภัณฑ์ของเรา โปรดเยี่ยมชมเราบนเว็บที่ https://awesomeeng.com

การสนับสนุนและช่วยเหลือ

ผลิตภัณฑ์นี้ได้รับการดูแลและสนับสนุนโดย The Awesome Engineering Company หากต้องการการสนับสนุน โปรดแจ้งปัญหาหรือติดต่อเราผ่านทาง Webiste ของเราที่ https://awesomeeng.com เราจะพยายามอย่างเต็มที่เพื่อตอบกลับคุณอย่างทันท่วงที

ใบอนุญาต

ZephJS ได้รับการเผยแพร่ภายใต้ใบอนุญาต MIT โปรดอ่านไฟล์ใบอนุญาตเพื่อดูรายละเอียด

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