首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

我有两个列表,现在需要找出两个列表中的不同元素,怎么做?

一、前言 前几天在帮助粉丝解决问题的时候,遇到一个简单的小需求,这里拿出来跟大家一起分享,后面再次遇到的时候,可以从这里得到灵感。...二、需求澄清 问题如下所示: 三、实现过程 这里【听风】一开始给了一个集合求差集的方法,差强人意。 不过并没有太满足要求,毕竟客户的需求是分别需要两个列表中不重复的元素。...后来【听风】又给了一个方法,如下所示: 这次是完全贴合要求了,代码运行之后,可以得到预期的效果: 这里再补充一个小知识点,提问如下图所示: 后来【听风】给了一个方法,如下图所示: 原来列表转df...是这样玩的,接下来你就可以把数据导出为Excel等其他格式了,不再赘述。...三、总结 大家好,我是皮皮。这篇文章主要盘点一个Python实用的案例,这个案例可以适用于实际工作中文件名去重等工作,感谢【听风】大佬给予耐心指导。

3.3K10

“互联网”+5G时代,遵义微红科技助力企业网站建设快速发展!

随着如今互联网的快速发展,移动平台的广泛使用。传统的PC版网站已经不能完全满足于各个用户的基本需求。用户希望的更多的是可以把网站推送到移动终端来进行显示。...响应式网站 站点访问终端是跨多个平台实现的,多样性,从台式机、笔记本电脑、平板电脑、手机,可以适应不同大小的显示网页,现在页面的趋势是未来很长一段时间的设计趋势。因此,响应的网站是解决问题。...这种纯技术网络开发方法可以保证适应不同的分辨率,对使网页的元素进行重组,使其无论在什么样的浏览终端,都能达到好的视觉效果。...有很多不同的方法可以做到这一点:使用空白,图像,图层,元素堆叠方式以及图案。 精准化、类型化 前几年客户会说我要做个网站,不在意美丑,有就行。现在这种声音几乎快消失了。...但是它们看起来有很大不同,并且更加有趣,滑块设计的趋势是使用带有有趣动画和形状的滑块元素。 想快速上搜索引擎首页,让客户主动找上来,除了有一个好的网站布局和设计,另就是内容也很关键。

45700
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    H5移动端适配原理及方案

    工作中接触到了移动端的开发,所以最近学习一下移动端相关内容。目前还是一个初学者,出现任何问题请多多谅解。...移动端页面需要具备响应式设计,以适应不同大小和分辨率的移动设备屏幕。使用流体网格布局、弹性图片和媒体查询等技术,确保页面在各种设备上都能良好显示。...首先,我们需要了解如何在 PC 端查看不同设备的显示情况,这里我使用的是 Chrome 浏览器,对于所有搞开发的小伙伴来说,Chrome、火狐浏览器以及新版的 Edge 浏览器应该是最好用的工具了接着,...移动端适配原理在学习移动端适配原理之前,我们先了解一下在 VSCode 中自动生成的 head 标签中的 viewport。viewport 可以翻译为 视区 或者 视口。...在移动端常用到的是 rem,通过使用 rem 单位,可以相对于根元素的字体大小来定义布局和元素的尺寸,从而使网页更灵活地适应不同的屏幕尺寸。

    41710

    Material Design — Navigation drawerStandard drawer Modal drawer Bottom drawer

    自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚...Modal navigation drawers 使用遮罩来阻止用户与 app 内容的其余部分进行交互。 它们高于大多数 app 元素,不会影响屏幕的布局网格。 主要用于屏幕空间有限的移动设备。...Modal navigation drawers 主要用于屏幕空间有限的移动设备,在平板电脑和台式机上可以用 standard drawers 来取代。 ?...行为 移动端打开(纵向) 与其他 modal bottom sheets 一样, bottom navigation drawer 的初始垂直位置基于其内容和屏幕高度,但最初不能在高于屏幕高度的50%以上打开...移动端打开(横向) 在移动端的横向方向上,较高的 bottom navigation drawers 会自动打开到全屏模式。 ? ?

    3.8K40

    谷歌Material Design可视化数据设计规范指南

    面积图 面积图有多种类型,包括堆叠面积图和层叠面积图: · 堆叠面积图显示多个时间序列(在同一时间段内)堆叠在一起 · 层叠面积图显示多个时间序列(在同一时间段内)重叠在一起 层叠面积图建议不要使用超过两个时间序列...线 图表中的线可以表示数据的特性,例如层次结构,突出和比较。线条可以有多种不同的样式,例如点划线或不同的不透明度。...图例 在PC端,建议在图表下方放置图例。在移动端,将图例放在图表上方,以便在交互过程中保持可见。 标签和图例 在简单图表中,可以使用直接标签。在密集的图表(或更大的图表组的一部分)中,可以用图例。...· 在PC端,通过单击、拖动或滚动进行缩放 · 在移动端,通过捏合进行缩放 当缩放不是主要操作时,可以通过单击和拖动(在PC端)或双击(在移动端)来实现。 平移 平移让用户能够看到屏幕之外的界面。...分页 在移动端,分页是一种常见模式,让用户通过向右或向左滑动来查看上一个或下一个图表。 在移动端,用户可以向右滑动以查看前一天。 4. 数据控制 可以使用切换控件,选项卡和下拉菜单筛选或改变数据。

    3.9K21

    Google数据可视化团队:数据可视化指南(中文版)

    面积图 面积图有多种类型,包括堆叠面积图和层叠面积图: · 堆叠面积图显示多个时间序列(在同一时间段内)堆叠在一起 · 层叠面积图显示多个时间序列(在同一时间段内)重叠在一起 层叠面积图建议不要使用超过两个时间序列...线 图表中的线可以表示数据的特性,例如层次结构,突出和比较。线条可以有多种不同的样式,例如点划线或不同的不透明度。...图例 在PC端,建议在图表下方放置图例。在移动端,将图例放在图表上方,以便在交互过程中保持可见。 标签和图例 在简单图表中,可以使用直接标签。在密集的图表(或更大的图表组的一部分)中,可以用图例。...· 在PC端,通过单击、拖动或滚动进行缩放 · 在移动端,通过捏合进行缩放 当缩放不是主要操作时,可以通过单击和拖动(在PC端)或双击(在移动端)来实现。 平移 平移让用户能够看到屏幕之外的界面。...在此示例中,图表数据从按天显示动态切换到按周显示。转换期间不会显示所选日期范围之外的数据,从而降低了复杂性。 ? 动画能够体现两个不同图表的相关性。 6.

    5.2K31

    70个NumPy练习:在Python下一举搞定机器学习矩阵运算

    难度:1 问题:将1维数组转换为2行的2维数组 输入: 输出: 答案: 8.如何垂直堆叠两个数组? 难度:2 问题:垂直堆叠数组a和b。 输入: 输出: 答案: 9.如何水平堆叠两个数组?...只能使用numpy函数和输入数组a。 输入: 输出: 答案: 11.如何获得两个python numpy数组之间的共同元素? 难度:2 问题:获取数组a和b之间的共同元素。...输入: 输出: 答案: 12.从一个数组中删除存在于另一个数组中的元素? 难度:2 问题:从数组a中删除在数组b中存在的所有元素。 输入: 输出: 答案: 13.获取两个数组元素匹配的索引号。...输入: 输出: 答案: 16.如何交换2维numpy数组中的两个列? 难度:2 问题:交换数组arr中的第1列和第2列。 答案: 17.如何交换2维numpy数组中的两个行?...难度:1 问题:使用科学记数法(如1e10)漂亮的打印数组rand_arr 输入: 输出: 答案: 23.如何限制numpy数组输出中打印元素的数量?

    20.7K42

    不受控制的 position:fixed

    大家都知道,position:fixed 在日常的页面布局中非常常用,在许多布局中起到了关键的作用。...可戳: 层叠上下文对 fixed 定位的影响(不同浏览器下表现可能不一样) 我们设置两个父子 div,子元素 fixed 定位,通过修改父元素生成层叠上下文,观察子元素的 fixed 定位是否不再相对视口... 中指定了任意 CSS 属性 不同内核的不同表现 完了吗?...position:fixed 的其他问题 当然,position: fixed 在移动端实现头部、底部模块定位。...这方面的问题,可以看看这篇文章:移动端web页面使用position:fixed问题总结 最后 系列 CSS 文章汇总在我的 Github ,持续更新,欢迎点个 star 订阅收藏。

    2.3K40

    简化视频广告投放

    这些因素在视频广告的投放中带来了许多新的挑战。我列出了许多这些技术挑战,尤其是在交互性和验证方面。我还将提供一个窗口,介绍数字视频技术工作组的领导方向,以解决这些问题。...我应该在移动设备上使用VPAID进行验证吗?我应该使用MRAID(移动富媒体广告接口定义)吗? 我们如何在SSAI(服务器端广告插入)上进行验证? 作为验证供应商,为什么我必须处理交互性?...关于互动性: 我不能只将VAST用于互动广告吗? 我应该在移动设备或MRAID上使用VPAID吗?我对移动应用内应用程序和移动网络的处理方式不同吗? 我们如何在SSAI上进行交互?...下表涵盖了跨移动应用内和浏览器(台式机和移动)环境的视频广告(视频广告的投放,交互性和验证)中的三个关键用例: image.png 对于那些试图在所有渠道上支持视频广告的人来说,这种复杂性和针对特定渠道的实施方式显然是一个挑战...适用于所有平台的单个标签(移动应用内以及台式机/移动网络) 在移动应用内视频验证将使用Open Measurement SDK(软件开发套件)进行。

    1.6K20

    一个侧边栏导航组件实现思路

    构建一个响应式导航系统是很困难的。有些用户使用键盘,有些用户使用强大的台式机,还有一些用户使用小型移动设备访问。每个访问者都应该能够打开和关闭菜单。 ?...桌面到移动设备响应式布局演示 用了哪些技术 在这次组件探索中,我很高兴地结合了一些关键的网络平台特性: 伪类 CSS Grid transforms 媒体查询和用户偏好 CSS 用户增强体验 我的解决方案只有一个侧边栏...现在,当我们的 sidenav 滑动打开和关闭,如果用户喜欢减少运动,我立即移动元素进入视图,保持没有运动的状态。...为了将移动设备上 Sidenav 的默认状态设置为屏幕外状态,我将元素的位置设置为: transform: translateX (- 110vw); 注意,我在典型的屏幕外代码 -100vw 中添加了...我通过在 JS 中的元素上调用 focus() 来实现这一点。

    3.6K40

    以太网交换机端口类型有哪些?

    图 2 固定电口图 3 光电模块(电口模块)     1.3 Combo口接口是一个光电复用接口,是由设备面板上的两个以太网口(一个光口和一个电口)组成。...3.1 Combo端口(即光电复用端口)是指交换机面板上的两个以太网端口,即电口(RJ45端口)和光口(SFP端口)。海翎光电的小编在上面也提到了。...3.2  堆叠端口是以太网交换机的一种特殊功能端口,主要是用来与相同品牌、型号和软件版本的以太网交换机进行堆叠连接,其中,多台堆叠交换机可视为一台交换机,用户可通过堆叠内的主交换机实现对堆叠内所有交换机的管理...同时,进行堆叠过后的端口容量是所有进行堆叠的交换机端口总和。此外,堆叠端口可以是以太网交换机中的某个上行链路端口,也可以是专用于堆叠的端口。  ...虽然混合端口与中继端口在很多方面存在相似之处,但是混合端口拥有更多的端口配置功能。    下图展示了接入端口、中继端口以及混合端口如何在同一网络系统中应用。

    2.5K30

    数据可视化设计指南

    面积图 面积图有几种类型,包括堆叠面积图和重叠面积图: 堆叠面积图显示了多个数据类别(在同一时间段内)彼此堆叠 重叠面积图显示了多个数据类别(在同一时间段内)彼此重叠 这两个图的区别在于堆叠面积图是各个类别数据叠加显示...在移动设备上,将图例放在图表上方,以使其在交互期间可见。 文本标签和图例 简单图表中可以直接在图表元素上显示文本标签,但是,密集的数据图表最好使用图例。 ? 使用文本标签的折线图 ?...使用图例的折线图 小显示器 可穿戴设备(或其他小屏幕)上显示的图表应为移动端或PC端图表的简化版本。 ? 允许。 数据图形上的在关键点显示注释以描述关键数据。在此示例中,显示波峰、波谷的数值。 ?...显示数据注释(移动端) 在移动设备上,触摸长按的手势会在图表上方显示工具提示。 缩放和平移 缩放和平移是常见的图表交互,它们影响用户研究数据和浏览图表时UI的紧密程度。...在PC端上,通过单击和拖动或滚动来进行缩放 在移动设备上,使用捏缩放进行缩放 如果缩放不是主要操作,则可以通过单击和拖动(在PC端)或双击(在移动设备上)来实现。

    6.1K31

    面试官:CSS 面试题集锦

    z-index 属性设置元素的堆叠顺序,拥有更高的堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面 该属性设置一个定位元素沿着 z 轴的位置,z 轴定义为垂直延申到显示区的轴,如果为正数,则离用户更加近...我在这里是把Bootstrap中的栅格系统叫做布局。它就是通过一系列的行(row)与列(column)的组合创建页面布局,然后你的内容就可以放入到你创建好的布局当中。...Bootstrap框架中的网格系统就是将容器平分成12份。 你用过媒体查询,或针对移动端的布局/CSS 吗?...inline-block 的区别 block和inline这两个概念是简略的说法,完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素...自适应是为了解决如何在不同大小的设备上呈现同样的网页(网页的主题和内容不改变) 响应式的概念覆盖了自适应,而且涵盖的内容更多。

    3.3K30

    alert弹窗样式自定义-Vue.js开发移动端经验总结

    移动端适配   相对于PC端来说,移动端设备分辨率百花齐放,千奇百怪,对于每一个开发者来说,移动端适配是我们进行移动端开发第一个需要面对的问题。   ...所以现在我们知道,这段在移动端常见的代码的意思,即将和设置为的值;这样我们在移动端就不会出现滚动条,网页内容可以比较好的展示出来,在这个前提下我们再考虑页面的适配问题。   ...UI出图的时候一般是有一个固定的宽度的,而我们实际的移动端设备的宽度却都不太一样,但是如果页面元素的缩放比例和页面宽度的缩放比例一致,在不同尺寸的设备下我们网页的效果也将会是一致的。   ...导致这个现象的原因是使用了的元素将创建一个新的堆叠上下文。...堆叠上下文( ):堆叠上下文是 HTML 元素的三维概念,这些 HTML 元素在一条假想的相对于面向(电脑屏幕的)视窗或者网页的用户的z 轴上延伸,HTML元素依据其自身属性按照优先级顺序占用层叠上下文的空间

    3.4K40

    2018年8月18日初识tkinter

    普通文件如音频视频没有影响,但是如果是软件的话 下载的时候会在注册表中记录打开文件的路径,如果移动到其他盘的话注册表中的路径没有修改,再次打开 软件的时候就无法正常打开了 查看自己笔记本的cpu型号是右击我的电脑属性...查看笔记本显卡型号是右击我的电脑属性->设备管理器->显示适配器: 显卡后面加个m代表是笔记本电脑使用的移动版显卡,m是mobile的缩写,是移动的意思,这种显 卡的功耗和性能都要低于同规格的台式机显卡...,不带m的是台式机的显卡 写代码的时候不要写和Python内置关键字相同名字的文件和变量,大小写不一样也不行 进程中的子进程也是根据时间片轮询?...是的,join属性可以让进程变为独占进程,等该进程执行完才能执行其他子进程 多线程售票在程序结束和判断结束两个地方都需要加解锁语句 事件类型多适用于两个线程和进程 添件类型多使用与多个线程或进程 进程管理模块...Tk 扩展了内建Tcl命令,用一些新的命令来创建成为 组件的用户界面元素,并用几何管理器将这些元素整合成美观的版面,继而将这个界面与应用程序关联起来。

    82220

    Vue.js开发移动端经验总结

    作者:阡ゼ陌 移动端适配 相对于PC端来说,移动端设备分辨率百花齐放,千奇百怪,对于每一个开发者来说,移动端适配是我们进行移动端开发第一个需要面对的问题。...user-scale=no禁止缩放 所以现在我们知道,这段在移动端常见的代码的意思,即将visualviewport和layoutviewport设置为idealviewport的值;这样我们在移动端就不会出现滚动条...UI出图的时候一般是有一个固定的宽度的,而我们实际的移动端设备的宽度却都不太一样,但是如果页面元素的缩放比例和页面宽度的缩放比例一致,在不同尺寸的设备下我们网页的效果也将会是一致的。...导致这个现象的原因是使用了transform的元素将创建一个新的堆叠上下文。...堆叠上下文(Stacking Context):堆叠上下文是 HTML 元素的三维概念,这些 HTML 元素在一条假想的相对于面向(电脑屏幕的)视窗或者网页的用户的z 轴上延伸,HTML元素依据其自身属性按照优先级顺序占用层叠上下文的空间

    4.3K10

    键盘鼠标共享效率工具-Synergy

    背景 在日常工作中,为了提高工作效率以及用户体验,会一个主机接多个显示器,像程序员一般都是使用两块显示器。 然而,有很多人是和我一样,自己有多台电脑,两个笔记本。...公司一个台式机,如何在台机器之间来回切换工作。在多台机器之间切换使用,来回的切换键盘鼠标是否让你觉得特别烦恼,是否希望能够在一套键鼠上实现跨机器的操作?今天介绍这个工具就是解决这个痛点。...安装 我两个笔记本是ubuntu和Mac,公司的办公台式机也是ubuntu,所以,我只做了ubutnu和mac的跨系统的使用操作,和windows安装,我这里就不介绍了。...温馨提示,建议不同系统安装相同版本的Synergy。...Server端配置: 下面是图: 打开软件,就会让你选择是服务端和客户端,如下图配置 上图中,点击设置服务端,在服务端配置中添加客户端服务端配置,首先添加客户端(否则客户端无法连接到服务端,会一直报WARNING

    4.5K80

    多台电子设备如何同步数据?

    这也是我的问题,因为我有7台不同的个人电脑设备。公司配的一台ThinkPad的笔记本,用来办公。我自己去年购置了一台HP(惠普)顶级配置的台式机,用于看电影、听音乐、玩游戏、上网冲浪和写博客。...事实上有这样问题的并非我一个,今年3月15日由微软赞助的一份最新调查显示,在受访的五个不同国家的不同城市中,共有68%的电脑用户同时在多台设备上处理多个任务;占总数46%的电脑用户会从一台设备跳到另外一台设备来完成某项任务...我也试过在两台设备上同时登录两个QQ号,在彼此之间发起文件传输的命令。当两台设备在同一个wifi网络环境里时,速度还不错,不过与U盘速度比还有差距。...以我的经验,百度云盘和腾讯微云网盘比Google Drive同步更加方便:除了可以像Google Drive那样通过浏览器上传及下载文件外,还可以在台式机、笔记本、安卓手机、苹果手机以及平板等设备上安装客户端...比如一旦将私人日记和私人照片放在云盘,则别人可能通过办公电脑看到这些私人数据。云盘技术的实现都是将数据从一个设备同步到云盘提供商如百度的服务器上,然后另外的设备可以从这些服务器下载同类数据,实现同步。

    4K50

    台式硬盘接口详解_台式机主板硬盘接口

    笔记本硬盘和台式机的硬盘主要的区别有:一是尺寸上的不同,笔记本硬盘是2.5英寸,台式机硬盘是3.5英寸的,虽然尺寸不同,但笔记本… 2016-12-31 09:06:01 一般内置移动硬盘有IDE,SATA...因为移动硬盘要通… 2017-03-20 13:55:09 ATA和IDE是一种硬盘,分为 33,66,100,133接口频率. SATA,就是现在的主流,串口硬盘,SATA1为150频率....SATA2具说可达到速度可达300M/S.我也没… 2016-12-16 12:34:34 我是直接用电线连接的;保护性:台式机全方面保护硬件不受灰尘的侵害。...我接哪一个比较好 2017-05-19 12:53:36 这要看你需要什么,硬盘容量大,移动硬盘有特别功能。...如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

    2.5K20

    武汉移动网站优化的五大要点

    因此,桌面的大多数SEO规则,如关键词部署,网站结构,URL和导航设计也适用于移动网站优化,主要区别在于移动搜索用户所需的特殊用户体验。   ...设计导航和内容中的链接易于点击,一个视觉上与众不同的CTA按钮,按钮大小适合调整,单词之间的空间更大,行间距更大,这些都有助于提高移动用户体验。...这是百度冰桶算法旨在打击的关键弊端之一。   不要阻止CSS,JavaScript或图像,在过去,一些移动设备无法支持所有这些元素,因此移动网站的网站管理员阻止了三个中的一个或全部。...但对于大多数部分来说,这已不再适用,搜索引擎希望能够查看和分类用户所做的相同内容。不要隐藏它们,如果您有响应式网站或不同的移动解决方案,这些元素对于帮助搜索引擎了解也很重要。   ...所以做好移动端,对于流量绝对是有把握的,在行业中,只要做到移动端的行业老大,那你的生意就会源源不断。

    1.5K00
    领券