我最近就遇到做个点击展开二级菜单的要求,当然只能用原生的JS去写来实现,我借鉴了网上的一个案例,补充一下,分享一下: 如果,默认打开页面进来时二级菜单是隐藏的,需要点击才能展现二级菜单,再点击就是隐藏二级菜单...1 二级餐单1 二级餐单1 二级餐单1 一级菜单2 二级菜单2 二级菜单2 二级菜单2 ...如果,你的页面默认进来二级菜单是展现的,点击时才关闭。直接把style标签的样式display=”none”去掉就可以。同时需要修改一下js。...sub_menu.style.display = "none"; } 仔细看,不然你就会发现你需要点击两次才会出现想要的效果
function flatten(arr) { let result = []; for (let i = 0; i < arr.length; i++) ...
而且首页这个菜单可以点击,执行跳转,其它两个菜单又有子菜单,点击只是一个子菜单显示与隐藏的操作。 所以,侧边栏的数据肯定是一个数组,并且是一个对象数组。...由于子菜单不止一个,所以,子子菜单这个肯定也是一个数组,每个子菜单也有属性,所以,也是一个对象属性,所以,数据大概如下面。...--如果有二级菜单-->
在网站建设这个大工程中,建设者必须完成各种各样的细节,才能使一个网站建成,其中就包括设置二级标题。之所以设置二级标题是一个必要流程,是由于其标题内容是网站标题的延伸。...当网站主页的标题内容不够详细时,可以通过设置二级标题的方法,更详尽地了解该网页。那么在网站建设中怎么设置二级标题? 在网站建设中怎么设置二级标题 在网站建设中怎么设置二级标题?...二级标题如同网页标题一样,点击后,是一个文本框,只需在文本框中输入自己想输入的内容即可。二级标题与网页主标题的关系更像是大标题与小标题的关系,因此小标题可以更详细的展开关于大标题的关键词的描述。...二级标题有什么作用 之所以在建设网站时需要设置二级标题,是由于二级标题能够起到补充大标题的作用。网站的大标题不宜内容太多,并且有敏感词汇的情况下,还会被过滤掉,二级标题则可以填充这些被过滤掉的词。...上述是关于在网站建设中怎么设置二级标题的介绍,希望能够给大家提供有用的建议。二级标题在网站建设过程中能够起到很大的作用,应当根据自身需求选择是否设置。
通过点击1级菜单展开2级菜单。 通过悬停2级菜单显示3级菜单。 优化显示逻辑,识别边缘调整菜单出现位置。确保主要内容完整可见。 优化显示逻辑,新增拖动动作监听。可以通过点按拖动菜单调整菜单位置。...Utils 图标采集 fontawesome pjax适配参考 原生js实现拖拽效果 js拖拽:简单五步实现元素拖拽功能 资源下载 由于本教程涉及的所有修改对缩进格式等有严格要求,担心自己控制不好的可以直接下载静态资源...一种是全部通过点击来展开子菜单。但是这样子一来每次点击都要记得关闭,用清空已激活项来初始化的话,二级和三级又要写另一套逻辑。Pass。 一种是依靠悬停加延时消失来控制显隐。...一级菜单用点击来控制二级菜单显隐,二级菜单用悬停延时来控制三级菜单显隐,那不就没问题了嘛!说起来SAO Utils就是这个显隐逻辑。啊,顿悟的感觉真爽,我感觉我现在起码能烧出十颗舍利子。...,详见本帖拓展内容,与link互斥,只能填写一个 自定义脚本拓展 点击查看脚本拓展内容 糖果屋出品的右键菜单提供了自定义js配置,读者可以通过封装自己的js脚本,直接通过菜单选项调用。
如果有三级标题,先设置好一个一级标题以后去刷所有一级标题,然后设置好一个二级标题去刷所有二级标题,最后设置一个三级标题再去刷所有三级标题,不过是多花点时间而已。...把得到的Word文档保存为“快速设置章节标题.docx”,接下来要做的事情是,把所有以数字开头然后空格后面是文本的段落设置为对应级别的标题,如果开头只有一个数字就设置为一级标题,以一个圆点分隔的两个数字开头的段落设置为二级标题...,以两个圆点分隔的三个数字开头的段落设置为三级标题。...首先,打开文件“快速设置章节标题.docx”,手工设置一个一级标题、一个二级标题和一个三级标题,保存文件。这一步很重要,结果如图, ?...在需要插入目录的位置单击鼠标确定光标位置,然后按上图中箭头所指依次展开,在弹出的窗口中选择生成三级目录, ? 生成的目录如图, ?
:expand-on-click-node="false"> 这样就去掉了这个烦人的效果,在点击按钮的时候就不会展开与合并了,只有点击箭头的时候才会。...在data中添加expandedKey数据值,这个是一个数组。...,提示框标题为新增,点击编辑的时候,提示框标题为编辑。...,此时我们需要展开多个父节点,那么我们就需要将父节点声明成一个数组。...pCid: [], 每修改一个节点我们需要把节点的pCid赋值到数组中,便于展开。 this.pCid.push(pCid); 在批量保存方法中还需要把pCid这个数组中的所有值都直接展开。
name: '邓邓的零食橱', // 点击标题后的跳转地址 nameLink: '/', // 禁用emoji...比如点击播放,或者是鼠标放到图片上才进行播放。...@mrpotatoes.这个插件其实蛮实用的,设置以后会在右边出现一个目录跳转,点击以后可以跳转到对应的标题。...- 三级目录图片我们可以观察到,最底层的目录的图标有点不一样,以上是展开的效果。...------默认展开的层级设置我们在配置参数中添加sidebarDisplayLevel: 0数字0就代表不展开 只显示最表层的【一级目录】数字1的话就会展开二级目录。
目标: 实现左侧的二级菜单导航栏,自适应效果 ---- 效果图: 项目演示: 点击跳转到演示地址 代码: 二级标题3 二级标题6 二级标题..."> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.<em>js</em>...;//<em>点击</em>一级<em>标题</em>,打印<em>点击</em>的栏目 $('.content').html($(this).children()[1].innerText);//在内容页显示<em>点击</em>的按钮文字 if($(this).next
重新渲染侧边栏 为什么不在组件初始化的时候就设置,那这样对于404的路由没法控制 react-router-dom v4虽然提供了全局404组件,但是history里面没有代表404的状态 实现目标 点击侧边栏的子菜单会改变标题...,对应的item也会高亮 直接修改路由,初次加载等会自动展开对应的分组,高亮对应的子项 不匹配的路由不展开和高亮任何 能学到啥 我尽量注释,而收获见仁见智了 我的思路?...location; sidebarData.map(item => { if (item.pathname) { // 做一些事情,这里只有二级菜单...} // 因为菜单只有二级,简单的做个遍历就可以了 if (item.children && item.children.length...this.setState({ selectedKeys: [menuItem.key] }); // 设置文档标题
基本配置 下面是我的 docsify 配置,仅配置了文档名字、仓库、侧边栏、侧边栏展开深度、文档主题颜色、自动回到顶部: window....* [第四章:编码和演进](ch04.md) - 第二部分:分布式数据 * [第五章:冗余](ch05.md) * [第六章:分区](ch06.md) 而定位到某一篇文章后,一级标题...、二级标题自动展开的效果,只需配置: subMaxLevel: 2, 十分方便。...,直接 copy 了 Vonng repo 的,因此也将 js 和 css 混到一个 js 目录中了。...然后需要两个步骤: 在 GitHub 仓库中 Settings > Pages > Custom domain,配置一个你喜欢的二级域名,当然顶级的也行。
这次实现的效果图如下: 二级菜单.gif 这个二级菜单实现的效果是: 当点击某一个框时,会将已经打开的框的内容收回,再展开现在点击的框的内容。 要如何实现这个效果呢?...但是要注意不要所有的框都拿一种类型的盒子做,因为那样不方便写js代码,毕竟我们之后的操作是点击绿色的框=>使得收起或展开白色的框,所以我们需要为每一个天数+对应课程的框放在一个div父盒子下。...然后为其初始化:设置高度等于span的高度,设置overflow:hidden,如下图,可以结合下面代码 Snipaste_2021-10-25_08-05-59.png 然后开始写js部分:确保点击某一框时...span使某盒子展开的时候,将已经展开的盒子收起。...这时我们就需要一个变量now来记录上次被点击的盒子,令其初值为null,若now不等于当前点击的span,则获取now的父盒子,令其高度变为span的高度,然后令当前点击的span展开(第二点已经讲了怎么展开
,出现下方界面,点击ADMINISTRATION 进入后台 进入后台界面后,点击 Local 选择语言,下载语言包,选择 Chinese Simplified,最后点击右上角 APPLY 切换至首页,创建主页内容...这里可以选择使用何种编辑器来创建,这里我们以 Markdown 为例: 接下来,我们创作第一篇文章,先设置页面属性,重点设置标题、路径,填写完成后点击右上角的 OK: 填写好内容后点击右上方的创建: 返回到主页...),登录后即可看到cpolar web 配置界面,接下来在web 管理界面配置即可 接下来配置一下Wiki.js的公网地址, 登录后,点击左侧仪表盘的隧道管理——创建隧道,创建一个Wiki.js的公网http...登录cpolar官网,点击左侧的预留,选择保留二级子域名,设置一个二级子域名名称,点击保留,保留成功后复制保留的二级子域名名称 保留成功后复制保留成功的二级子域名的名称 修改隧道信息,将保留成功的二级子域名配置到隧道中...域名类型:选择二级子域名 Sub Domain:填写保留成功的二级子域名 点击更新(注意,点击一次更新即可,不需要重复提交) 更新完成后,打开在线隧道列表,此时可以看到公网地址已经发生变化,地址名称也变成了固定的二级子域名名称的域名
引入必要的JS与CSS文件 //引入 jQuery 核心库,这里采用的是 2.0 <script type="text/javascript" src="easyui/jquery.min.<em>js</em>...'expand',true : <em>展开</em> 4....Menu Menu右键菜单 必须要HTML配合<em>JS</em>才能完成的一个特殊组件 步骤: 1...., calss指定为easyui-menu - 在这个div中添加子元素, - 直接子元素 就是一级菜单 - 子元素子元素就是<em>二级</em>菜单...给菜单中的条目 添加<em>点击</em>事件 给最外层的菜单div添加: data-options="'onClick':函数名称" 点击事件函数的编写, 需要设计一个形式参数, 会接受到被点击的元素对象
当然,你如果现在点击导航栏,会发现是 404 页面,那是因为导航路由下面没有README.md文件 目录树结构如下所示 ├─package.json ├─docs | ├─README.md | ├...其中导航栏的链接分为三种:一级 nav,链接,二级下拉菜单,带标题的多级分类菜单 一级 nav,直接带路由即可 themeConfig: { nav: [ { text: '首页', link...如果想 nav 二级下拉菜单,如下配置,link的属性值带有链接,会直接是链接,若不是那就是路由,在vuepress中提供了一个items属性,配置二级导航如下所示 themeConfig:{ nav...如果你想要二级菜单带有标题,分类的菜单形式,如下配置 themeConfig:{ nav: [{text: "主页", link: "/" }, { text: '网站',...默认的深度是 1,它将提取到h2的标题,设置成 0 将会禁用标题(headers)链接,同时,最大的深度为 2,它将同时提取h2 和h3 标题,如果想要额外拓展,支持h1~h6,在 markdown 配置拓展中
Fork完毕后,点击Settings->Pages,将原分支从none修改为master,目录保持为/(root),然后Save。...当然,你也可以绑定自己的域名,或者部署到其他的平台,这里不展开赘述。...="pai233.top"/*修改为你的博客的根/二级域名,二级域名需要去掉前面的注释*/ || document.referrer===""){ swal.fire({ title..."> <script src="https://blog.pai233.top/<em>js</em>/sweetalert.<em>js</em>...adsbygoogle = window.adsbygoogle || []).push({}); 广告 我的博客即将同步至腾讯云+社区,邀请大家一同入驻:<em>点击</em>这里
. ├── .vuepress │ ├── config.js │ ├── public │ │ └── logo.jpg │ └── router.js ├── LICENSE ├.../router'); module.exports = { smoothScroll: true, title: '需要你在config.js里单独配的标题', themeConfig...值得注意的是,groupA和groupB的目录下的README文件就是你点击类别A这个分组显示的默认页面。...在vuepress中,如果路由以/结尾,那么就是指的这个目录下的README.md文件 还有一点很方便的是,单个文件里如果你有二级标题,vuepress会自动的生成该文件下的二级标题导航。...点击相应的二级标题还可以直接跳转到对应的锚点,如下图。 ? 自动生成锚点 如果你还需要更多功能 如果你作为一个后端开发, 要想展示你的文档,其实我认为完全够了。
具体的需求如下 可以新建子目录,但是只能新建二级,三级的时候新建按钮置灰。 在页面上展示父级目录名称和当前所在路径,用 ‘/’ 分隔。 根目录固定为 图片空间 。...用户点击一级目录,根据所点击的一级目录对应的 id 请求接口返回二级目录,以此类推。 我当时看到这个需求的时候,心里想,这玩意我在 ElementUI 的官网见过,好说。...那么怎么实现只可以建二级目录,三级的时候置灰呢,我们点击的时候不是保存了一个变量 nowClickNode 么。 这个变量里面有个 level 属性,代表的就是层级。我通过计算属性来完成这个需求。.../唯一标识 :default-expanded-keys='defaultOpen' //默认打开的节点数组 :expand-on-click-node='true' //是否在点击节点的时候展开或者收缩节点...@node-click="handleNodeClick" //点击节点的回调函数 > //js // 加载树形结构 就是上面懒加载绑定的函数 treeLoad(node
我开发了一款基于Python的快手评论采集软件,该软件能够自动抓取快手视频的评论数据,包括二级评论和展开评论。...二级评论支持:软件支持抓取二级评论及二级展开评论,确保数据的完整性。结果导出:爬取结果自动导出为CSV文件,方便用户后续分析和处理。...主窗口:创建主窗口并设置窗口标题和大小。输入框:包括视频链接输入框和cookie输入框,用户需填写相关信息。按钮:设置开始采集按钮,用户点击后触发爬虫采集模块的运行。...二级评论及二级展开评论采集:根据API返回的数据结构,递归地采集二级评论及二级展开评论。关于我我是马哥python说,10年开发,持续分享Python干货中!
1 部分插件介绍: (1)Table of Content(强烈推荐) Table of Content 通过识别 notebook 自带的 Heading 设置,可以实现类似目录导航中点击跳转的功能,...此外,菜单还可以通过不同颜色来表示不同标题中代码块的状况。(例如默认情况下,选中的标题是黄色,标题内有正在运行的代码块则会标记为红色。...# 一级标题(注意#后需要加空格) ## 二级标题 ### 以此类推 Table of Content和Collapsible Headings 一起使用,可以通过标题折叠/展开Cell。...因此可能比较适合用来查看中间变量的内容和画图,在 notebook 中点击右下角的黑色箭头或者使用快捷键 Ctrl+B 即可展开 Scratchpad。...conda-forge jupyter_nbextensions_configurator 通过以上方法安装完成后重新打开 jupyter notebook,发现在菜单栏会多出 Nbextensions 选项卡,点击后出现文章开头所示画面即安装成功
领取专属 10元无门槛券
手把手带您无忧上云