demo

jQuery实例方法 — 动画

和自甴很熟 提交于 2019-11-30 04:19:17
动画相关方法 hide()隐藏、show()展示、toggle() // 移入p标签ul显示,移出整体时隐藏ul < style > .demo { width : 100px ; border : 1px solid black ; } ul { display : none ; } </ style > < div class = " demo " > < p > Rose </ p > < ul > < li > li-1 </ li > < li > li-2 </ li > < li > li-3 </ li > </ ul > </ div > // 由hide转为show时,你没有设置display属性时它会给你添加默认的,这个就会给ul添加block属性,添加了属性时按照你添加的来,且它们会把透明度宽高等一起变化 $ ( 'p' ) . on ( 'mouseenter' , function ( ) { $ ( this ) . next ( ) . show ( 3000 , 'swing' ) ; // 利用3秒将这个ul显示出来,第二个参数是你以什么运动方式显示出来,swing先慢再快再慢 } ) ; $ ( '.demo' ) . on ( 'mouseleave' , function ( ) { $ ( 'ul' ) . hide ( 3000 ,

Vue动画离开动画不生效

谁说我不能喝 提交于 2019-11-30 03:55:29
官方Demo地址 起因 在写vue动画的时候参考官方给的demo发现只有进入动画没有离开动画。下面是官方代码。 < div id = "demo" > < button v-on:click = "show = !show" > Toggle </ button > < transition name = "fade" > < p v-if = "show" > hello </ p > </ transition > </ div > new Vue ( { el : '#demo' , data: { show: true } }) .fade-enter-active , .fade-leave-active { transition : opacity . 5 s ; } .fade-enter , .fade-leave-to /* .fade-leave-active below version 2.1.8 */ { opacity : 0 ; } 无论怎么改动发现都不生效,于是先不研究,然后复制了第二demo,即css过渡,发现这个代码的进入动画和离开动画都生效了,百思不得其解,然后就在这个基础上改动,复制了第一个demo的代码,并且生效了(如下) .slide-fade-enter-active { transition : all . 3 s ease ; }

测试架demo功能说明

天大地大妈咪最大 提交于 2019-11-29 06:41:42
显示说明 显示 D1 D2 D3 D4 ESP8266 SIG AT 亮 灭 灭 灭 LIEDA SNIFFER 灭 亮 灭 灭 ESP32 SIG AT 亮 亮 灭 灭 CC13XX CC26XX 灭 灭 亮 灭 ESP EXT USER 亮 灭 亮 灭 … - - - - 按键说明 按键 功能 K1 K2 功能通外部触发EXT_KEY2 K3 上滚选择模组 K4 下滚选择模组 外部接线说明 序号 IO口 功能 生效模组 18 PB10 TTL或者MCU ESP32、ESP8266 17 PB2 EXT_KEY2(右) 所有 16 PB1 EXT_KEY1(左) 所有 15 PB0 EXT_LED2(右) 所有 14 PA6 EXT_LED1(左) 所有 13 PA1 EN,使能 ESP32、ESP8266 12 PA0 BOOT ESP32、ESP8266 11 GND 10 3V3 来源: https://blog.csdn.net/silicontra521/article/details/100543151

微信小游戏之旅1. 起步

拟墨画扇 提交于 2019-11-29 04:16:38
之前写的博客 现学现用-我的第二个小小小私活 之前两个小小小私活,这次遇到的是第三个。 一、背景 经朋友搭线介绍,一家公司需要做个微信小游戏,问我有没有时间和兴趣,我说可以做。做过小程序,并没有做过小游戏,所以又是一个现学现用。 微信小游戏之旅1. 起步 该公司的对接人给了一个这样的小游戏,需要迁移到微信小游戏上,这个游戏的名称叫做Root Beer Tapper。玩法就是一个酒保不断的倒酒,传递给顾客。顾客到达桌子边沿或酒传多了游戏就结束了。 也没有提供什么UI,素材。 二、如何收费 1.小游戏我没有做过,也没有把握做好,所以跟甲方说是 两周内 出一个demo 2.等Demo出来后再看如何继续下去(怎么收费) 3.所以接下来就是没有给钱的干活 三、开发历程 1.先看了微信小游戏的开发步骤 2.看了下小游戏的引擎(找到了Egret白鹭引擎,真的是非常赞,提供的开发工具也是一流),可以无缝对接微信小游戏! 3.找了些类似的小游戏,发现都是swf格式的文件(用Flash开发的),想用反编译工具拿到游戏的源代码。 4.然后找了一个反编译swf文件的工具(硕思闪客精灵),想要将里面的图片导出来,发现试用版只能导出前两张图。 5.于是买了个正版软件 ,298元,图是能全部导出了,发现格式不是自己想要的 ,哎。。。买了没有什么用。。感觉亏了298元。 6.反编译之后发现里面的代码太乱了

Android Nfc Sample Demo - reads only fake information from the Tag

好久不见. 提交于 2019-11-29 02:44:36
I just installed the Nfc Demo from google, but it doesn´t read the information from the Tag.-> It just provides some fakeTag information. Has anybody an idea, where I can change the sample to read from the nfc Tag? Or has somebody a working nfc demo for the nexus? If we could bring a nfc demo to work, many people would have the possibility to develop a nfc demo on their own. Best regards Alexander I had the same problem getting tag id. I got some B@2346323143 style data to screen. I got it to work like this: byte[] byte_id = intent.getByteArrayExtra(NfcAdapter.EXTRA_ID); You need to convert

flex 布局 自己做的demo

被刻印的时光 ゝ 提交于 2019-11-29 02:16:23
.row {/*横*/ display: -webkit-box;// display: -webkit-flex; /* Safari */ display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; width: 100%; } .row-wrap {/*横不换行*/ -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .col {/*列*/ -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; display: block; width: 100%; } .col-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 10%; -moz-box-flex: 0; -moz-flex: 0 0 10%; -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; } .col-20 { -webkit-box-flex: 0; -webkit-flex: 0 0 20

No.2一步步学习vuejs 实例demo篇

谁说我不能喝 提交于 2019-11-29 01:51:12
No.2一步步学习vuejs 实例demo篇 简单应用 Vue.js 的核心是一个允许采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统: < div id ="app" > {{ message }} </ div > var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } }) 带有指令的例子 在控制台输入 app.message="11" 数据就会发生变化 < div id = "demo2" > < span v-bind:title ="message" > 鼠标悬停几秒就会看到信息 </ span > </ div > < script > var demo2 = new Vue({ el: " #demo2 " , data:{ message: " 页面加载于 " + new Date().toLocaleString() } }) </ script > 这里我们遇到点新东西。你看到的 v-bind 属性被称为指令。指令带有前缀 v- ,以表示它们是 Vue 提供的特殊属性。可能你已经猜到了,它们会在渲染的 DOM 上应用特殊的响应式行为。简言之,这里该指令的作用是:“将这个元素节点的 title 属性和 Vue 实例的 message 属性保持一致”。 再次打开浏览器的

你的 Java 并发程序 Bug,100% 是这几个原因造成的

我只是一个虾纸丫 提交于 2019-11-28 19:12:52
可见性问题 可见性是指一个线程对共享变量进行了修改,其他线程能够立马看到该共享变量更新后的值 ,这视乎是一个合情合理的要求,但是在多线程的情况下,可能就要让你失望了,由于每个 CPU 都有自己的缓存,每个线程使用的可能是不同的 CPU ,这就会出现数据可见性的问题,先来看看下面这张图: 对于一个共享变量 count ,每个 CPU 缓存中都有一个 count 副本,每个线程对共享变量 count 的操作的只能操作自己所在 CPU 缓存中的副本,不能直接操作主存或者其他 CPU 缓存中的副本,这也就产生了数据差异。由于可见性在多线程情况下造成程序问题的典型案例就是变量的累加,如下面这段程序: public class Demo { private int count = 0 ; // 每个线程为count + 10000 public void add ( ) { for ( int i = 0 ; i < 10000 ; i ++ ) { count += 1 ; } } public static void main ( String [ ] args ) throws InterruptedException { for ( int i = 0 ; i < 10 ; i ++ ) { Demo demo = new Demo ( ) ; Thread t1 = new

快嘉开发框架脚手架及使用说明v1

冷暖自知 提交于 2019-11-28 15:30:53
maven提供的脚手架archetype大家都知道啊,不知道的我这里也不多说了,请自行参考 Maven插件之maven-archetype-plugin 。本文接下来是简单介绍一下如何使用 stdArcheType 快速搭建快嘉开发框架1.0,参见 快嘉开发框架1.0和示例介绍及使用说明 。 1、下载stdArcheType 源码 ,并install到本地仓库; 2、新建本地目录E:\tmp,cmd到该目录下, E:\tmp>mvn archetype:generate -DinteractiveMode=false -DarchetypeGroupId=com.fas tjrun.share -DarchetypeArtifactId=stdArcheType -DarchetypeVersion=1.0 -Darchetyp eCatalog=internal [INFO] Scanning for projects... [INFO] [INFO] ------------------------------------------------------------------------ [INFO] Building Maven Stub Project (No POM) 1 [INFO] ----------------------------------------

WHERE to find Android “Fingerpaint” demo? (Android Studio era)

生来就可爱ヽ(ⅴ<●) 提交于 2019-11-28 14:14:32
Many, many Android discussions focus on the (apparently, famous) Fingerpaint sample: https://stackoverflow.com/a/16650524/294884 Where do I get it, to use with Android Studio? .. 2014 http://developer.android.com/samples/index.html Or is it now just completely out of date and legacy? Thanks for any info Android Studio: it has NO folders, samples/ or the like............ There's a possibility the beloved SDK Manager, on Mac - Studio, could help? Would I have to go with the API11 folder? The Android page does not seem to show Fingerpaint: here's what I see Looking in each category, there is no