demo | 易学教程

js计时器实现轮播图

阅读更多关于 js计时器实现轮播图

HTML部分 <div class="tu-scoll"> <div id=demo align=center> <table border=0 align=center cellpadding=1 cellspacing=1 cellspace=0 > <tr><td valign=top bgcolor=#ffffff id=marquePic1> <table width='100%' border='0' cellspacing='0'><tr><td align=center><a href='#'><img src="../images/shouye1.png" width=150 height=110 border=0></a></td><td align=center><a href='#'><img src="../images/shouye2.png" width=150 height=110 border=0></a></td><td align=center><a href='#'><img src="../images/shouye3.png" width=150 height=110 border=0></a></td><td align=center><a href='#'><img src="../images/shouye4.png" width

使用ivx的瀑布流容器显示图片经验总结

阅读更多关于使用ivx的瀑布流容器显示图片经验总结

在这里不得不先夸一下ivx功能的强大，同时，鄙人在最近的开发学习过程中，对ivx中自带的瀑布流容器进行了学习使用，颇有心得，希望能分享给大家，给大家带来一些便利。因为官网的demo库十分齐全，所以我直接以官网的瀑布流显示图片demo进行分析： 1.瀑布流显示图片的重点在于瀑布流容器的熟练运用，这里因为要用到测试数据来显示，所以先创建一个数据库导入图片资源数据，然后创建一个服务用于按页数输出数据，添加我们所要用到的数据，然后在页面下添加一个瀑布流容器，瀑布流容器在左上角的扩展组件里因为我们要通过数组展示多个瀑布流卡片，所以这里先在容器下添加一个循环，将要展示的图片数据与该循环绑定，然后再在循环里添加瀑布流卡片，瀑布流卡片的添加也是在左上角的扩展组件里。 2.接下来就是我多次使用后发掘出的使用重点，要用好瀑布流容器，就要理解什么是列跨度，例如要通过一些条件区别达到不同的展示效果，可以通过if判断和更改跨度的值来实现，列跨度指的就是该瀑布流卡片的宽度为多少个列，在瀑布流容器中我们设置了每列宽度和行列距离，我们设它们分别为a和b，列跨度为c，瀑布流卡片的的宽度就等于ac+b(c-1) demo中默认宽度为375，每列跨度为175，后面设置卡片列跨度的时候，就可以通过需求调整列跨度来使展示更符合需求，=，瀑布流卡片下加入图片后将图片的资源地址与循环数据进行绑定 3.关于数据测试方面

JavaScript中in操作符(for..in)、Object.keys()和Object.getOwnPropertyNames()的区别

阅读更多关于 JavaScript中in操作符(for..in)、Object.keys()和Object.getOwnPropertyNames()的区别

ECMAScript将对象的属性分为两种：数据属性和访问器属性。每一种属性内部都有一些特性，这里我们只关注对象属性的[[Enumerable]]特征，它表示是否通过 for-in 循环返回属性，也可以理解为：是否可枚举。然后根据具体的上下文环境的不同，我们又可以将属性分为：原型属性和实例属性。原型属性是定义在对象的原型（prototype）中的属性，而实例属性一方面来自己构造函数中，然后就是构造函数实例化后添加的新属性。　　本文主要介绍JavaScript中获取对象属性常用到的三种方法的区别和适用场景。一、for..in循环　　使用for..in循环时，返回的是所有能够通过对象访问的、可枚举的属性，既包括存在于实例中的属性，也包括存在于原型中的实例。这里需要注意的是使用for-in返回的属性因各个浏览器厂商遵循的标准不一致导致对象属性遍历的顺序有可能不是当初构建时的顺序。（实例+原型中的可枚举属性） 1、遍历数组　　虽然for..in主要用于遍历对象的属性，但同样也可以用来遍历数组元素。 var arr = ['a', 'b', 'c', 'd']; // 使用for..in for (var i in arr) { console.log('索引：' + i + '，值：' + arr[i]); } // 使用for循环 for (var j = 0;

puremvc c++ simple demo

阅读更多关于 puremvc c++ simple demo

（1）puremvc 流程简述： core: model,view,control patterns：Mediator,Proxy,Observer,Facade,Command 核心和模型的纽带：Mediator （2）使用一个简单的登陆窗口模拟puremvc的使用（vs2005）分三步：1.初始化puremvc实例来源： oschina 链接： https://my.oschina.net/u/107574/blog/198112

SpringBoot和MyBatisPlus中枚举自动转换

阅读更多关于 SpringBoot和MyBatisPlus中枚举自动转换

一、请求参数自动转换 @Getter public enum UserType{ BACKEND(1, "后台"), FRONT(2, "前台"), ; @JsonCreator UserType(Integer val, String desc) { this.val = val; this.desc = desc; } @EnumValue private final Integer val; @JsonValue private final String desc; } @Data @TableName("demo") @Accessors(chain = true) public class Demo { @TableId private Integer id; private String name; private Integer age; private UserType userType; } @Api @RequestMapping("/demo") @RestController public class DemoController { @Resource private DemoService demoService; @ApiOperation("根据id获取数据") @GetMapping("/{id}") public R<Demo> getById(

hibernate4-hbm.xml基本使用-Maven Demo

阅读更多关于 hibernate4-hbm.xml基本使用-Maven Demo

目录结构如图， 1.用MyEclipse建立一个Maven-Java项目，然后给出pom配置， <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"> <modelVersion>4.0.0</modelVersion> <groupId>com.xuebaosoft.hibernate4</groupId> <artifactId>hibernate4-maven-conf</artifactId> <version>0.0.1-SNAPSHOT</version> <packaging>jar</packaging> <name>hibernate4-maven-conf</name> <url>http://maven.apache.org</url> <properties> <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding> <

java生成EXCEL表单简单demo

阅读更多关于 java生成EXCEL表单简单demo

//下面是实体类 package com.test.model; import java.util.Date; //模板数据实体 public class UserTmpl { private int id; private String name; private Date birthday; private String identity; private String phone; private String address; private String Email; public UserTmpl() { super(); } public UserTmpl(int id, String name, Date birthday, String identity, String phone, String address, String email) { super(); this.id = id; this.name = name; this.birthday = birthday; this.identity = identity; this.phone = phone; this.address = address; Email = email; } public int getId() { return id; } public void setId(int id

vue循环语句

阅读更多关于 vue循环语句

循环使用 v-for 指令。 v-for 指令需要以 site in sites 形式的特殊语法， sites 是源数据数组并且 site 是数组元素迭代的别名。 v-for 可以绑定数据到数组来渲染一个列表： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>demo</title> </head> <body> <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> <div id="demo"> <ol> <li v-for="site in sites"> {{site.name}} </li> </ol> </div> <script> new Vue({ el: '#demo', data: { sites:[ {name:"cyy1"}, {name:"cyy2"}, {name:"cyy3"} ] }, methods:{ }, filters:{//过滤器 } }) </script> 模板中使用 v-for： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>demo</title> </head> <body> <script src=

Vue.js 条件与循环

阅读更多关于 Vue.js 条件与循环

条件判断使用 v-if 指令： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>demo</title> </head> <body> <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> <div id="demo"> <p v-if="seen">现在你看到我了</p> <template v-if="ok"> <h1>cyy</h1> <p>正在学习vue</p> <p>哈哈哈，打字辛苦啊！！！</p> </template> </div> <script> new Vue({ el: '#demo', data: { seen: true, ok: true }, methods:{ }, filters:{//过滤器 } }) </script> 在字符串模板中，如 Handlebars ，我们得像这样写一个条件块：  {{#if ok}} <h1>Yes</h1> {{/if}} 可以用 v-else 指令给 v-if 添加一个 "else" 块：随机生成一个数字，判断是否大于0.5，然后输出对应信息： <!DOCTYPE html> <html> <head>

继承的小DEMO

阅读更多关于继承的小DEMO

代码如下 Student.java package four.com; public class Student extends Person { // private String name; // private int age; public Student(){} public Student(String name,int age){ this.setName(name); this.setAge(age); } // public String getName() { // return name; // } // public void setName(String name) { // this.name = name; // } // public int getAge() { // return age; // } // public void setAge(int age) { // this.age = age; // } // public void eat(){ // System.out.println("吃饭！！！！"); // } // public void walk(){ // System.out.println("走路！！！！！"); // } // public void info(){ eat(); System.out.println

订阅 demo