ul

应用场景:使用bootstrap框架,在模态框中修改所属分类,分类层级较多,一般在2级以上. 出现问题:因已经在模态框中,bootstrap不允许同时弹出多个模态框. 一开始在网上找各种select组件希望得到多级分类解决办法,但基本上对多级选择的支持都只到2级,后来想了想也合理,一个select框的宽度有限,如果没有限制很容易就会变形,ui上不好控制. 一直聚焦在select上,很长的时间才跳出了select的思维,想到bootstrap的dropdown组件,一直是被当导航下拉来使用,但是做一些调整也可以当成选择器 在单机是触发所需的操作即可,代码不是很严谨,主要解决功能需求. 使用环境:bootstrap3.3.7.css,bootstrap-dropdown-extend.css,jquery-3.3.1.js,bootstrap3.3.7.js bootstrap-dropdown-extend.css:忘了从哪个大神那里拔的了,不是专门的前端实在懒得调整(如果觉得有影响,联系我加上链接) .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit

1基本行为 * size()/length: 包含的DOM元素个数 * [index]/get(index): 得到对应位置的DOM元素 * each(): 遍历包含的所有DOM元素 * index(): 得到在所在兄弟元素中的下标 2属性：操作内部标签的属性或值 2.1操作任意属性 attr( name|properties|key,value|fn ) 设置或返回被选元素的属性值 removeAttr( name ) 从每一个匹配的元素中删除一个属性 prop( name|properties|key,value|fn ) 获取在匹配的元素集中的第一个元素的属性值。 removeProp( name ) 用来删除由.prop()方法设置的属性集 2.2操作class属性 addClass( class|fn ) 为每个匹配的元素添加指定的类名。 removeClass( class|fn]) ) 从所有匹配的元素中删除全部或者指定的类。 toggleClass( class|fn[,sw] ) 如果存在（不存在）就删除（添加）一个类。 2.3操作HTML代码/文本/值 html( val|fn ) 取得第一个匹配元素的html内容。 text([ val|fn] ) 取得所有匹配元素的内容。不常用。 val ([ val|fn|arr] ) 获得匹配元素的当前值。 2.4

在我们大多数时候都是通过<ul><li>...</li></ul>来实现同级的加载，但是也用很多时候li里的内容是不固定的。需要根据后台返回数据来生成。 下面来说一下在vue中这种形式的做法； 首先在HTML中的代码如下 <ul> <li v-for="item in classify" :key="item.id" :class="activeClass == item.id ? 'active':''" @click.stop.prevent="changeCify(item)"> {{ item.name }} </li> </ul> classify为后台返回的集合。也可以自己在data里写。咱们为了演示效果所以在data中的return里写出来。如下所示： return { activeClass: 1, classify: [{ id:1, name:'共道' },{ id:2, name:'个人代账'}, { id:3, name:'电商园区' },{ id:4, name:'钉钉' }, { id:5, name:'app' },{ id:6, name:'官网' }, { id:7, name:'阿里云' }, { id:8, name:'阿里云市场' }], } 还有我们的点击时执行的函数，写在methods中；如下 changeCify(item){　　　 　

加密密文：afZ_r9VYfScOeO_UL^RWUc 格式：flag{ } 这里我们发现a, f, Z, _的ASCii码是 97， 102， 90， 95 而再看这里flag{}的ASCii码是--------102，108，97，103； 这时你会发现 5 ， 6 ，7 ， 8 于是发现是按顺序从5开始从每个递增加上1. #include<stdio.h> int main(){ char c[]= "afZ_r9VYfScOeO_UL^RWUc"; for(int i = 0;c[i]!=‘\0‘;i++){ c[i]=c[i]+i+5; } printf("%s",c); } 答案就是flag{Caesar_variation} 来源： https://www.cnblogs.com/ainv-123/p/11751942.html

第一节：nuxt.js相关概述 nuxt.js简单的说是Vue.js的通用框架，最常用的就是用来作SSR（服务器端渲染）.Vue.js是开发SPA（单页应用）的,Nuxt.js这个框架，用Vue开发多页应用，并在服务端完成渲染，可以直接用命令把我们制作的vue项目生成为静态html。 1.那服务器端渲染到底有什么好处呢？ 主要的原因时SPA（单页应用）不利于搜索引擎的SEO操作，Nuxt.js适合作新闻、博客、电影、咨询这样的需要搜索引擎提供流量的项目。如果你要作移动端的项目，就没必要使用这个框架了。 2.什么是SSR？ SSR，即服务器渲染，就是在服务器端将对Vue页面进行渲染生成html文件，将html页面传递给浏览器。 SSR两个优点： (1)SEO 不同于SPA的HTML只有一个无实际内容的HTML和一个app.js，SSR生成的HTML是有内容的，这让搜索引擎能够索引到页面内容。 (2)更快内容到达时间 传统的SPA应用是将bundle.js从服务器获取，然后在客户端解析并挂载到dom。而SSR直接将HTML字符串传递给浏览器。大大加快了首屏加载时间。 Nuxt.js的官方网站是这样介绍的： Nuxt.js 是一个基于 Vue.js 的通用应用框架。 通过对客户端/服务端基础架构的抽象组织，Nuxt.js 主要关注的是应用的 UI渲染。 Nuxt.js是特点（优点）：

display属性设置一个元素应如何显示，是我们在前端开发中常常使用的一个属性，其中，最常见的有： 目录 display:none;表示此元素将不被显示。 display：block;将元素显示为块元素。（又叫块级元素） display:inline;将元素显示为内联元素。（又叫行内元素） display:inline-block;将元素显示为内联块元素。 display:inherit;规定应该从父元素继承 display 属性的值。 一.隐藏元素display:none; 主要区别visibility：hidden; 和display:none display:none可以隐藏某个元素，且隐藏的元素不会占用任何空间。也就是说，该元素不但被隐藏了，而且该元素原本占用的空间也会从页面布局中消失。 visibility:hidden可以隐藏某个元素，但隐藏的元素仍需占用与未隐藏之前一样的空间。也就是说，该元素虽然被隐藏了，但仍然会影响布局。 visibility属性指定一个元素应可见还是隐藏。默认元素是可见的：visibility:visible; 比如，当我们在浏览网页时，如果看到了某个烦人的广告遮挡了我们的实现，更为可气的是，它还没有关闭的选项，这时（以chrome为例），我们就可以按下F12，打开开发者工具，点击element，然后使用左上角的选择工具选中想要删除的广告

今天在项目用使用ionic3<ion-scroll></ion-scroll>标签实现照片滑屏滚动呈现的样式，但是出现了两个问题： 1.在标签中放入照片数组之后，照片不显示；代买如下： <ion-list > <ion-scroll scrollX="true" > <ul class="pics"> <li > <img src="assets/imgs/pic.png"> </li> </ul> </ion-scroll> </ion-list> 原因是：未给ion-scroll标签设置高； 2.图片显示了，但图片无法滚动 原因是：为在ul标签中设置ul的width属性，一开始我设置为100%；不行，它的宽度必须超过父级的宽度，才可以出现水平方方向的滚动条，问题解决，代码如下： <ion-list > <ion-scroll scrollX="true" style="height:80px;"> <ul class="pics" stlye="width:200%"> <li > <img src="assets/imgs/pic.png"> </li> </ul> </ion-scroll> </ion-list> 以上是本人在使用这个标签的时候遇到的问题及自己的解决方案，如有更合理的方法，可以留言，共同讨论。 来源： CSDN 作者： liayn523 链接： https

效果图: 轮播样式及左边二级导航栏样式和HTML代码 * { padding : 0 ; margin : 0 ; list-style : none ; border : 0 ; } body { font-family : "微软雅黑" ; color : #14191e ; } .all { width : 800px ; height : 500px ; float : left ; position : relative ; } .screen { width : 800px ; height : 500px ; overflow : hidden ; position : relative ; } .screen li { width : 800px ; height : 500px ; overflow : hidden ; float : left ; } .screen ul { position : absolute ; left : 0 ; top : 0px ; width : 4800px ; } .all ol { position : absolute ; right : 10px ; bottom : 10px ; line-height : 20px ; text-align : center ; } .all ol li { float :

参考链接： https://www.cnblogs.com/Renyi-Fan/tag/js%E6%8F%92%E4%BB%B6/default.html?page=2 目录 一、总结 一句话总结：Scroll是一个类，每个需要使用滚动功能的区域均要进行初始化。 二、iscroll.js的简单使用方法（总结） 回到顶部 > 一、总结（点击显示或隐藏总结内容） 一句话总结：Scroll是一个类，每个需要使用滚动功能的区域均要进行初始化。 最佳的 HTML 结构如下： <div id="wrapper"> <ul> <li>...</li> <li>...</li> ... </ul> </div> iScroll作用于滚动区域的外层。在上面的例子中，UL元素能进行滚动。只有容器元素的第一个子元素能进行滚动，其他子元素完全被忽略。 最基本的脚本初始化的方式如下： <script type="text/javascript"> var myScroll = new IScroll('#wrapper'); </script> 回到顶部 二、iscroll.js的简单使用方法（总结） 原文链接： http://caibaojian.com/iscroll-js.html 这篇文章讲到了iscroll的一些使用入门、参数配置和示例，并讲到了滚动条的接口，自定义事件和销毁动作等。原文：

在p标签里面不能嵌套ul、div等块级元素 显示结果为： 在ul元素的前后都加上了兄弟元素p 不可自由嵌套的元素就是里面只能放内联元素的有： 标题标记的<h1~6>、<caption>； 段落标记的<p>； 分隔线<hr> 一个特别的元素 (它只存在于列表元素 的子一级)。 <ul>、<ol>、<dl>、<table>，它们的子一层必须是指定元素， <ul>、<ol>的子一级必须是<li>； <dl>的子一级必须是<dt>或者<dd>； <table>的子一级必须是<caption> 或<thead>、<tfoot>、<tbody>等， 而再子一级必须是<tr> 注： <tr>只存在于<thead>、<tfoot>、<tbody>中， 之后才是可放内容的<td>或者<th> 居中的一种方式 来源： https://www.cnblogs.com/panghu123/p/11677350.html