element

应公司业务要求，给轨迹回放加个滚动条，一开始我采用的是高德地图的折线绘制，但是如果要加上进度条并不太不合适，拖动滚动条，点位没有恢复的API，后来决定使用巡航轨迹，巡航轨迹支持更丰富的轨迹API，使用起来也更方便。 下面是做完的效果图： 使用的技术有：vue，高德地图1.4（amap），element-UI 下面的是部分源码： html部分 <template> <div id="demo"> <div id="test-map" /> <!--控制条--> <div class="map-control" v-show="isActual"> <!--播放暂停按钮--> <Icon v-if="!isPlay" class="play-icon" type="ios-play" @click="isPlay=true;navgControl('start')" /> <Icon v-else class="play-icon" type="ios-pause" @click="isPlay=false;navgControl('pause')"/> <!--已播放时间--> <span class="passed-time">{{passedTime}}</span> <!--进度条--> <el-slider v-model="sliderVal" :format

其实 web scraper 说到底就是那点儿东西，所有的网站都是大同小异，但是都还不同。这也是好多同学总是遇到问题的原因。因为没有统一的模板可用，需要理解了 web scraper 的原理并且对目标网站加以分析才可以。 今天再介绍一篇关于 web scraper 抓取数据的文章，除了 web scraper 的使用方式外，还包括一些简单的数据处理和分析。都是基础的不能再基础了。选择这个网站一来是因为作为一个开发者在上面买了不少课，还有个原因就是它的专栏也比较有特点，需要先滚动加载，然后再点击按钮加载。 开始正式的数据抓取工作之前，先来看一下我的成果，我把抓取到的90多个专栏的订阅数和销售总价做了一个排序，然后把 TOP 10 拿出来做了一个柱状图出来。 抓取数据 今天要抓的这个网站是一个 IT 知识付费社区，极客时间，应该互联网圈的大多数同学都听说过，我还在上面买了 9 门课，虽然没怎么看过。 极客时间的首页会列出所有网课，和简书首页的加载方式一样，都是先滚动下拉加载，之后变为点击加载更多按钮加载更多。这是一种典型网站加载方式，有好多的网站都是两种方式结合的。这就给我们用 web scraper 抓数据制造了一定的麻烦，不过也很好解决。 1、创建 sitemap，设置 start url 为 https://time.geekbang.org/ 。 2、创建滚动加载的

环境：Python3.6、selenium3、谷歌浏览器 当我们定位这个位置text时显示的数据是不全的，那我们就需要定位title标签，但是尝试定位一直没成功，后来发现xpath的另一个功能那就是.get_attribute('title')这样就可以定位到title的数据了，下面我们看代码： bro.find_element_by_xpath('//*[@id="levelReport"]/......').get_attribute('title') 来源： oschina 链接： https://my.oschina.net/u/4358286/blog/4657778

Python小白零基础入门 —— 集合(set) 点击上方“Python读数”，选择“星标”公众号 重磅干货，第一时间送达 Python零基础入门的第四篇文章，为大家介绍Python中集合的这一数据类型，读完这篇文章后，也就基本掌握了Python的基本数据类型。 Python中的集合和数学上的集合是一个概念，基本功能包括关系测试和消除重复元素，对于集合还可以进行数学上的交、并、差运算。定义一个集合的方式，见下面的代码： ①使用set()函数 In [18]: color_set = set(['green','blue','red','yellow','blue']) In [20]: color_set Out[20]: {'blue', 'green', 'red', 'yellow'} ②使用{}定义，需要注意的是{}必须含有元素，空的{}定义的是空的字典 In [19]: color_set = {'green','blue','red','yellow','blue'} In [20]: color_set Out[20]: {'blue', 'green', 'red', 'yellow'} 可以看到，set()会帮你去掉重复的元素（上方的'blue'），下面讲一下集合的常见操作 判断一个元素是否在集合内 写法：element in set n [21]: 'blue'

曾经看过一部网络小说，主角在轮回中的第九世是个大反派。而全书都是主角在努力修炼改变第九世，算是圆满自己的修行。因为一些原因没看完，只是记得书名好像叫做《重修第九世》，但是利用收索引擎却没有找到这本书，应该是我记错了名字。不过就像这本书一样，我相信每个人都有自己没有圆满的事情，有些可以弥补，而有些却无法弥补。 我在大学时期并没有把数据结构与算法学好，在步入工作的这一段时间中，屡次想要去拾起算法。书倒是买了不少，视频也看过一些，但都半途而废了。于是决定通过写文章的形式来学习算法。一边通过讲解的方式加深自己的理解，同时帮助别人，另一方面也是希望通过 flag 的形式来保质保量的学习算法嘛，先定它一个小目标，一周至少两篇关于算法的博客。 基本上，在开发任意一款 to B 应用，我们都不可避免的涉及到树形结构的增删改查。就个人而言，我接触过所有的产品中，都不可避免的树结构。个人也参考并且手写过树组件以及树操作。对树结构的方案也有一定思考。于是，第一篇我决定就从实际业务出发，从树的构建开始： 这里为了简化，就简单设定。如果当前书节点不具有父节点，则 parentId 为0。对于其他需求，请自行设定配置项。 interface TreeItem { id: number // 父节点的 id parentId: number // 当前树的名称 name: string } for 循环使用

文章目录 第八章 集合 8.1 Java 集合框架 8.1.1 将集合的接口与实现分离 8.1.2 Collection 接口 8.1.3 迭代器 8.1.4 泛型实用方法 8.1.5 集合框架中的接口 8.2 具体的集合 8.2.2 数组列表 8.2.3 散列集 8.2.4 树集 8.2.5 队列与双端队列 8.2.6 优先级队列 8.3 映射 8.3.1 基本映射操作 8.3.2 更新映射项 8.3.3 映射视图 8.3.4 弱散列映射 8.3.5 链接散列集与映射 8.3.6 枚举集与映射 8.3.7 标识散列映射 8.4 视图与包装器 8.4.1 轻量级集合包装器 8.4.2 子范围 8.4.3 不可修改的视图 8.4.4 同步视图 8.4.5 受查视图 8.4.6 关于可选操作的说明 8.5 算法 8.5.1 排序与混排 8.5.2 二分查找 8.5.3 简单算法 8.5.4 批操作 8.5.5 集合与数组的转换 8.5.6 编写自己的算法 8.6 遗留的集合 8.6.1 Hashtable类 8.6.2 枚举 8.6.3 属性映射 8.6.4栈 8.6.5 位集 day31 第八章 集合 8.1 Java 集合框架 8.1.1 将集合的接口与实现分离 ● 队列 （queue) 是如何分离的？ 队列的简化接口如下图 队列通常有两种实现方式： 一种是使用循环数 组

集合 集合的概念 集合是对象的容器,定义了对多个对象进行操作的常用方法,可实现数组的功能 集合和数组的区别: 数组长度固定,集合长度不固定 数组可以存储基本类型和引用类型,集合只能存储引用类型 Collection体系集合 Collection父接口方法 Iterator<E>iterator() 返回一个用于访问集合中各个元素的迭代器 int size() 返回当前存储在集合中的元素个数 boolean isEmpty() 如果集合中没有元素,返回true boolean contains(Object obj) 如果集合中包含了一个与obj相等的对象,返回true boolean containsAll(Collection<?> other) 如果这个集合包含other集合中的所以元素,返回true boolean add(E element) 将一个元素添加到集合中,如果由于这个调用改变了集合,返回true boolean addAll(Collection<? extends E> other) 将other集合中所以元素添加到这个集合.如果由于这个调用改变了集合,返回true boolean remove(Object obj) 从这个集合中删除等于obj的对象.如果有匹配的对象被删除,返回true boolean removeAll(Collectin<?>

作为前端，每日与 URL 打交道是必不可少的。但是也许每天只是单纯的用，对其只是一知半解，随着工作的展开，我发现在日常抓包调试，接口调用，浏览器兼容等许多方面，不深入去理解URL与URL编码则会踩到很多坑。故写下此篇文章，详解一下 URL 。 URL 与 URI 很多人会混淆这两个名词。 URL：(Uniform/Universal Resource Locator 的缩写，统一资源定位符)。 URI：(Uniform Resource Identifier 的缩写，统一资源标识符)。 关系： URI 属于 URL 更低层次的抽象，一种字符串文本标准。 就是说，URI 属于父类，而 URL 属于 URI 的子类。URL 是 URI 的一个子集。 二者的区别在于，URI 表示请求服务器的路径，定义这么一个资源。而 URL 同时说明要如何访问这个资源（http://）。 端口 与 URL标准格式 何为端口？ 端口(Port)，相当于一种数据的传输通道。用于接受某些数据，然后传输给相应的服务，而电脑将这些数据处理后，再将相应的回复通过开启的端口传给对方。 端口的作用：因为 IP 地址与网络服务的关系是一对多的关系。所以实际上因特网上是通过 IP 地址加上端口号来区分不同的服务的。 端口是通过端口号来标记的，端口号只有整数，范围是从0 到65535。 URL 标准格式 通常而言

（wip）Element-UI 3 (Ale-UI) for vue3 这是一个基于 element-ui 修改的，支持 Vue 3 的组件库，你可以叫它 element3，也可以叫它 Ale （爱了）。 目前 0.1.0 版本已经发布到 github，完成了 17 个组件的修改。 不过一个人力量有限，所以在希望可以得到更多的开发支持，非常欢迎各位大神可以 star 和 commit 提交 请注意代码规范（项目内嵌了 prettier）。 提交前请先拉取代码，以免产生不必要的冲突 提交规范： key: value 。比如：重构了 button 按钮 -> refactor: refactor button key 可选 ： feat：新功能（feature） fix：修补bug docs：文档（documentation） style： 格式（不影响代码运行的变动） refactor：重构（即不是新增功能，也不是修改bug的代码变动） test：增加测试 chore：构建过程或辅助工具的变动 release: 发布 已移植组件 - Layout 布局 - Container 布局容器 - Color 色彩 - Typography 字体 - Border 边框 - Icon 图标 - Button 按钮 - Link 文字链接 - Radio 单选框 - Checkbox 多选框

This tutorial helps you build your first VR app in Unity. It’s a basic app, which introduces primary Unity concepts such as 3D objects, components, and build settings. It does not use Oculus Integration package as the objective of this tutorial is to get you started with Unity’s basic concepts and interface. At the end, you’ll have a VR app ready to run on your computer. What’s the app about? It’s a simple game! The scene contains a play area surrounded by four walls and a ball that acts as a player. The objective of the game is to keep the ball rolling without colliding with the walls. If it