实现效果图： 功能：点击某一个一级菜单时，相应的二级菜单会下拉出现 实现代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid ...
分类：
Web程序 时间：
2020-03-07 12:46:09
阅读次数：
129
定义：将对象组合成树形结构来表示“整体/部分”的层次机构。让客户以一致性的方式处理个别对象和组合对象。 类图： 示例 package composite; import java.util.List; public class Menu { private String menuName; priv ...
分类：
其他好文 时间：
2020-02-26 18:45:39
阅读次数：
77
页面布局 我的项目是有两种布局方式的， 一种是左侧布局，还有一种是顶部+左侧的布局，在这里主要讲顶部+左侧布局 因为左侧的相对简单，会自行匹配 业务场景 当页面刷新的时候，要回到原来的页面，并且要激活正确的一级和二级菜单 首先 在data中创建数据 data() { return { menus: ...
分类：
其他好文 时间：
2020-01-16 12:18:13
阅读次数：
98
Wrona History Menu Chrome浏览器的优点不必再夸，它快速，精简，而这也导致了某些必要功能被折叠进二级菜单。 比如之前我们提到过的扩展管理，与之情况类似的还有历史记录。 通常我们打开历史记录的传统方法是，先点击浏览器右上方的汉堡菜单按钮。 再进入以弹出新标签页形式出现的历史记录页 ...
分类：
其他好文 时间：
2019-12-26 19:24:55
阅读次数：
98
效果如图： 部分代码如图： <li><a href="#" target="_blank">关于我们</a> <ul> <li class="top"><a href="#" target="_blank">关于我们</a></li> <li><a href="#" target="_blank"> ...
分类：
Web程序 时间：
2019-12-15 12:42:53
阅读次数：
121
1.首页根据权限显示栏目： 用 数组的 filter 方法，根据用户是否是管理员和该用户的权限列表内的权限，控制他可以看到的 menu栏目**（filter方法的参数是一个 function ，返回值是一个过滤后的新数组，参数function 有一个形参，这个形参是数组的每 一项 >>>>>>大概意 ...
分类：
其他好文 时间：
2019-11-23 16:37:13
阅读次数：
66
在制作官方的时候，侧边栏的导航栏经常会要求出现二级菜单，而我们也会在两个二级导航之间加上一个分割线。当我们的需求如下图的时候，我们就需要对分割线进行处理，保证每一行的首尾都不出现分割线。 // html <div class="wrapper"> <div class="list"> <a href ...
分类：
其他好文 时间：
2019-11-23 16:04:33
阅读次数：
83
input 联动效果 input舍弃了输入框，感觉好“好玩”！ 二级菜单 贴个我以前做的效果图，一般PC端多用鼠标移入：hover出现二级菜单，input通过鼠标点击出现，PC端和移动端（移动端木有鼠标...）都适用 HTML代码如下： 1 <header> 2 <nav> 3 <input typ ...
分类：
Web程序 时间：
2019-11-09 18:03:41
阅读次数：
125
测试功能：博客园首页网站分类的一级菜单链接和二级菜单链接的点击。 遇到的问题： 1.循环点击二级菜单时，点击了一个一级菜单下的第一个二级菜单后，页面会刷新，再定位同一个一级菜单次下的第二个二级菜单时， 会报错：找不到第二个二级菜单，这时需要对一级菜单重新定位赋值； 2.当一级菜单下的二级菜单太多时， ...
分类：
编程语言 时间：
2019-10-19 18:53:34
阅读次数：
94
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv... ...
分类：
Web程序 时间：
2019-10-13 00:25:59
阅读次数：
111
