用ReactJs寫乙個簡單的手風琴選單效果

reactjs除了利用virtual dom大大提高了頁面渲染速度。

本身基於元件的編碼方式也很優雅，元件層次結構比較清晰，挺易於維護的。

下面用reactjs寫乙個簡單的手風琴選單效果，僅供學習交流。

完整原始碼如下：

charset="utf-8" />
title>
src="">
script>
src="">
script>
src="">
script>
type="text/css">
.hidden
style>
head>
id="mycomponent">
div>
type="text/babel">
//選單資料
var menudatas = [,,
]},,
,]},,]}
];//選單react元件
var reactmenus = react.createclass(;
},clickhandler : function
(menudataid));
},render :function
()classname=>
li>
)});
lidata = ul>
}//將完整virtual dom返回
return (
key=>
onclick=>div> 
div>
);})
return (
div>)}
});//渲染到dom
reactdom.render(menudatas= /> , document.getelementbyid("mycomponent"));
script>
body>
html>

用python寫乙個簡單的視窗

import sys if name main 建立乙個視窗 w qwidget 設定視窗的尺寸 w.resize 400,200 移動視窗 w.move 300,300 設定視窗的標題 w.setwindowtitle 第乙個基於pyqt5的桌面應用 顯示視窗 w.show 進入程式的主迴圈 並通...

用flask寫乙個簡單的介面

用falsk寫乙個簡單的介面，這個介面的資料本來是爬蟲爬取的資料，但是今天只寫乙個flask介面，資料就用測試資料好了。import random import reimport time import requests import flask,json from flask import req...

ROS 用Python寫乙個簡單服務

一.編寫服務資料 在功能包的頂級目錄中，建立srv資料夾，並在裡面建立.srv檔案 先成為a.srv 在srv檔案中，填入服務資料，如 int64 a int64 b int64 sum其中,上方是請求資料，下方是答應資料 二.修改cmakelist和package.xml cmakelist ca...