原创 前端使用 Konva 實現可視化設計器(7)- 導入導出、上一步、下一步

請大家動動小手,給我一個免費的 Star 吧~ 這一章實現導入導出爲JSON文件、另存爲圖片、上一步、下一步。 github源碼 gitee源碼 示例地址 導出爲JSON文件 提取需要導出的內容 getView() { /

原创 前端使用 Konva 實現可視化設計器(6)

請大家動動小手,給我一個免費的 Star 吧~ 這一章處理一下複製、粘貼、刪除、畫布歸位、層次調整,通過右鍵菜單控制。 github源碼 gitee源碼 示例地址 複製粘貼 複製粘貼(通過快捷鍵) // 複製暫存 pasteC

原创 前端使用 Konva 實現可視化設計器(5)

關於第三章提到的 selectingNodesArea,在後續的實現中已經精簡掉了。 而 transformer 的 dragBoundFunc 中的邏輯,也直接移動 transformer 的 dragmove 事件中處理。 請大家

原创 前端使用 Konva 實現可視化設計器(4)

給上一章做一個補充,就是實現通過上下左右按鍵移動所選節點。 繼續求 Star ,希望大家多多一鍵三連,十分感謝大家的支持~ 創作不易,Star 50 個,創作加速! github源碼 gitee源碼 示例地址 通過按鍵移動節點 準備

原创 前端使用 Konva 實現可視化設計器(3)

github/gitee Star 終於有幾個了! 從這章開始,難度算是(或者說細節較多)升級,是不是值得更多的 Star 呢?! 繼續求 Star ,希望大家多多一鍵三連,十分感謝大家的支持~ 創作不易,Star 50 個,創作加速!

原创 前端使用 Konva 實現可視化設計器(2)

作爲繼續創作的動力,繼續求 github Star 能超過 50 個(目前慘淡的 0 個),望多多支持。 源碼 示例地址 在上一章,實現了“無限畫布”、“畫布移動”、“網格背景”、“比例尺”、“定位縮放”,並簡單敘述了它們實現的基本思路

原创 前端使用 Konva 實現可視化設計器(1)

使用 konva 實現一個設計器交互,首先考慮實現設計器的畫布。 一個基本的畫布: 【展示】網格、比例尺 【交互】拖拽、縮放 “拖拽”是無盡的,“縮放”是基於鼠標焦點的。 最終效果(示例地址): 基本思路: 設計區域 HTML 由兩個

原创 Vue3 Diff 之 patchKeyedChildren 動態示例

在學習全網學習各路大神的關於Vue3 Diff算法分析文章的時候,一定離不開關鍵方法 patchKeyedChildren。 patchKeyedChildren 處理的場景比較多,大致有 5 個主要過程。 如果你希望查看不同測試用例下

原创 axios-api,js結構化定義、調用業務api接口。

axios-api @no-996/axios-api基於 axios 可建立結構化實例的工具,有以下特點: 基於 axios,兼容 axios 的 api,可無縫的遷移使用。 內置了兩種常用的請求終止(基於cancelToken)場景,

原创 10.成名的代價

  歡迎各位來到<羅輯思維>,這兩天過年的氣氛還沒有散盡,但是年就算是快過完了,很多人會踏上後半截春運的旅程上路了。   我就讓我想起了中國古代的一個禪宗的公案,一個老和尚,高僧,問的小徒弟說,你看看大街上奔來跑去的這些人,一共有多少人啊?

原创 04.迴應質疑:羅胖的歪理和歪嘴

  我們羅輯思維是一個自媒體,自媒體的玩兒法和傳統電視自然就可以不一樣,所以我們今天就玩兒一個不同的,傳統媒體絕對不會幹的事情,就是我們用一整期節目,來回應這一階段大家對我的批評和指正。   對我批評最激烈的,當然就集中在剛剛播出的那一期,

原创 08.房產稅與地溝油

  歡迎大家來到羅輯思維。暑去寒來一年將始,中國的二手房市場又開始躁動。北上廣深據說成交量在1月份開始暴漲。當然這有各方面的原因的解釋。很多朋友就開始問我,老羅,你說我該不該買房啊,我說該買啊。還有人問我,老羅,你說我該不該賣房啊,我說該賣

原创 02.拒絕逃離北上廣:見識決定命運

  很多年輕人都說,哎呀,北上廣深房子太貴了,在這個地方長安居大不易啊,窩靠,還是回老家吧。   這個口號前兩年很流行哦,可是這兩年怎麼樣?這些年輕人都蔫不出溜又都回來了,這是爲什麼呢?   他們發現老家更沒有機會,老家啊,真叫是人民政府啊

原创 07.夾縫中的80後

  這一期羅輯思維我們聊一聊80後的處境問題。先從我一個多年之前的一個切身體驗入手。那個時候我還在當記者,有一次採訪結束。大隊人馬收拾行李。從一個小城市的機場準備回北京。那個機場估計平時旅客也不多。所以機場只開了一個安檢口。所以導致當時的那

原创 06.治不好的地域歧視

  我們羅輯思維啊有一個微信公衆賬號,我們提供一項服務,就是我們的微友可以點題讓我來說。今天我們說的就是他們點的一個題,就是地域歧視。   其實我知道啦,他們的意思就是讓我批評一下地域歧視,然後說一說怎麼解決這個問題,怎麼讓河南人民這種飽受