vregion-222-更新-基于-Vue2-的中国行政区划选择器4-级联动城市选择器

v-region v2.2.2 版本更新内容: 使用 render 函数的方式完全重构插件重构样式设计,使得交互界面更加简洁、清晰移除 ui、text、column 和 city-picker prop 入参,改为使用 type prop 进行设置,默认值为 "select"移除 selected prop增加 v-model/value 支持增加自定义选择器呼出对象的作用域插槽( scoped slot )支持,输出 "region" 和 "show" 数据增加单元测试及代码测试覆盖率检测修改 css 预编译程序从 SCSS 至 Stylus使用 Javascript Standard 语法标准对项目进行格式化升级 v-dropdown 升级至 v2.1.1 版本插件简介v-region基于 Vue2 的简洁易用的中国行政区划选择器,4 级联动城市选择器。 包含以下几种使用模式: 常规表单下拉元素模式( Select )多分组切换( Group )多列竖排模式( Column )纯文本展示模式( Text )专用城市选择模式( City )实例和文档可在 CodePen 上快速预览,更多的实例和文档请浏览以下的站点 English site国内站点

October 15, 2019 · 1 min · jiezi

css选择器-lastchild-lastoftype

last-child【同理first-child】:last-child表示其父元素的最后一个子元素,且这个元素是css指定的元素,才可以生效。 last-of-type【同理first-of-type】:last-of-type表示其父元素的最后一个指定类型的元素 这两个区别就是last-child必须要多具备一个条件,就是必须是父元素的最后一个子元素,强调的是最后child,而last-of-type只要符合最后一个type就可以。【例子1 2 】 弊端:对于元素选择伪类比较准确,但是对于类选择器选择伪类可能就会不太准确【例子 3 4】 现在看例子: 一、正常情况的没有干扰元素的ul下面全部都是lihtmlcss结果: 两个都会对最后一个li生效。 last-child last-of-type 二、ul下面不止有li,还有其他的元素,这个在实际场景中也是会出现的htmlcss结果: last-child选不中目标元素,last-of-type可以选择目标元素 last-child last-of-type 三、选择某类的最后一项htmlcss][11] 结果: last-child与last-of-type均不会选中某类的最后一项 .line:last-child与.line:last-of-type 四、父元素下同类名不同元素选择最后一个类名html css 结果:last-child选中既是最后一个子元素又是最后一个类名元素; last-of-type 会选择不同元素的最后一项子类 .line:last-child .line:last-of-type

August 18, 2019 · 1 min · jiezi

如何理解I/O多路复用

java nio提供了一套称为I/O多路复用的编程范式,那么什么叫做I/O多路复用呢?所谓的I/O多路复用,从字面意思上来理解,就是:有多个I/O操作(或是写,或是读,或是请求),这多个I/O操作都共用一个逻辑流。为了讲清复用的是什么,首先得先说明一下逻辑流的概念。逻辑流是什么?这里的逻辑流和操作系统中"线程是进程的一个逻辑流"是一个意思。下面的就是一个逻辑流:{int a = 5;int b aa;double c = a/b;}下面又是一个逻辑流:{long b = 5;int c = b+3;}如果在一个进程中,如果没有线程,那么程序是顺序执行的,那么所有的代码都是属于一个逻辑流。比如说,上面的两端代码,如果合在一个进程当中,它们一定是这种结构:{int a = 5;int b aa;double c = a/b;}….{long b = 5;int c = b+3;}或是{long b = 5;int c = b+3;}….{int a = 5;int b aa;double c = a/b;}也就是说它们一定属于一个逻辑流(一个顺序结构)。理解了这个,那么所谓的I/O复用,指的就是在一个逻辑流里处理多个I/O事件!!!如何做到?利用Selector多路复用器,轮询监听各路I/O,如果一旦有I/O事件发生,那么就去处理,否则程序阻塞。来看一个程序,加深理解:package qiuqi.filedownloadtest;import java.io.FileInputStream;import java.io.IOException;import java.net.InetSocketAddress;import java.nio.channels.;import java.util.Iterator;public class FileServer { public static void main(String[] args) throws IOException { startServer(); } public static void startServer() throws IOException { ServerSocketChannel serverSocketChannel = ServerSocketChannel.open(); serverSocketChannel.bind(new InetSocketAddress(9999)); serverSocketChannel.configureBlocking(false); Selector selector = Selector.open(); serverSocketChannel.register(selector, SelectionKey.OP_ACCEPT); while (selector.select() > 0) { Iterator<SelectionKey> iterator = selector.selectedKeys().iterator(); while (iterator.hasNext()) { SelectionKey key = iterator.next(); iterator.remove(); if(key.isAcceptable()) { System.out.println(“收到连接这个I/O事件”); catch (IOException e){e.printStackTrace();} } } } }}这是一个监听网络I/O的多路复用程序,java中只能监听网络I/O,不能监听标准输入输出等I/O(不过这些在linux里都可以)。我们发现,这个程序的原理就是开启一个网络I/O类,ServerSocketChannel,把它注册到Selector(选择器)上,然后选择器就开始轮询,直到发现一个I/O事件,于是就进入第一个while循环进行处理,否则一直阻塞在select()>0处。这是一个极其简陋的程序,但是它揭示了多路复用的真正内涵,也就是用一个逻辑流监听,处理多个I/O(不过处理程序其实可以开启多线程,也就是指第一个while循环里的部分)。这就是I/O多路复用!!! ...

March 5, 2019 · 1 min · jiezi

css选择class中的第一个怎么选?使用first-of-type?

Dom结构<div id=“test”> <span class=“hha”>我是span</span> <h1 class=“hha”>我是h1</h1> <h1>我是h1</h1> <h1 class=“hha”>我是h1</h1> <h1 class=“hha”>我是h1</h1> <h1>我是h1</h1></div>1.指定标签h1:first-of-type { color: red; // #test底下所有的h1找出来,其中第一个h1的字体颜色改为red;}2.指定class.hha:first-of-type { color: blue; // 1.找到所有class为hha的标签,上面的Dom结构里有<h1>、<span>; // 2.找到Dom结构所有h1、span(为了方便理解记作list1,list2); // 3.如果list1、list2中第一个标签的class是hha,第一个class为hha的字体改为blue;}举一反三,下面的代码会把字体颜色改为orange?.hha:last-of-type { color: orange;}以h1标签为例,所以第一步省略。2.找到Dom结构里面的所有的h1标签(记作list3)3.如果list3最后一个元素的class为hha,把字体颜色改为orange

January 2, 2019 · 1 min · jiezi