dfc

js实现单张或多张图片持续无缝滚动

不问归期 提交于 2020-05-09 13:52:11
背景: 想要实现图片持续滚动,既然使用js,就千万不要加css动画、过渡等相关样式,如果想要滚动的平滑一下,可以一像素一像素的感动,则很平滑,如果加了过渡动画,当图片重置为0时,会有往回倒的动画效果,跟预期不符。 原理: 图片滚动原理同图片轮播原理,同样也适用于文字滚动等一系列滚动,通过复制最后一张图片或最后一堆文字插入第一行,或复制第一张图片或一堆文字插入在结尾,来实现无缝拼接,前提:1、必须是没有设置过渡动画的,2、重置为0的时候与当前已经滚动到的高度对于图片的位置而言肉眼看上去没变化。 实现: html主要包含三块: 1、最外层盒子,用来展示滚动图的区域,overflow:hidden; 2、滚动的盒子,主要改变该盒子的定位值,来实现滚动,里面包含所有要滚动的图片或文字 3、包含图片或文字的盒子。 代码: class Roll { constructor(opts) { this .elem = opts.elem; // 图片包含滚动长度的元素的 this .elemBox = opts.elemBox; // 图片展示区域元素,为了获取展示区域的高度 this .direction = opts.direction; this .time = opts.time; this .init(); this .roll = this .roll.bind( this )

js实现单张或多张图片持续无缝滚动

两盒软妹~` 提交于 2020-05-09 10:03:41
背景: 想要实现图片持续滚动,既然使用js,就千万不要加css动画、过渡等相关样式,如果想要滚动的平滑一下,可以一像素一像素的感动,则很平滑,如果加了过渡动画,当图片重置为0时,会有往回倒的动画效果,跟预期不符。 原理: 图片滚动原理同图片轮播原理,同样也适用于文字滚动等一系列滚动,通过复制最后一张图片或最后一堆文字插入第一行,或复制第一张图片或一堆文字插入在结尾,来实现无缝拼接,前提:1、必须是没有设置过渡动画的,2、重置为0的时候与当前已经滚动到的高度对于图片的位置而言肉眼看上去没变化。 实现: html主要包含三块: 1、最外层盒子,用来展示滚动图的区域,overflow:hidden; 2、滚动的盒子,主要改变该盒子的定位值,来实现滚动,里面包含所有要滚动的图片或文字 3、包含图片或文字的盒子。 代码: class Roll { constructor(opts) { this .elem = opts.elem; // 图片包含滚动长度的元素的 this .elemBox = opts.elemBox; // 图片展示区域元素,为了获取展示区域的高度 this .direction = opts.direction; this .time = opts.time; this .init(); this .roll = this .roll.bind( this )

javascript设计模式第三天

人盡茶涼 提交于 2020-05-08 22:35:33
一个构造函数,如果不加new关键字,则会是undefined。 添加的属性会添加到window对象中去。 创建对象的安全模式:(不用担心创建对象忘记使用new关键字的问题) 可以用instanceof检测 某一个对象是否为某一个类的实例。所有创建的对象都是Object的实例 类式继承有2个缺点: 1.由于子类通过其原型prototype对父类实例化,继承了父类,所以父类中的共有属性要是引用类型,就会在子类中被所有实例共用,因此一个子类的实例的更改子类原型从父类构造函数中继承来的共有属性就会直接影响到其他子类。这种容易埋藏陷阱。 2.创建父类时无法向父类传递参数。 call这条语句是构造函数式继承的精华。由于call这个方法可以更改函数的作用环境,因此在子类中,对superClass调用这个方法就是将子类中的变量在父类中执行一次,由于父类中是给this绑定属性的,因此子类自然也就继承了父类的共有属性。这种继承没有设计prototype,所以父类的原型方法不会被继承。 组合继承: 结合以上两种用法:在子类构造函数中执行父类构造函数,在子类原型上实例化父类就是组合模式,这样就融合了类式继承和构造函数继承的优点。 来源: oschina 链接: https://my.oschina.net/u/4446873/blog/4270841

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

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

DragonBonesPro制作补间动画 龙骨动画

穿精又带淫゛_ 提交于 2020-05-06 23:17:18
开发工具:DragonBonesPro 一.开场动画 1.导入素材 2. 将素材拖入入舞台并调整其位置及图层顺序 3. 设置关键帧并创建补间动画,调整位置 、 最终效果 二.小丑盒子 1.导入素材调整图层顺序 2.创建骨骼 3.创建补间动画 最终效果 三.跑步的人 1.导入素材 2.调整图层顺序 3.创建绑定骨骼 4.添加动作 最终效果 四.跳跳羊 1.导入素材 2.调整图层顺序,创建绑定骨骼 3.对跳跳羊身体创建网格并绑定 4.制作补间动画 最终效果 来源: oschina 链接: https://my.oschina.net/u/4463196/blog/4268472

StringTable常量池

混江龙づ霸主 提交于 2020-05-04 19:14:27
package com.jvm; import org.junit.Test; /** * 常量池StringTable的详解 * 可以使用该命令查看,当前类的字节码常量池信息 * javap -v StringTableTest.class * * @author shiye * @date 2020-05-04 13:13 */ public class StringTableTest { @Test public void test1() { String s1 = "a";//放到常量池中 String s2 = "b";//放到常量池中 String s3 = "ab"; //放到常量池中 /** * 首先创建一个StringBuilder对象 然后从常量池中获取一个"a",然后再从常量池中获取一个"b"对象 * 然后再在堆中创建一个 new String("ab") 对象 * new StringBuilder().append("a").append("b").toString(); * --> toString()方法就是 new String("ab"); */ String s4 = s1 + s2; //放到堆中 System.out.println(s3 == s4); //一个在堆中,一个再常量池中 false /** * ldc #4 // String

Windbg程序调试系列1-常用命令说明&示例

|▌冷眼眸甩不掉的悲伤 提交于 2020-04-30 15:10:00
Windbg程序调试是.Net高级开发需要掌握的必备技能,分析内存泄露、分析高CPU、分析线程阻塞、分析内存对象、分析线程堆栈、Live Dedugging。这个领域可以说一个技能+场景化应用的结合,如果单学Windbg命令,不理解实际Troubleshooting中的作用,是没有意义的。所以,准备搞个系列文章,3~5篇,分享给大家: 工欲善其事必先利其器,我们先从常用的命令和示例说起。 1. 先准备一个Dump文件,建议使用64位应用程序。例如:64位IIS应用的w3wp进程,64位exe进程都可以。如果抓Dump文件,很简单: 任务管理器-进程-右键【创建转储文件】 2. 下载并安装Windbg,下载链接: https://developer.microsoft.com/zh-cn/windows/downloads/windows-10-sdk ,一路下一步,选择【Debugging Tools for Windows】 打开之后,Ctrl+D,打开第一步抓的Dump文件,开始今天的常用命令介绍。 1. 加载SOS调试扩展dll .loadby sos clr 2. 设置并重新加载调试符号文件的命令,将.Net 一些重要的pdb文件下载到指定的路径中,加载到Windbg调试环境中,这样,我们就可以看到程序在哪一行出错,运行到哪一行了 1 .symfix+ C:\symbols

华为 交换机 路由器 的使用

人盡茶涼 提交于 2020-04-28 20:11:44
一些基本命令 <Huawei> system-view #进入系统视图 [Huawei] interface Ethernet 0/0/1 #进入接口视图 [Huawei-Ethernet0/0/1] quit #返回上一级 [Huawei] interface Ethernet 0/0/1 [Huawei-Ethernet0/0/1] return #返回用户视图 或者 Ctrl + z <Huawei> 修改主机名 <Huawei> system-view #进入系统视图 Enter system view, return user view with Ctrl+Z. [Huawei] sysname oschina #修改主机名为oschina [oschina] 显示VRP版本 [oschina] display version Huawei Versatile Routing Platform Software VRP (R) software, Version 5.110 (S3700 V200R001C00) Copyright (c) 2000-2011 HUAWEI TECH CO., LTDQuidway S3700-26C-HI Routing Switch uptime is 0 week, 0 day, 0 hour, 11 minutes 查看配置

Mac系统下Unity3D旧版本安装

社会主义新天地 提交于 2020-04-27 14:27:46
今天吐槽一下Mac系统下Unity3D旧版本安装过程遇到的坑。 疫情期间用mac笔记本开发,今天手有点欠,把Unity2018.3.14f1从Unity Hub上给卸载了,我就重新安装,从官网上下了一个Unity2018.3.14f1,安装成这样就不能安装了 最后查半天,有人说是因为mac新的系统使用了APFS的格式。untiy不能用,所以要用hub,查看了一下还真是 最后就找了一种办法,借助Unity Hub下载器下载,但是直接在Unity Hub上找没有自己要下的版本怎么办,下边 找一个弯道超车的方法: 复制下边你要的Unity版本 Unity 2019.3: unityhub://2019.3.4f1/4f139db2fdbd unityhub://2019.3.3f1/7ceaae5f7503 unityhub://2019.3.2f1/c46a3a38511e unityhub://2019.3.1f1/89d6087839c2 unityhub://2019.3.0f6/27ab2135bccf Unity 2019.2: unityhub://2019.2.21f1/9d528d026557 unityhub://2019.2.20f1/c67d00285037 unityhub://2019.2.19f1/929ab4d01772 unityhub://2019.2

ZYNQ和AXI MASTER IP直连问题解决

安稳与你 提交于 2020-04-24 16:48:41
本来想参考帖子( PL读写DDR3 实现PS和PL间的数据交互 )做实验,当将zynq和自己做的axi master ip都放在block design画面上时,用auto方式连接总是不成功,zynq的32 bit GP AXI slave port总线和我的axi master ip的master axi总线无法连接,我明白当然无法直接连接,毕竟一个是axi一个是GP axi,所以auto始终不成功,后来发现用"new axi interconnect"方式而不用auto则能成功。 上面Bridge IP设置为auto则不成功,必须要下面的设置方式: 来源: oschina 链接: https://my.oschina.net/u/2963604/blog/3740046