position

2月1日学习日志

断了今生、忘了曾经 提交于 2020-02-01 21:37:15
今天着重于学习了div+css布局相关的知识: 1.css定位:相对定位(让元素相对于自己原来的位置,进行位置调整),固定定位 (页面滚动,位置不变),绝对定位. position:relative; left: 600px;    //left为居左600px top: 50px;     //top为居顶50px 2.ico图标的调用与创建: <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/> 3.版心布局: width:1190px;     /*宽度*/ margin: 0 auto;     /*居中对齐*/ 4.超链接的相关操作: /*超链接被鼠标经过时*/ a:hover{ color:#c81623; } /*取消下划线*/ a{ text-decoration:none; } 5.背景色: background-color:#020000; 6.左浮动(从左边向右) float:left; 今日疑点:1.css的层级调用关系?2.矢量图标的导入. 明日任务:初步开始学习制作app 来源: https://www.cnblogs.com/sicilya/p/12250093.html

Unity - Cinemachine实现相机抖动

你离开我真会死。 提交于 2020-02-01 05:24:48
普通相机抖动脚本较易实现,但在使用cinemachine相机下,其Transform组件不可被代码修改,那么Cinemachine的相机抖动如何实现呢?本文结合实际项目,对实现相机抖动的三大步骤进行系统讲解: 项目地址: Hero - SouthBegonia 配置流程 项目背景:一款2D像素动作游戏,我们操控着Player(必须带有Collider组件),游戏相机为 Cinemachine 2DCamera (关于其配置方法此处不做赘述,推荐文章在末尾参考处) 1. 在相机上添加监听脚本 在我们使用的虚拟相机 CM vcam1 上添加组件:AddComponent-> CinemachineImpulse Listener CinemachineImpulse Listener : 监听脚本内震动信号(方法调用) ,使得 抖动在此相机上发生 Channel Mask:通道遮罩,此处最好默认为EveryThing Gain:可获得震动信号的数目,0为屏蔽,1表示某时段仅能进行一个抖动运动 Use 2D Distance:用于2D游戏,忽略相机Z轴的抖动 2. 在震动信号发生物体上添加脚本 震动信号发生物体( 调用震动函数的物体 )为Player,因此需要在Player上添加组件:AddComponent-> Cinemachine Collision Impulse Source

单向链表

一世执手 提交于 2020-02-01 01:20:22
//ADTpublic class ListNode { private int data; private ListNode next; public ListNode(int data){ this.data = data; } public void setData(int data){ this.data = data; } public int getData(){ return data; } public void setNext(ListNode next){ this.next = next; } public ListNode getNext(){ return this.next; } } public class List { //求链表的长度 public int ListLength(ListNode HeadNode){ int length = 0; ListNode currentNode = HeadNode; while (currentNode!=null){ length++; currentNode = currentNode.getNext(); } return length; } /** * 插入一个结点可以分为三种情况 * 1、在链表的表头钱插入一个结点 修改一个next指针 * 2、在链表的表尾插入一个结点 修改两个next指针

h5 穿透滚动

断了今生、忘了曾经 提交于 2020-01-31 17:38:02
引子 h5 页面有弹窗浮层时,浮层之下若产生了滚动,滑动浮层时会让其产生滚动。这是 示例页面 ,移动端访问如下: Origin My GitHub 原因 找到的信息里面有两种说法: 使用了 -webkit-overflow-scrolling: touch ,另外这个不是标准属性。 浮层也是页面的一个元素,浮层的展示正常,页面中的其它元素按照本来的方式展示运作。也就是说这是一个正常的现象,只不过是我们不想要这种效果。 针对第一种说法,进行测试验证,这是 示例页面 ,移动端访问如下: 发现:跟 -webkit-overflow-scrolling: touch 无关。 处理方法 在网上找到的资料,主要有两种思路: 阻止 touch 相关的事件。 弹出浮层时,禁止元素滚动,浮层消失时,恢复滚动。 第一种思路在很多资料中提到有明显的缺陷: 弹出层的滚动会有问题。 会锁死滚动区域。 弹出层的事件处理可能会产生影响。 较多采用第二种思路,但也有对应的问题: 元素滚动的状态切换,会丢失滚动的位置。 针对滚动位置丢失问题,采用动态记录滚动位置的方式可以解决。 示例代码 // 以下方法使用的前提是产生滚动元素为 body function fixedEle ( ) { var scrollEle = document . body ; // 有可能出现浮层内切换的情况,已经设置了就用重复设置了。

Android开源框架之ImageLoader

假装没事ソ 提交于 2020-01-31 14:23:45
特点 多线程下载图片,图片可以来源于网络,文件系统,项目文件夹assets中以及drawable中等 支持随意的配置ImageLoader,例如线程池,图片下载器,内存缓存策略,硬盘缓存策略,图片显示选项以及其他的一些配置 支持图片的内存缓存,文件系统缓存或者SD卡缓存 支持图片下载过程的监听 根据控件(ImageView)的大小对Bitmap进行裁剪,减少Bitmap占用过多的内存 较好的控制图片的加载过程,例如暂停图片加载,重新开始加载图片, 一般使用在ListView,GridView中 ,滑动过程中暂停加载图片,停止滑动的时候去加载图片 提供在较慢的网络下对图片进行加载 下载地址 https://github.com/nostra13/Android-Universal-Image-Loader 准备工作 1)导入universal-image-loader-1.9.5.jar到项目中 2)创建MyApplication继承Application,在oncreate()中初始化ImageLoader public class MyApplication extends Application { @Override public void onCreate ( ) { super . onCreate ( ) ; // 初始化参数

Vue造轮子-popover组件(下)

喜欢而已 提交于 2020-01-31 14:17:54
1. 上一次的问题总结。 overflow:hidden -> body.appendChild 关闭重复 -> 分开,document 只管外面,popover 只管里面 忘了取消监听 document -> 收拢 close 2. 可以把一个函数哟没有五行作为一个优化的标准,简称为五行定律 3. 接下来把样式改好点 .content-wrapper { // 如果写了scoped,popover里面那么就只作用于popover里面,移到外面就在外面了就可以 position: absolute; border: 1px solid $border-color; border-radius: $border-radius; filter: drop-shadow(0 0 1px rgba(0,0,0,0.5)); /*通过drop-shadow解决小三角没有阴影的问题,但是兼容性不好 */ /*box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);*/ background: white; transform: translateY(-100%); margin-top: -10px; padding: .5em 1em; max-width: 20em; word-break: break-all; &::before , &::after{

js 实现单向链表

◇◆丶佛笑我妖孽 提交于 2020-01-31 14:03:09
单向链表( 单链表 )是链表的一种,其特点是链表的链接方向是单向的,对链表的访问要通过顺序读取从头部开始。 通过指针连接起来,但是只能单向遍历的内存块。由于它是单向的,或者说不可逆的,所以我们可以把它比作我们的人生:小学->中学->大学->工作->养老。 实现过程 var Node = function (data) { this.data = data; this.next = null; }; var LList = function () { this.firstNode = null; this.lastNode = null; this.length = 0; }; LList.prototype = { clear: function () { this.firstNode = null; this.lastNode = null; this.length = 0; }, get: function (position) { var currentNode = this.firstNode; for (var i = 1; i < position + 1; i++) { currentNode = currentNode.next; } return currentNode; }, isEmpty: function () { var result = false;

Vue造轮子-popover组件(下)

假装没事ソ 提交于 2020-01-31 13:34:20
1. 上一次的问题总结。 overflow:hidden -> body.appendChild 关闭重复 -> 分开,document 只管外面,popover 只管里面 忘了取消监听 document -> 收拢 close 2. 可以把一个函数哟没有五行作为一个优化的标准,简称为五行定律 3. 接下来把样式改好点 .content-wrapper { // 如果写了scoped,popover里面那么就只作用于popover里面,移到外面就在外面了就可以 position: absolute; border: 1px solid $border-color; border-radius: $border-radius; filter: drop-shadow(0 0 1px rgba(0,0,0,0.5)); /*通过drop-shadow解决小三角没有阴影的问题,但是兼容性不好 */ /*box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);*/ background: white; transform: translateY(-100%); margin-top: -10px; padding: .5em 1em; max-width: 20em; word-break: break-all; &::before , &::after{

Python基础排序算法之插入排序

十年热恋 提交于 2020-01-31 06:49:48
插入排序 插入排序(Insertion Sort)的基本思想是:将列表分为2部分,左边为排序好的部分,右边为未排序的部分,循环整个列表,每次将一个待排序的记录,按其关键字大小插入到前面已经排好序的子序列中的适当位置,直到全部记录插入完成为止。 算法分析 (1)时间复杂度 插入排序的时间复杂度为O(n^2) (2)空间复杂度 插入排序的空间复杂度为O(1) 算法特点 1.稳定排序 2.因为要进行折半查找,所以只能用于顺序结构,不能用于链式结构。 2适合初始记录无序,n较大时的情况。 程序示例: "" " 题目 : 插入排序 作者:假书生@ version : 1.0 date : 2020.01 .30 "" " import random # 导入random模块,用来生成随机数列 import time def Insertion_sort ( array ) : # 定义排序函数 for i in range ( 1 , len ( array ) ) : position = i # 刚开始往左边走的第一个位置 current_val = array [ i ] # 先把当前值存下来 while position > 0 and current_val < array [ position - 1 ] : # 当下标大于 0 并且该值小于前一个值时,进入循环 array [

仿京东移动端

回眸只為那壹抹淺笑 提交于 2020-01-31 03:38:59
2016-11-19 23:52:51 第一次写博客,语言组织什么的不够成熟。可能写的不太好,有什么不足之处,希望可以提出并指导我一下,谢谢 最近在学习移动端。所以找了京东移动端http://m.jd.com/ 来模仿。 京东移动端开始 html页面 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <!-- 设置视口标签 让布局视口的大小等于手机设备的大小--> 6 <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> 7 <link rel="stylesheet" href="css/base.css"> 8 <link rel="stylesheet" href="css/index.css"> 9 <title>Document</title> 10 </head> 11 <body> 12 <!-- 头部区域 --> 13 <header class="jd_header"> 14 <div class="left fl my_icons jd_icons_logo my