light-control-system:家庭自动化灯光控制系统的Web应用程序

上传者: 42181888 | 上传时间: 2023-02-25 03:49:23 | 文件大小: 128KB | 文件类型: ZIP
灯光控制系统 用于家庭自动化灯光控制系统的Web应用程序。 目录 演示版 :backhand_index_pointing_right: 观看演示视频。 成就成就 简洁的用户界面 动态更改亮度值和灯泡名称 改善了动态呈现数据的可维护性-主App组件的每个子组件都在动态呈现数据 响应式设计可提高用户体验 自动化的组件测试 建立过程 使用渲染房间数据。 使用使用房间数据创建表。 渲染灯开关并创建带有toggleSwitch方法。 研究了用于渲染圆形滑块以进行灯光控制的不同库,并决定使用。 我做出此决定是为了通过更好的用户体验来改善UI。 我考虑过的其他库: , 为了突出显示用户选择的房间,我在选定的表行中添加了“突出显示”类。 为了使箭头从“显示”点指向突出显示的房间,我使用了样式库来动态更改“顶部”样式属性。 使用HTML颜色代码将零部件颜色与线框设计进行匹配。 添加了详细的样式以与线框设计匹配。 当用户选择特定的灯泡来更改名称时,将

文件下载

资源详情

[{"title":"( 36 个子文件 128KB ) light-control-system:家庭自动化灯光控制系统的Web应用程序","children":[{"title":"light-control-system-master","children":[{"title":"public","children":[{"title":"index.html <span style='color:#111;'> 900B </span>","children":null,"spread":false},{"title":"styles.css <span style='color:#111;'> 3.59KB </span>","children":null,"spread":false},{"title":"lib","children":[{"title":"pseudostyle.js <span style='color:#111;'> 637B </span>","children":null,"spread":false},{"title":"sampleData.js <span style='color:#111;'> 661B </span>","children":null,"spread":false},{"title":"roundSlider.min.js <span style='color:#111;'> 29.01KB </span>","children":null,"spread":false}],"spread":true},{"title":"styles.css.map <span style='color:#111;'> 2.66KB </span>","children":null,"spread":false}],"spread":true},{"title":".eslintrc.js <span style='color:#111;'> 42B </span>","children":null,"spread":false},{"title":"webpack.config.js <span style='color:#111;'> 564B </span>","children":null,"spread":false},{"title":"src","children":[{"title":"styles","children":[{"title":"_Menu.scss <span style='color:#111;'> 575B </span>","children":null,"spread":false},{"title":"switch.min.css <span style='color:#111;'> 388B </span>","children":null,"spread":false},{"title":"styles.scss <span style='color:#111;'> 314B </span>","children":null,"spread":false},{"title":"_Nav.scss <span style='color:#111;'> 468B </span>","children":null,"spread":false},{"title":"_Display.scss <span style='color:#111;'> 1.99KB </span>","children":null,"spread":false},{"title":"_Control.scss <span style='color:#111;'> 557B </span>","children":null,"spread":false}],"spread":true},{"title":"components","children":[{"title":"Display.jsx <span style='color:#111;'> 1.53KB </span>","children":null,"spread":false},{"title":"Control.jsx <span style='color:#111;'> 3.30KB </span>","children":null,"spread":false},{"title":"Menu.jsx <span style='color:#111;'> 702B </span>","children":null,"spread":false},{"title":"App.jsx <span style='color:#111;'> 2.69KB </span>","children":null,"spread":false},{"title":"Nav.jsx <span style='color:#111;'> 1.58KB </span>","children":null,"spread":false}],"spread":true},{"title":"index.jsx <span style='color:#111;'> 160B </span>","children":null,"spread":false}],"spread":true},{"title":".babelrc <span style='color:#111;'> 33B </span>","children":null,"spread":false},{"title":"__tests__","children":[{"title":"Menu.test.js <span style='color:#111;'> 343B </span>","children":null,"spread":false},{"title":"Display.test.js <span style='color:#111;'> 1.51KB </span>","children":null,"spread":false},{"title":"Control.test.js <span style='color:#111;'> 985B </span>","children":null,"spread":false},{"title":"__snapshots__","children":[{"title":"Display.test.js.snap <span style='color:#111;'> 1.72KB </span>","children":null,"spread":false},{"title":"Nav.test.js.snap <span style='color:#111;'> 14.47KB </span>","children":null,"spread":false},{"title":"App.test.js.snap <span style='color:#111;'> 21.97KB </span>","children":null,"spread":false},{"title":"Control.test.js.snap <span style='color:#111;'> 4.84KB </span>","children":null,"spread":false},{"title":"Menu.test.js.snap <span style='color:#111;'> 8.23KB </span>","children":null,"spread":false}],"spread":true},{"title":"App.test.js <span style='color:#111;'> 2.63KB </span>","children":null,"spread":false},{"title":"Nav.test.js <span style='color:#111;'> 305B </span>","children":null,"spread":false}],"spread":true},{"title":"README.md <span style='color:#111;'> 3.81KB </span>","children":null,"spread":false},{"title":".gitignore <span style='color:#111;'> 160B </span>","children":null,"spread":false},{"title":"testSetup.js <span style='color:#111;'> 322B </span>","children":null,"spread":false},{"title":"package-lock.json <span style='color:#111;'> 433.61KB </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 1.38KB </span>","children":null,"spread":false}],"spread":false}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明