element

Vue

ⅰ亾dé卋堺 提交于 2020-05-03 23:30:40
实现这三个功能的踩坑记录。 1. 需求 在Vue中,有一个input, 双击时编辑文本,点击该input节点外的其他地方,则取消编辑。 那么这里有三个要实现的地方 第一是双击显示编辑框。 第二是自动聚焦点击的显示框。 第三是点击编辑框外的地方,隐藏编辑框。 一二点都是在startPipeLineNameEdit这个method中去实现。 2. 实现双击显示编辑框 思路: 使用两个span包含双击前和双击后的代码,用isEditingPipeLineName这个变量去控制显示与否。(PipeLineName与我写的当前组件有关)。 然后绑定一个双击时的事件@dblclick="startPipeLineNameEdit"。 父组件BoardArea大致代码 //PipeLine是子组件,可见可以有很多个子组件实例,因为v-for了一个数组 <PipeLine v-for="pipeLine in wrappedPipeLineList" :pipeLine="pipeLine" class="pipe-line-item" :key="pipeLine.id" /> 子组件PipeLine大致代码 <span v-show="!isEditingPipeLineName"> ..未双击前 <span @dblclick="startPipeLineNameEdit"></span>

用Python来自动刷智慧树网站的网课

≡放荡痞女 提交于 2020-05-03 22:11:32
学校最近让看什么网课,智慧树网站的,太无聊了,写个脚本刷下,这里是用Python+selenium实现的,也可以用js脚本,更简单,但是我这里刚好最近在学python,就顺便练习下,说下有几个点, 1.这里为了练习顺便把登陆功能也做了,注意有一个自动联想元素,需要定位并点击它 2.有两个弹窗,只解决了一个,另一个不知为什么定位不到,所以这里需要手动点击一次, 3.视频中间会有问题弹窗出现,不处理弹窗不会继续播放,这里使用循环不断判断能否定位到弹窗,定位到了就对弹窗进行处理,获取网页源代码并定位问题的name,之后定位并随便选择一个答案作答, 4.这里设置了1.5倍速播放,注意需要先控制鼠标移动到播放窗口处,才能定位到速度按钮 5.其实也可以直接启动浏览器之后,自己进行登录操作,然后运行指定代码, 6.注意需要更改代码中的学校,学号,密码为自己的信息 网站的url: http://study.zhihuishu.com/learning/videoList; 具体到个人可能会有一些其他的参数,不过不影响 欢迎交流。。 具体代码如下: from selenium import webdriver from selenium.webdriver.support.wait import WebDriverWait from selenium.webdriver.common.by

[LeetCode] 10. Regular Expression Matching 正则表达式匹配

帅比萌擦擦* 提交于 2020-05-03 22:04:25
Given an input string ( s ) and a pattern ( p ), implement regular expression matching with support for '.' and '*' . '.' Matches any single character. '*' Matches zero or more of the preceding element. The matching should cover the entire input string (not partial). Note: s could be empty and contains only lowercase letters a-z . p could be empty and contains only lowercase letters a-z , and characters like . or * . Example 1: Input: s = "aa" p = "a" Output: false Explanation: "a" does not match the entire string "aa". Example 2: Input: s = "aa" p = "a*" Output: true Explanation: '*' means

C++: Strict Weak Ordering

被刻印的时光 ゝ 提交于 2020-05-03 20:52:52
想讲讲C++ STL中各种算法都用到的一个概念,Strict Weak Ordering。 举个例子,来说明为什么写C++要知道这个东西。 假如你定义了一个类型 MyType ,而且这个类型是可比的(comparable,定义了 < 这个operator): struct MyType { int first; int second; MyType(int f,int s):first(f),second(s){} MyType(){ .... } bool operator < ( const MyType & b){ return a.first < b.first; } }; 现在一个 vector 里装着很多这种类型的对象,你想对这个 vector 排序: vector<MyType> vec { obj1,obj2,obj3 }; std::sort(vec.begin(),vec.end()); 之所以能用 std::sort() 来对任意类型排序,而不用给 std::sort() 传递规则,是因为 std::sort() 是默认采用 < 这个operator来排序的。 现在问题来了,只有 < 这个operator怎么知道两个对象是否相等? 简单来说就是,假如 !(a<b) && !(b<a) ,那么 a==b 但是,假如我没有为 MyType 定义 < 这个

Java阻塞队列四组API介绍

橙三吉。 提交于 2020-05-03 18:28:34
Java阻塞队列四组API介绍 通过前面几篇文章的学习,我们已经知道了Java中的队列分为阻塞队列和非阻塞队列以及常用的七个阻塞队列。如下图: 本文来源:凯哥Java(kaigejava)讲解Java并发系列之阻塞队列教程。系列文章,欢迎大家从第一篇文章开始看起。 在查看以上七个队列的API的时候,我们可以很明显的看到以下四组API: add()/remove()/remove offer()/poll()/peek() put/take() offer(e,time,unit)/poll(time,unit). 分别对应的是,添加元素和移除元素以及检查队首元素。 这四组API各有什么不同呢?凯哥把这四组API看作是人的一生四个阶段,分别是: 少年时期,初生牛犊不怕虎,一言不合就开干,对应的是第一组API:会抛异常的API; 青年时期,吸取各方面的知识,为人处事会圆滑,对应的是第二组API:有返回值,不抛出异常的; 中年时期,三十而立,咬定青山不放松,对应的是第三组API:阻塞,一直等待; 老年时期,看透人生,顺其自然,对应的是第四组API:阻塞,当到了预定的超时时间,退出。 下面我们就来详细讲解这四组API 第一组API,会抛出异常的:一言不合就开干 添加元素:add(e): 当队列未满的时候,向队列中添加元素正常;当队列满的时候,再向队列中添加元素的话,会抛出throw new

如何在jQuery的SELECT元素中选择特定选项?

╄→гoц情女王★ 提交于 2020-05-03 17:46:22
问题: If you know the Index, Value or Text. 如果您知道索引,值或文本。 also if you don't have an ID for a direct reference. 另外,如果您没有直接参考的ID。 This , this and this are all helpful answers. 这 , 这 和 这 都是有用的答案。 Example markup 标记示例 <div class="selDiv"> <select class="opts"> <option selected value="DEFAULT">Default</option> <option value="SEL1">Selection 1</option> <option value="SEL2">Selection 2</option> </select> </div> 解决方案: 参考一: https://stackoom.com/question/1Jqm/如何在jQuery的SELECT元素中选择特定选项 参考二: https://oldbug.net/q/1Jqm/How-do-you-select-a-particular-option-in-a-SELECT-element-in-jQuery 来源: oschina 链接: https:/

Python 基础语法(一)

有些话、适合烂在心里 提交于 2020-05-03 16:45:52
Python的特点   1. 简单     Python是一种代表简单思想的语言。   2. 易学     Python有极其简单的语法。   3. 免费、开源     Python是FLOSS(自由/开放源码软件)之一。   4. 高层语言     使用Python编写程序时无需考虑如何管理程序使用的内存一类的底层细节。   5. 可移植性     Python已被移植到很多平台,这些平台包括Linux、Windows、FreeBSD、Macintosh、Solaris、OS/2、Amiga、AROS、AS/400、   BeOS、OS/390、z/OS、Palm OS、QNX、VMS、Psion、Acom RISC OS、VxWorks、PlayStation、Sharp Zaurus、   Windows CE甚至还有PocketPC。   6. 解释性     可以直接从源代码运行。在计算机内部,python解释器把源代码转换为字节码的中间形式,然后再把它翻译成计算机使用的机器语言。   7. 面向对象     Python既支持面向过程编程也支持面向对象编程。   8. 可扩展性     部分程序可以使用其他语言编写,如c/c++。   9. 可嵌入型     可以把Python嵌入到c/c++程序中,从而提供脚本功能。   10. 丰富的库    

javaScript基础

家住魔仙堡 提交于 2020-05-03 15:07:05
1.继承 1、原型链继承,将父类的实例作为子类的原型,他的特点是实例是子类的实例也是父类的实例,父类新增的原型方法/属性,子类都能够访问,并且原型链继承简单易于实现,缺点是来自原型对象的所有属性被所有实例共享,无法实现多继承,无法向父类构造函数传参。 2、构造继承,使用父类的构造函数来增强子类实例,即复制父类的实例属性给子类,构造继承可以向父类传递参数,可以实现多继承,通过call多个父类对象。但是构造继承只能继承父类的实例属性和方法,不能继承原型属性和方法,无法实现函数服用,每个子类都有父类实例函数的副本,影响性能 3、实例继承,为父类实例添加新特性,作为子类实例返回,实例继承的特点是不限制调用方法,不管是new 子类()还是子类()返回的对象具有相同的效果,缺点是实例是父类的实例,不是子类的实例,不支持多继承 4、拷贝继承:特点:支持多继承,缺点:效率较低,内存占用高(因为要拷贝父类的属性)无法获取父类不可枚举的方法(不可枚举方法,不能使用for in 访问到) 5、组合继承:通过调用父类构造,继承父类的属性并保留传参的优点,然后通过将父类实例作为子类原型,实现函数复用 6、寄生组合继承:通过寄生方式,砍掉父类的实例属性,这样,在调用两次父类的构造的时候,就不会初始化两次实例方法/属性,避免的组合继承的缺点 2.this指向 (1).this 指向有哪几种 1.默认绑定

Typescript 最佳实践

久未见 提交于 2020-05-02 20:27:42
文章列表: 《一》大话 TypeScript 基本类型 《二》大话 Typescript 枚举 《三》大话 Typescript 接口 《四》大话 Typescript 泛型 《五》大话 Typescript 函数与类 《六》Typescript 最佳实践 为了更好的阅读体验, 可以看. 一年前刚接触 Typescript 的时候, 觉得它加大了代码工作量. 写一大堆东西.为了找某个类型东奔西跑, 引入第三库还经常报错. 然而现在的我想说: 真香. 我们经常吐槽别人代码可维护性特别低, 总是希望别人能够主动的写注释, 可是写注释却没有任何方式可以进行约束. 这下好了, 类型就是最好的注释, 用 Typescript, 可以大大提高代码的可维护性. 一. 如何处理第三方库类型相关问题 Typescipt 所提供的第三方库类型定义不仅约束我们的输入调用, 还能为我们提供文档. 现在, NPM 上的第三方类型定义种类繁多,很难保证类型定义是正确的. 也很难保证所有使用的第三方库都有类型定义. 那么, 在这个充满未知的过程中,如何才能正确使用TypeScript中的第三方库呢? 下面列举了四种常见的无法正常工作的场景以及对应的解决方法: 库本身没有自带类型定义 库本身没有类型定义, 也没有相关的@type 类型声明库有误 类型声明报错 1. 库本身没有自带类型定义 查找不到相关的库类型.

.Net Core Web Api实践(二).net core+Redis+IIS+nginx实现Session共享

偶尔善良 提交于 2020-05-02 18:35:00
前言:虽说公司app后端使用的是.net core+Redis+docker+k8s部署的,但是微信公众号后端使用的是IIS部署的,虽说公众号并发量不大,但领导还是使用了负载均衡,所以在介绍docker+k8s实现分布式Session共享之前,就先介绍一下IIS+nginx实现Session共享的方案,两者其实区别不大,所以这篇着重介绍方案,下篇介绍测试的区别以及填坑的方式。 1、环境准备 操作系统:Windows10 IIS:需要安装模块 VS2019、本地Redis数据库、ngnix(windows版) 2、Session共享的简易说明 下图简要说明了负载均衡通过轮询方式,将同一个客户端请求发送到不同的站点下,操作的Session应该是同一个。 3、添加测试项目 虽然个人认为本来WebApi中使用Session本身就是一种不合理的设计,但这是旧项目迁移需要保留的历史逻辑,所以只能硬着头皮寻找对应的解决方案了。 在VS2019中添加一个.net core 的WebApi项目,使用Session的话需要添加以下配置。 Startup.cs类中,ConfigureServices方法添加services.AddSession(); Configure方法中添加app.UseSession(); 注意要放到UseMVC方法前面。 测试代码如下,添加testController类