发表于： 2020-02-16 23:02:33
1 1272
今天完成的事
1，纯css3手风琴的学习制作；
效果图：
关键代码html：
关键css：
可以很清楚的看出，纯css实现手风琴菜单的制作依赖于input 在属性type=“radio”或type=“checked”时会有单选的效果，从而实现、点击当前菜单列表显示，点击其他菜单列表时显示其他菜单列表，并隐藏原先菜单列表。并且，input会自动通过自身id聚焦到匹配的label标签上，并通过相邻选择器选择其他并列的html标签，控制其样式效果（显示或隐藏）；与其他制作手风琴菜单的方法，比如，jquery，或者，css+js方式等，纯css的方法代码结构简单，仅仅依赖于html标签的特性；
2，angular官网路由与导航的学习；
明天的计划
1，按照萝卜多后台管理系统制作列表页；
遇到的问题
暂无
收获
在学习官网有关路由与导航概念中，任然有许多暂时不能理解的，任然需要多次学习理解。不过从以上的基本概念中，可以大概知道angular的路由器借鉴了浏览器的导航模式，我们不了解浏览器导航模式的背后机理，但是通过angular路由器的概念描述中。可以知道视图由一个或多个组件支撑组成，所以路由其实是相应组件之间的通信，数据交换，然后组件又根据其自身定义的方法做出相应的反应，路由就如同地图一样，告知组件如何与组件联系的途径；
返回列表
评论