RED

JS 数据结构-Set 集合 创建Set 常用Set方法

て烟熏妆下的殇ゞ 提交于 2020-05-08 05:57:40
Set   ES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。   很多时候我们把Set叫做 集合,但是,Set可以是集合,集合不一定是Set。   特性:唯一性=>不重复=>能够对数据进行去重操作。 注:集合去重,是全等匹配,===。 创建Set   Set 本身是一个构造函数,调用构造函数用来生成 Set 数据结构。          关键词  标识符 = new Set();   例    let    i   = new Set();      Set 函数可以接受一个数组(或类似数组的对象)作为参数,用来进行数据初始化。       let i = new Set([1, 2, 3, 4, 4]);  会得到  set{1, 2, 3, 4,} 注:如果初始化时给的值有重复的,会自动去除。   集合并没有字面量声明方式。 Set的属性   常用的属性就一个:size   返回 Set 实例的成员总数。   let s = new Set([1, 2, 3]);   console.log( s.size ); // 3 Set的方法   Set 实例的方法分为两大类:操作方法(用于数据操作)和遍历方法(用于遍历数据)。   操作方法:       add(value)    添加数据,并返回新的 Set 结构       delete

web前端(10)—— 浮动,清除默认样式

有些话、适合烂在心里 提交于 2020-05-08 05:48:54
文档流 web页面和ps等设计软件有本质的区别,web 网页的制作,是个“流”,从上而下 ,像 “织毛衣”,就跟编程语言一样,都是由上而下 而设计软件 ,想往哪里画东西,就去哪里画 文档流带来的最明显的现象就是一行写不完换行写 自动换行,一行写不满,换行写 如果在一行内写文字,文字过多,那么浏览器会自动换行去显示我们的文字 文档流还有其他现象 底部对齐,高矮不管 文字还有图片大小不一,都会让我们页面的元素出现高矮不齐的现象,但是在浏览器查看我们的页面总会发现底边对齐 例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> <style> p:first-letter{font-size:50px} </style> </head> <body> <p>test123</p> </body> </html> 效果测试: 空白折叠现象 多个空格会被合并成一个空格显示到浏览器页面中。img标签换行写。会发现每张图片之间有间隙,如果在一行内写img标签,就解决了这个问题,但是我们不会这样去写我们的html结构。这种现象称为空白折叠现象 浮动与清除浮动 浮动是css里面布局最多的一个属性,也是很重要的一个属性 float 表示浮动的意思,它有三个值: none: 表示不浮动

廖雪峰Java11多线程编程-3高级concurrent包-1ReentrantLock

我的未来我决定 提交于 2020-05-08 05:03:46
1.java.util.concurrent 线程同步: 是因为多线程读写竞争资源需要同步 Java语言提供了synchronized/wait/notify来实现同步 编写多线程同步很困难 所以Java提供了更高级的java.util.concurrent包: 更高级的同步功能 简化多线程程序的编写 JDK>= 1.5 2.ReetrantLock java.util.locks.ReentrantLock用于替代synchronized加锁 synchronized是Java语言层面提供的,不需考虑异常 ReentrantLock是普通的Java类,要用try...finally来保证锁能够正确释放 <img src="https://img2018.cnblogs.com/blog/1418970/201906/1418970-20190612191718983-438603878.png" width="500" /> 当我们使用ReenTrantLock的时候,我们首先要通过new ReentrantLock()新建一个Lock对象。然后我们先试图用lock()方法获得当前对象的锁。如果我们获得锁成功,就进入try代码,最后在finally中用unlock()来释放这个锁。 <font color="red">注意:lock()方法必须在try代码之外完成。因为lock(

vue中excel导入导出组件

北城余情 提交于 2020-05-08 04:45:51
vue中导入导出excel,并根据后台返回类型进行判断,导入到数据库中 功能:实现js导入导出excel,并且对导入的excel进行展示,当excel标题名称和数据库的名称标题匹配时,则对应列导入的数据自动渲染展示在表格中,预览展示10条,不足10条的的用空行表示。可通过下拉框动态切换对应列的值。图片保存到系统中是将有src属性的img值替换为后台传递过来的七牛云地址,导入完成后,部分导入失败的数据可以下载到本地查看 导入的excel文件 使用该导入功能需安装依赖 npm install xlsx 需要使用导入导出功能的自行复制对应方法进行使用 exportData是用于导入的 tableToExcel 和 exportPathMethod是用于导出的 <template> <div class="excel" > <el- dialog :visible.sync ="centerDialogVisible" :title ="titleName" :close -on-click-modal="false" :before -close="beforePausClose" width ="1040px" > <div style="min-height: 550px;padding: 0 20px"> <div class="excel-header"> <el-select

什么是BFC(块级格式上下文)?

浪子不回头ぞ 提交于 2020-05-08 04:26:53
㈠什么是BFC? BFC 全称为 块格式化上下文 (Block Formatting Context) 。 定义:浮动元素和绝对定位元素,非块级盒子的块级容器(例如 inline-blocks, table-cells, 和 table-captions),以及overflow值不为“visiable”的块级盒子,都会为他们的内容创建新的BFC(块级格式上下文)。 ㈡BFC的布局规则是什么? 1)内部的box会在垂直方向,一个接一个地放置(可以看作BFC中有一个的常规流)。 2)Box垂直方向的距离有margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠 3)每个元素的margin box 的左边,会包含块border box的左边相接触(对于从左往右的格式化,否则相反),即使存在浮动也是如此 4)BFC的区域不会与float box 重叠 5)BFC就是页面上的一个隔离的独立容器,容器里面的子元素不会影响到外面的元素。反之也如此 6)计算BFC的高度时,浮动元素也参与计算 ㈢那些情况会产生新的BFC/如何创建BFC? ⑴根元素或其它包含它的元素 ⑵浮动 (元素的 float 不为 none) ⑶绝对定位元素 (元素的 position 为 absolute 或 fixed) ⑷行内块 inline-blocks (元素的 display: inline

【CSS学习】--- float浮动属性

ε祈祈猫儿з 提交于 2020-05-08 04:17:45
一、前言   浮动元素以 脱离标准流 的方式来实现元素的向左或向右浮动,并且浮动元素 还是在原来的行上进行浮动的 。float浮动属性的四个参数:left:元素向左浮动;right:元素向右浮动;none:默认值,元素不浮动;inherit:继承父元素的float属性值。 举两个栗子 父元素是否注意到自己有个浮动的子div呢? < div style ="width: 400px; height: auto; border: 2px solid black;" > < div style ="width: 50px; height: 100px; background-color: green; float: right;" ></ div > 我才不知道有没有浮动框,我只显示文字的高度 </ div > 从中我们可以发现,处于标准流中的父div并不知道浮动元素的存在,而浮动元素却知道它父元素的边界,它一直向右浮动直到撞到了父框的右边界为止。 < div style ="width: 240px; height: auto; border: solid 1px black;" > < div style ="width: 80px; height: 80px; background-color: red;" > 框一 </ div > < div style ="width:

小程序中使用阿里图标库iconfont

倖福魔咒の 提交于 2020-05-08 04:09:43
小程序中使用阿里图标库iconfont 项目中常常需要使用到字体图标,微信小程序中使用字体图标与在平常的web前端中类似但是又有区别。下面以使用阿里图标为例子讲解如何在微信小程序中使用字体图标。 第一步:下载需要的字体图标 进入阿里图标官网http://iconfont.cn/搜索自己想要的图标,如这里需要一个购物车的图标,流程为: 搜索“购物车”图标--->点击“添加入库”-->点击购物车进入购物车-->点击下载代码按钮。 点击下载代码,将得到名为download.zip的压缩包,解压将看到以下内容: 第二步:转换ttf文件 进入 https://transfonter.org/ 平台,将解压出来的ttf字体文件转化成base64格式。流程如下: 点击下载,得到转换后的压缩包,名为transfonter.org-开头。解压可以得到如下图的几个文件: 第三步:在微信小程序中使用 新建微信小程序,将默认生成的代码删除。 1--在index.css文件中添加样式内容。打开刚刚我们经过转换的解压出来的文件,找到stylesheet.css,将其中的内容 全部复制到index.css文件中 。注意是转换过的那个文件。 2--打开没有转换过的download.zip解压出来的文件,找到iconfont.css文件,将这个文件中的内容复制到index.css文件中。@font

OSChina 周五乱弹 —— 猫变成了王子报恩

≡放荡痞女 提交于 2020-05-08 02:40:02
Osc乱弹歌单(2020)请戳( 这里 ) 【今日歌曲】 @ 薛定谔的兄弟 :分享洛神有语创建的歌单「我喜欢的音乐」: 《Chalte Chalte》- Ishaan 手机党少年们想听歌,请使劲儿戳( 这里 ) 夏天带着口罩太难受了, @ yoyoso :我算是明白了尘肺病人早年宁愿将来得病,也不愿意长久戴着口罩的原因,真的很热很不舒服。话说我们这一代人,如果常年戴着口罩,会有什么严重的后果呢 这样怎么找对象啊? @ 萌小呦 :生日礼物,想让闺蜜送我对象,如何?哈哈哈哈哈 我看行, 闺蜜知道你喜欢什么样子的呀, 总比室友介绍的靠谱吧? @ 老bia同学 : #相亲# 五一去见了一下室友的女朋友给我介绍的女生,目前聊的有一搭没一搭,一般我找她聊两句,偶尔她找我聊两句...性格很内敛,也不知道能不能成哦...说的不相亲了,但是我老汉儿都开始在催我了,说我不结婚,耽误我弟弟结婚. 那是你没遇到自己喜欢的人呀, 压力好大, 要是小时候就认识就好了, 那个时候在一起聊天也没什么压力, @ Red薯 : 靠,中学时候觉得丑的女孩子,现在舔都来不及。真好看。 小时候也有好看的啊, “里面有6个女孩和别人画风不一样啊!” 那个时候就有舔狗了, @ clouddyy :看看现在的“后浪”,直接输在童年了!! 这样的, 小妹妹,你牵着的小狗还挺可爱的, 能摸摸么? “狗:我同意了么?”

CSS float的相关图文详解(一)

﹥>﹥吖頭↗ 提交于 2020-05-08 02:32:02
   大家好,作为一个刚入门的小前端,第一次写博客,很是鸡冻。由于涉猎较浅,有些知识可能说的不清楚,或者有什么错误,欢迎留言指正。我的第一篇博客写的关于css的浮动的。想必很多小伙伴特别是刚学的,对浮动有一定的迷惑,当然了,并不是所有初学者都像我一样迷迷糊糊。哈哈,废话不多说,现在谈谈 我对浮动的理解,更应该说是总结吧,还是那句话,如果哪里不对,请留言指出,这也是帮助我进步。     历史:      浮动最开始是为了实现文字环绕的效果,也就是说浮动最开始是用来做一些文字混排效果 的。   浮动:   元素的浮动是指设置了浮动属性的元素会脱离标准流的控制,移动到其父元素中指定位置的过程。如果元素设置了浮动,会使元素向左或向右移动,也就是说元素只能水平方向浮动,不能上下浮动,而元素设置了浮动后,周围的元素也会重新排列。一个浮动的元素会尽量向左或向右移动,直到它的外边缘碰到包含边框或另一个浮动框的边框为止。需要 注意 的是:浮动元素之前的元素不会受到影响,而浮动元素之后的元素会围绕它。    图1:      图1解释:这是三个自上而下排列的块级元素,块级元素独占一行,当给框1设置向右浮动时,框1会脱离文档流,不占据原来的位置,并且向右移动,直到框1的右边缘碰到包含框的右边缘    总结 : 浮动元素会脱离文档流,不占据原来的位置。浮动的元素总是找离它最近的父级元素对齐

再谈JQuery插件$.extend(), $.fn和$.fn.extend()

假如想象 提交于 2020-05-08 02:28:05
在我的博客中,曾经写过一篇关于JQuery插件的文章 https://www.cnblogs.com/wphl-27/p/6903170.html 今天看一个项目的代码时,看到使用JQuery插件部分,我于是又仔细看了几篇文章,对JQuery插件有了更加深刻的理解,特记录如下: 我们都知道JQuery中的一个给DOM中元素设置CSS的方法,很简单 $("div").css("color","red"); 上面这个方法,可以为DOM中的div元素设置css样式。 我们可能从来没有想过,这个在JQuery内部是怎样实现的呢,我们有没有可能仿照它的内部实现,去实现我们自己自定义的方法 比如我们可以自己实现一个ourFunc(...), 然后也可以这样用 $("div").outFunc(....) 答案是可以的,这个答案就是 JQuery插件 这个JQuery默认已经提供了的方法css, 其实在JQuery内部就是用JQury插件$.fn来实现的。所以同样的道理,我们也可以自己写方法添加到$.fn上,然后就可以依葫芦画瓢来使用了: --看下面的例子 $.fn.setColor = function () { this .css("color", "blue" ); console.log( this instanceof jQuery); // true }; 这里