国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

基于Vue的機(jī)器學(xué)習(xí)平臺前端

Chao / 2214人閱讀

摘要：身為菜鳥的我還是很吃力的這句純屬廢話前言系統(tǒng)代碼比較凌亂，沒有結(jié)果優(yōu)化特別前端部分代碼比較亂，其中不免包含一些極端的處理方法，請讀者提取對自己有用的東西。問題四次貝塞爾曲線在每個節(jié)點(diǎn)中上下都會有個或多個輸入輸出端點(diǎn)，注意數(shù)據(jù)源沒有輸入端點(diǎn)。

項目演示地址：http://vidanao.com/ml
》注意1:前端兼容性不太好，360瀏覽器比較兼容; 
》注意2:此vidanao.com也是我的個人博文主頁，但目前還沒部署
源碼地址：https://github.com/Liwengbin/mml

開發(fā)背景：
大四上的一次實踐，那時一些原因我了解到這個項目的需求，開始接觸到了Vue以及SpringBoot,并花時間開始開發(fā)這個項目的需求。（身為菜鳥的我還是很吃力的！···這句純屬廢話）

前言：
系統(tǒng)代碼比較凌亂，沒有結(jié)果優(yōu)化,特別前端SVG部分代碼比較亂，其中不免包含一些極端的處理方法，請讀者提取對自己有用的東西。例如一下5問。請各位大神多多指點(diǎn)！

簡介：
該項目只開放到一半就結(jié)束了，系統(tǒng)分為簡單的兩部分：
Vue 的前端 + SpringBoot&Mysql的后端

后端：的話沒什么東西，也就是些數(shù)據(jù)的增刪改查，所以不做多說，看源碼。

說說前端：

提出幾個問題

問題1：svg 中包含html標(biāo)簽問題？

問題2：將HTML標(biāo)簽拖著到Svg畫圖面板中，并實時渲染的問題？

問題3：倆個（node）節(jié)點(diǎn)間連線問題？

問題4：拖拽（node）節(jié)點(diǎn)連接線跟隨變動的問題？

問題5：（node）節(jié)點(diǎn)鼠標(biāo)右擊菜單問題？

問題1：https://developer.mozilla.org...

這里我使用的是標(biāo)簽
問題2：（拖拽使用的是）https://developer.mozilla.org...

拖拽復(fù)制SVG面板外的HTML標(biāo)簽到SVG面板中：思想并沒有正真的HTML拖拽，
(1)只是通過鼠標(biāo)按下左鍵 - ->將html中的數(shù)據(jù)保存在拖拽方法提供的變量中
(2)并拖動
(3)到SVG面板中獲取鼠標(biāo)最后一次抬起的位置,組裝nodes數(shù)據(jù)（這里就自動提交數(shù)據(jù)到后臺），因為數(shù)據(jù)是雙向綁定的所以會自動渲染到SVG面板中。
問題3：
四次貝塞爾曲線：https://www.zhangxinxu.com/wo...

在每個節(jié)點(diǎn)中上下都會有0個或多個輸入輸出端點(diǎn)，注意：數(shù)據(jù)源沒有輸入端點(diǎn)。
每個端點(diǎn)都有自己的id,鼠標(biāo)點(diǎn)擊并移動會通過ID找到起始點(diǎn)的位置，并使用path的 四次貝塞爾曲線 畫線 （這里依然是通過數(shù)據(jù)的雙向綁定來達(dá)到畫線的）


問題4：如果問題3沒問題，問題4就解決了
拖拽某個"node"節(jié)點(diǎn)，通過數(shù)據(jù)源找到與其關(guān)聯(lián)的輸入輸出端點(diǎn)并對相關(guān)的端點(diǎn)間的連接線進(jìn)行計算,在通過數(shù)據(jù)自動畫出變化
問題5：這個不說了，網(wǎng)上一搜就有！如下演示

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/53050.html

相關(guān)文章

  • 基于Vue的機(jī)器學(xué)習(xí)平臺前端

    摘要：身為菜鳥的我還是很吃力的這句純屬廢話前言系統(tǒng)代碼比較凌亂，沒有結(jié)果優(yōu)化特別前端部分代碼比較亂，其中不免包含一些極端的處理方法，請讀者提取對自己有用的東西。問題四次貝塞爾曲線在每個節(jié)點(diǎn)中上下都會有個或多個輸入輸出端點(diǎn)，注意數(shù)據(jù)源沒有輸入端點(diǎn)。 項目演示地址：http://vidanao.com/ml》注意1:前端兼容性不太好，360瀏覽器比較兼容; 》注意2:此vidanao.com也是...

    Doyle 評論0 收藏0

  • 系統(tǒng)架構(gòu)

    強(qiáng)力推薦！那些你不能錯過的 GitHub 插件和工具 以代碼托管平臺起家的 GitHub 網(wǎng)站，已然成為全球程序員工作和生活中不可或缺的一份子。從優(yōu)秀的企業(yè)，到優(yōu)秀的程序員，都將自己最優(yōu)秀的代碼作品存放在這片開源凈土里，供彼此學(xué)習(xí)交流。 GitHub Trending 欄目甚至已經(jīng)成為 IT 從業(yè)人員的新聞日報，每日必讀。在之前的一… PostgreSQL 數(shù)據(jù)庫的前世今生 編輯：IT大咖說閱讀字...

    Gilbertat 評論0 收藏0

  • 系統(tǒng)架構(gòu)

    強(qiáng)力推薦！那些你不能錯過的 GitHub 插件和工具 以代碼托管平臺起家的 GitHub 網(wǎng)站，已然成為全球程序員工作和生活中不可或缺的一份子。從優(yōu)秀的企業(yè)，到優(yōu)秀的程序員，都將自己最優(yōu)秀的代碼作品存放在這片開源凈土里，供彼此學(xué)習(xí)交流。 GitHub Trending 欄目甚至已經(jīng)成為 IT 從業(yè)人員的新聞日報，每日必讀。在之前的一… PostgreSQL 數(shù)據(jù)庫的前世今生 編輯：IT大咖說閱讀字...

    k00baa 評論0 收藏0

  • 前端每周清單第 44 期: 2017 JS 調(diào)查報告、REST 接口實時化、ESM 的過去與未來

    摘要：巔峰人生年老兵思路上的轉(zhuǎn)變，遠(yuǎn)比單純提升技術(shù)更有價值本文節(jié)選自趙成教授在極客時間開設(shè)的趙成的運(yùn)維體系管理課，是其對自己十年技術(shù)生涯的回顧與總結(jié)。趙成教授來自美麗聯(lián)合集團(tuán)，集團(tuán)旗下兩大主力產(chǎn)品是蘑菇街和美麗說，目前負(fù)責(zé)管理集團(tuán)的技術(shù)服務(wù)團(tuán)隊。 showImg(https://segmentfault.com/img/remote/1460000012476504?w=1240&h=826...

    MASAILA 評論0 收藏0

  • 前端學(xué)習(xí)資源匯總

    摘要：建立該倉庫的目的主要是整理收集學(xué)習(xí)資源，統(tǒng)一管理，方便隨時查找。目前整合的學(xué)習(xí)資源只是前端方向的，可能會存在漏缺比較好的資源，需要慢慢的完善它，歡迎在該上補(bǔ)充資源或者提供寶貴的建議。 說明 平時的學(xué)習(xí)資源都比較的凌亂，看到好的資源都是直接收藏在瀏覽器的收藏夾中，這樣其實并不方便，整理在云筆記上，也不方便查看修改記錄，索性就整理在 github 上并開源出來，希望幫助大家能夠更快的找到需...

    SnaiLiu 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<