乙個新的web元件開發形式開啟

2021-09-24 16:23:31 字數 727 閱讀 4972

在專案開發時有沒有碰到這個問題,vue元件已經成型,但是新專案變更技術棧,要用react去寫,一些公共的元件之前已經用vue編寫好,用在react上多少都要有一些修改才能移植過去,難道就沒有乙個寫一次,在各個環境都都可以用的方案?

接上篇文章 my-timer – 乙個webcomponent

歷經2個多月,利用工作之餘搞出了乙個編輯元件的基類,利用它你可以編寫任意乙個公共的元件,無懼它的執行環境(web端),都能完美達到你想到的目的。讓你不用去理會技術棧的變更帶來的繁瑣事情,同乙個元件在你專案中隨意使用,這就是這個基類的初衷。

在編寫過程中,也參考了一些現流行的框架的處理方式,結合各方面的優點,造出了這個前所未有的輪子,什麼mvvm,資料驅動,插槽,diff,vdom,即寫即用等,都包括在內;簡單的編輯方式,只要有vue/react編寫基礎的開發人員都能快速上手。基類開放了重要的介面,你可以隨意去根據自己的需求去定義基類渲染時的行為等乃至。針對開發者自由度很高。在使用你的元件時,只把它看做是乙個普通元素即可,是你自定義的乙個普通元素。驅動核心程式zip後只有10k左右,對比現流行的框架或者庫都很小,你在使用時再不用顧慮打出的包大導致載入速度慢的問題;

遺憾的現在只能先大概說一下描述一下這個元件基類,因為還未能開源出來,等到內部使用並且各個擴充套件外掛程式(例如fetch,router等)基本完成時,再公布。

(*兩個得了 *牛吹完了,剩下的就擼起袖子開幹)

redis 開啟乙個新埠

1 重新複製乙份,重新命名為redis8888.conf。2 開啟redis8888.conf配置檔案,找到port 6379這行,把6379改為8888。3 把redis8888.conf移到 redis home redis svrs 4 啟動redis服務 redis server home ...

開發了乙個ripple effect元件

目前來看網上的除了material ui的ripple effect效果很棒以外,其餘的ripple元件都不夠完美。github位址 專案演示 sowhitesocoll.github.io dodo ripple yarn add dodo ripple 複製 直接當作block使用的時候,會認為...

開啟乙個新的部落格,Python的開端

第一次寫部落格,不知道如何開始,就做一下今天的學習筆記吧 估計每乙個寫學習程式設計的人第乙個程式的都是列印乙個 hello world!python中比較簡單 print hello world 一行 輕鬆列印出來了 簡單了解了python2和python3的區別,選擇了python3學習 編碼格式...