分享一個小程式開發神器

關於coolsite360

coolsite360是由義派科技推出的專業級響應式網站設計工具，秉承一貫的可視化線上編輯方式，主要特點一是在線創作、無需編程，用戶無需編程即可在線設計符合商業交付標準的響應式網站，自動適配桌面及移動端瀏覽，二是支援視音頻、序列幀媒體，互動動畫元件，支援觸發器控制，三是跨平台發布，一次創作、一鍵發佈到微信。

Coolsite360小程式編輯器能做什麼？

◉ CoolSite360推出小程式編輯器，幫助設計師無需編寫wxml以及wxss程式碼，透過小程式視覺化編輯器就可快速設計小程式互動UI。

◉ 使用小程式編輯器設計的頁面，可以方便地在微信及瀏覽器上預覽，以便於前期的原型展示分享。

◉ 設計好的頁面，可以一鍵匯出符合小程式標準的程式碼，可直接進行功能開發

小程式編輯器目前不能做什麼？

◉ 目前版本專注於前端UI的視覺化設計，還沒有涉及前端業務邏輯以及後端資料的處理，後續隨著版本的迭代，會推出具有一定後端資料處理能力的編輯器，在一定範圍內可實現一站交付，但目前還需要匯出前端程式碼，由開發人員進行後續的開發。

小程式編輯器在UI設計方面主要功能有哪些？

◉ 小程式編輯器整合了微信官方提供的所有元件，可以透過視覺化方式進行設定和屬性配置。

◉ 支援常用css屬性的視覺化設置，支援rem單位，支援flex佈局，同時支援自訂css程式碼，可透過sketch、ps等軟體複製樣式程式碼，滿足全自由度設計。

◉ 我們後續也會持續提供常用的零件模板，例如內容清單、網格清單、卡片、導航等，方便使用者進行快速設計。

小程式編輯器除了完成靜態UI設計，還能做什麼？

◉ 小程式編輯器也支援基本動畫的設定和控制，例如飛入、飛出、淡入、淡出、放大出現、縮小出現、旋轉，以及css transform動畫...，並且可以透過觸發器進行動畫控制。

◉ 支援常用觸發器進行互動控制，例如顯示元素、隱藏元素、播放動畫、跳轉頁面、動態新增元件class、移除元件class、切換元素狀態以及結合微信小程式API開發的一系列觸發器，可實現無需程式碼進行一定範圍的UI互動控制。

近期的Coolsite360針對於小程式編輯器的開發計畫？

◉會持續跟進小程式的官方動態，近階段會進行複合組件的開發，以彌補官方小程式基礎組件的不足，後續也會逐漸增加canvas的繪圖功能以及針對於UI微互動的可視化設定。

剩下的我們還需要知道哪些？

◉剩下的，對於我們前端開發人員來說，只需要基礎的js，css就可以勝任微信小程式的開發工作了，當然你的前提是對微信小程式這套開發框架有一定的了解，因為在開發過程中涉及到數據的交互和數據展示，想必這些你們都會了，那就可以叫上我們的後端程序汪和產品設計汪一起來開發我們的創意吧。

個人推薦

◉要想成為一個合格的前端開發人員，懂得或說了解一門後端開發技術是必不可少的，也是必須要去學習的，因為雖然現在的前端技術發展的越來越快，框架層出不窮的出現，但是認真去了解一個框架後會發現，原來每個前端框架的設計都存在共同點，而每一門前端技術都延生著後端語言的理念。

神器功能使用

www.coolsite360.com/

個人公眾號：前端人

以上是分享一個小程式開發神器的詳細內容。更多資訊請關注PHP中文網其他相關文章！