由設計稿自動公布頁面系統單丹@.7PSD2CMS個人簡介中文站前端獨身女開發一枚加入阿里巴巴比寫前端代碼時間更長是跳舞和戶外大綱背景方案規劃為何會有PSD2CMSPSD2CMS原理簡介怎樣擴展PSD2CMS背景為何會有PSD2CMS|運行類需求狀況60%!生命周期短復用性不高需求數量多背景為何會有PSD2CMS|原有處理方案文字不能編輯代碼性能不佳瀏覽器兼容不理想Dreamwaver熱區Photoshop切片工具手動編碼局限耗時無趣方案背景為何會有PSD2CMS|PS圖層與網頁DOM構造對比背景為何會有PSD2CMS|運用API可以做什么將PSD設計稿翻譯成頁面！大膽設想PSD2CMS原理簡介|PSD2CMSPreviewServerCMSPSPlug-in圖層解析器頁面生成器路由文獻處理數據持久化圖片上傳頁面渲染預覽文獻更新頁面公布方案PSD2CMS原理簡介|PSPlug-in-面板開發方案PSD2CMS原理簡介|PSPlug-in-面板開發面板開發工具ConfiguratorJavaScript方案PSD2CMSPreviewServerCMSPSPlug-in圖層解析器頁面生成器路由文獻處理數據持久化圖片上傳頁面渲染預覽文獻更新頁面公布突破老式前端邊界

NodeExpressJademongoDB方案PSD2CMS原理簡介|PSD2CMSPreviewServerCMSPSPlug-in圖層解析器頁面生成器路由文獻處理數據持久化圖片上傳頁面渲染預覽文獻更新頁面公布Takeadvantageofexistingequipments

獲得支持取悅顧客

方案PSD2CMS原理簡介|英文資料有限中文資料幾乎沒有開放API不滿足需求部分API晦澀難懂獲取多屬性文本圖層樣式紅48號黑體藍36號宋體冷門可以訪問底層操作的對象理論上可以獲取任何行為信息但需提供引用對象的關鍵字方案PSD2CMS原理簡介|難點舉例Github方案PSD2CMS原理簡介|通用API封裝及意義原生API無法實現獲取文本圖層特效創立歷史快照Now,wecan!獲取多屬性文本圖層樣式getTxtEffectscreateSnapshotgetTextRange方案PSD2CMS原理簡介|難點舉例獲取多屬性文本圖層樣式紅48號黑體藍36號宋體方案PSD2CMS原理簡介|難點舉例獲取多屬性文本圖層樣式紅色48黑體藍色36宋體getTextRange方案PSD2CMS原理簡介|難點舉例ActionReference方案PSD2CMS原理簡介|難點舉例不用再去讀晦澀難懂原生API了有了封裝monAPI媽媽再也不用緊張我代碼了方案PSD2CMS原理簡介|難點舉例規劃設計師前端需求方方案PSD2CMS原理簡介|反饋及成果過去頁面開發工作流規劃設計師需求方50%off目前頁面開發工作流方案PSD2CMS原理簡介|反饋及成果變化需求方時間減少75%不需要前端工作流整體縮短規劃怎樣擴展PSD2CMS|優勢與局限優勢文本分離高兼容性代碼簡潔快局限純靜態頁幾乎無語義布局死板規劃怎樣擴展PSD2CMS|重點工作2.定義通用圖層數據對象模型3.定義通用頁面管理系統(CMS)接口1.將頁面生成模塊搬到node端實現規劃怎樣擴展PSD2CMS|重點工作文本圖層數據對象模型以便對接不一樣樣頁面生成模塊品質-自主、專注、堅持JustDoit!感想資料參照文檔Configurator_3_1_User_Guide Configurator3面板開發指南AdobeInDesignCS5(7.0)ObjectModel AdobeCS5對象模型photoshop_cs5_javascript_ref PhotoshopJS開發API文檔photoshop_cs5_scripting_guide Photoshop腳本開發指南JavaScriptToolsGuide_CS5 ExtendScripttoolkit等工具簡介PSD-Common-API PSD通用APIPS圖層解析：沈劍平萬先甲單丹頁面生成及預覽服務：何城軍單