一叶知秋9307
一叶知秋9307

9宫格抽奖1

在之前我的flex九宫格布局基础上，来一个简单的抽奖界面，代码如下：
html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <style>
        .lottery-draw-container{
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            width: 300px;
            height: 300px;
            border: 1px solid #000;
            display: flex;
            flex-direction: column;
        }
        .item{
            flex-basis: 100px;
            display: flex;
            justify-content:center;
            align-items: center;
            border: 1px solid #000;
        }
        .active{
            background-color: red;
        }
    style>
head>
<body>
<div class="lottery-draw-container">
    <div style="display: flex;flex:1;">
        <div class="item active"><span>一等奖span>div>
        <div class="item"><span>二等奖span>div>
        <div class="item"><span>三等奖span>div>
    div>
    <div style="display: flex;flex:1;">
        <div class="item"><span>四等奖span>div>
        <span class="item"><span>开始span>span>
        <div class="item"><span>五等奖span>div>
    div>
    <div style="display: flex;flex:1;">
        <div class="item"><span>六等奖span>div>
        <div class="item"><span>七等奖span>div>
        <div class="item"><span>八等奖span>div>
    div>
div>

<script>
    let items = document.querySelectorAll("div.item");
    let itemsLen = items.length;
    let startBtn = document.querySelector("span.item");

    let timer = null;

    function start(){
        let randomNum = Math.floor(Math.random()*itemsLen)+20;//20表示变换次数，随意
        let curVal = 0;//当前值默认从一等奖开始
        clearInterval(timer);//用定时器时要清除定时器，不然会出问题
        timer = setInterval(function(){
            for(let i=0;i<itemsLen;i++){
                items[i].classList.remove("active");
            }
            curVal ++;
            items[curVal%itemsLen].classList.add("active");
            if(curVal == randomNum){//在这里可以进行抽奖结果处理
                clearInterval(timer);
            }
        },100)
    }

    startBtn.onclick = function () {
        start();
    }
script>
body>
html>
这段代码还有许多不足之处，如变换速度没有变化，之后会进一步改进

你可能感兴趣的:(9宫格抽奖1)

  • Java前端基础—HTML 缺少动力的火车 前端基础集合前端javahtml
    Java前端基础—HTML目录Java前端基础—HTML1.简介2.基础语法2.1HTML页面固定结构2.2标题标签2.3段落标签2.4换行标签2.5水平线标签2.6文本标签2.7图片标签2.8音频标签2.9视频标签2.10链接标签2.11列表标签2.12表格标签2.13表单标签2.14语义标签1.简介1.网页组成：文字，图片，音频，视频，超链接。2.代码如何转换成网页：依靠的是浏览器的渲染和解析
  • 99.13 金融难点通俗解释：营业利润率 金融OG 金融资产组合模型进化论金融python机器学习算法大数据
    目录0.承前1.简述2.比喻：冰淇淋店的日常开销2.1第一步：基础成本2.2第二步：经营支出2.3第三步：计算营业利润率3.生活中的例子3.1好的营业利润率3.2一般的营业利润率3.3差的营业利润率4.小朋友要注意4.1开销大不一定不好4.2开销小不一定好5.总结6.实现代码0.承前如果想更加全面清晰地了解金融资产组合模型进化论的体系架构，可参考：0.金融资产组合模型进化全图鉴1.简述描述营业利润
  • 4. 马科维茨资产组合模型+Fama-French五因子优化方案（理论+Python实战） 金融OG 金融资产组合模型进化论pythonjava前端金融数据库机器学习大数据
    目录0.承前1.Fama-French五因子优化的现代投资组合理论1.1WhatisFama-French五因子优化的现代投资组合理论1.2WhyisFama-French五因子优化的现代投资组合理论1.3HowtoFama-French五因子优化的现代投资组合理论2.数据要素&计算流程2.1参数集设置2.2数据获取&预处理2.3收益率计算2.4因子构建与预期收益率计算2.5协方差矩阵计算2.6投
  • 2. 马科维茨资产组合模型+CAMP优化方案（理论+Python实战） 金融OG 金融资产组合模型进化论人工智能大数据金融python数据库机器学习
    目录0.承前1.资本资产定价模型(CAPM)优化的现代投资组合理论1.1WhatisCAPM优化的现代投资组合理论1.2WhyisCAPM优化的现代投资组合理论1.3HowtoCAPM优化的现代投资组合理论2.数据要素&计算流程2.1参数集设置2.2数据获取&预处理2.3收益率计算2.4CAPM预期收益率计算2.5协方差矩阵计算2.6投资组合表现计算2.7夏普比率优化2.8持仓筛选3.汇总代码4.
  • 多线程的pthread_exit函数 lichao268089 C语言pthread_exit函数
    pthread_exit（void*）用于线程的退出函数，不会导致主进程退出，intmain中的return语句会导致进程退出，在线程中不能使用exit函数，这会导致整个进程退出；1#include2#include3#include4#include56void*thread_func(void*arg)7{8inti=(int)arg;9printf("inthread:threadid=%l
  • 【AI量金术师：简易代码领悟高深金融术语】02.马科维茨资产组合模型Python实战 金融OG 高深金融术语私厨人工智能金融python
    目录1.马科维茨资产组合模型简介1.1模型的起源与发展1.2核心概念2.模型的基本假设2.1投资者行为假设2.2市场环境假设3.模型的应用与局限性3.1实际应用3.2局限性探讨4.Python代码案例：实现马科维茨资产组合模型4.1环境准备与数据获取4.2数据收集4.3计算收益率与协方差矩阵4.4随机生成投资组合4.5绘制有效前沿4.6优化求解最优投资组合5.结论与展望1.马科维茨资产组合模型简介
  • svm python 模型绘图_1SVM处理数据并绘图 张炜大师傅 svmpython模型绘图
    爬虫Python基础、数据分析扩展包Numpy、pandas、matplotlib，Python读取MySQL数据，Python爬虫及Scrapy框架，无监督机器学习算法聚类分析等，以及案例：互联网金融行业客户价值分析等。机器学习机器学习是一门多领域交叉学科，涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为，以获取新的知识或技能，重新组织已有
  • php linux 常用命令,Linux常用命令大全 潘儒锋 phplinux常用命令
    Linux常用命令大全,以前收集的系统信息arch显示机器的处理器架构(1)uname-m显示机器的处理器架构(2)uname-r显示正在使用的内核版本dmidecode-q显示硬件系统部件-(SMBIOS/DMI)hdparm-i/dev/hda罗列一个磁盘的架构特性hdparm-tT/dev/sda在磁盘上执行测试性读取操作cat/proc/cpuinfo显示CPUinfo的信息cat/pro
  • linux操作命令comm,史上最全的Linux常用命令 云小牙 linux操作命令comm
    系统信息arch显示机器的处理器架构(1)uname-m显示机器的处理器架构(2)uname-r显示正在使用的内核版本dmidecode-q显示硬件系统部件-(SMBIOS/DMI)hdparm-i/dev/hda罗列一个磁盘的架构特性hdparm-tT/dev/sda在磁盘上执行测试性读取操作cat/proc/cpuinfo显示CPUinfo的信息cat/proc/interrupts显示中断c
  • 深入理解 Spring 的 Lazy Loading：原理、实现与应用场景 Ray.1998 springjava开发语言后端spring
    延迟加载（LazyLoading）是Spring容器管理Bean的一种策略，指只有在需要时（调用getBean()方法获取Bean时）才会实例化该Bean。这是Spring提供的一种优化机制，用于提高启动效率和降低资源占用。1.延迟加载的含义在延迟加载模式下，Spring容器初始化时不会立即实例化所有Bean，而是等到真正需要使用时（即调用getBean()方法时），才创建Bean实例。如果不启用
  • Flink 的核心特点和概念 Ray.1998 大数据大数据数据分析数据仓库flink
    Flink是一个流式处理框架，专注于高吞吐量、低延迟的数据流处理。它能处理无限流（即实时数据流）和有限流（批处理），具有很强的灵活性和可扩展性，广泛应用于实时数据分析、监控系统、数据处理平台等场景。下面是一些关于Flink的核心特点和概念：1.流处理和批处理流处理（StreamProcessing）:Flink的核心就是流处理，它能够实时处理不断到达的数据流。Flink会将数据划分成时间窗口来处理
  • Flink的流处理和批处理 Ray.1998 大数据flink大数据数据挖掘数据分析
    1.流处理（StreamProcessing）流处理是Flink的核心功能之一，主要用于处理无限流数据，也就是不断到达的数据。它能够实时处理数据流，并对每个数据元素执行操作。流处理中的数据没有预定的边界，它的特征是持续到达，因此，流处理必须实时处理每个事件，而不能等到所有数据都到齐后再进行处理。核心特点：实时性：流处理的最大优势是实时性。Flink允许对实时数据流进行分析，计算和处理，几乎是对数据
  • VUE3-修改element-plus-el-select的下拉框样式 Anastasia289 vue.jsjavascript前端vue
    样式如图：参考博客链接：修改el-select和el-input样式；修改element-plus的下拉框el-select样式；修改placeholder样式_elementplusel-select样式修改-CSDN博客.el-select{--el-select-border-color-hover:rgb(0,162,255)!important;//修改下拉框hover的默认样式}.el
  • 一个可以根据题目得分显示不同题目的答题demo qq_41759752 javascripthtml5vue.js前端
    前段时间有幸参与到一个全国性的某心理健康测评平台的开发工作，其答题部分的前端开发工作由我完成，现将该平台前端的主要交互逻辑重新实现做成demo，有需要的小伙伴或客户可以联系我获取了，有类似开发需求的老板和可以联系我哟。其中主要实现的交互有：1、在excel录入题目信息，后台写脚本将excel数据转化为前端页面需要的试题数据，前端通过接口拿到所有的试题数据。（后台操作，demo中数据写成了静态数据）
  • 【软件设计】常用设计模式--观察者模式 秦哈哈 软件设计设计模式观察者模式
    软件设计模式（四）观察者模式一、观察者模式（ObserverPattern）1.概念2.模式结构3.UML类图4.实现方式C#示例步骤1：定义观察者接口步骤2：定义主题接口步骤3：实现具体主题步骤4：实现具体观察者步骤5：使用观察者模式Java示例步骤1：定义观察者接口步骤2：定义主题接口步骤3：实现具体主题步骤4：实现具体观察者步骤5：使用观察者模式5.优点6.缺点7.应用场景二、观察者模式的变
  • Git分布式版本控制系统之SSH协议访问 饶子文 git分布式
    目录前言：我来公司上班day1正文：Git的SSH协议访问步骤一.安装Git软件二.SSH密钥生成三.添加SSH公钥到远端仓库四.配置Git使用SSH协议来连接远程仓库五.使用Git命令进行测试结尾：前言：我来公司上班day1回顾我的毕业季，那是一段充斥着投递简历和准备面试的青葱岁月。都说23年学计算机，如同49年入国军。但已经投入过多的沉没成本的在计算机上的我也别无选择，在历经浪潮般的简历投递和
  • NIO 和 Netty 在 Spring Boot 中的集成与使用 阿乾之铭 java网络开发语言
    Netty到底是个啥，有啥子作用1.Netty的本质：对NIO的封装NIO的原生问题：Java的NIO提供了非阻塞I/O和多路复用机制，但其使用较为复杂（如Selector、Channel、Buffer的配置和管理）。开发者需要自己处理线程模型、资源管理、协议解析等底层细节，代码冗长且容易出错。Netty的改进：Netty对NIO进行了高级封装，提供了更加易用的API和灵活的抽象层，例如：Chan
  • Lombok 在 IntelliJ IDEA 中的使用步骤 阿乾之铭 intellij-ideajavaide
    Lombok是一个非常流行的Java库，它通过注解简化Java类的开发，特别是在处理POJO（PlainOldJavaObjects）类时，如生成getter、setter、toString等常用方法。Lombok在减少样板代码（boilerplatecode）方面非常有用。在IntelliJIDEA中使用Lombok插件，可以极大简化开发过程。1.安装Lombok插件要在IntelliJIDEA
  • MySQL中的嵌套查询 阿乾之铭 MySQL数据库sqlmysql
    1.嵌套查询的定义嵌套查询指在一个查询语句的某个部分嵌入一个子查询。嵌套查询的执行过程遵循“先子查询、后外层查询”的逻辑。首先，子查询执行并返回一个结果集，可能是一个值、一行或多行数据。接着，外层查询使用子查询的结果继续对数据进行筛选或处理。通过这种方式，嵌套查询可以处理更复杂的逻辑，如多层条件过滤、数据对比等。子查询：首先执行，返回符合条件的结果。外层查询：利用子查询返回的结果进行筛选或其他逻辑
  • C语言学习：指针 wsy0903@@@ Linux编程嵌入式学习日记c语言学习开发语言
    1.指针指针本质上就是内存地址。inta=10;//定义一个整型变量int*p=&a;//定义一个指针变量，指向a的地址在这个例子中：a是一个普通的整型变量，值为10&a获取变量a的内存地址p是一个指针变量，存储了a的地址*p可以访问a中存储的值2.指针的定义语法指针的定义遵循以下格式：基类型*指针变量名;这里的基类型决定了指针指向的数据类型。例如：int*p;//指向整型的指针char*p;//
  • K8S中Service详解（二） 元气满满的热码式 kubernetes网络linux
    Service类型Service的资源清单文件：---kind:Service#资源类型apiVersion:v1#资源版本metadata:#元数据name:service#资源名称namespace:dev#命名空间spec:#描述selector:#标签选择器，用于确定当前service代理哪些podapp:nginxtype:ClusterIP#Service类型，指定service的访问
  • 锁争用详解 缘来是黎 linuxservicejavajvm开发语言
    锁争用（LockContention）是并发编程中常见的问题，特别是在多线程或多进程环境下。当多个线程或进程竞争同一把锁时，会导致系统负载升高，性能下降。以下是锁争用导致系统负载高的详细原理：1.锁的基本概念锁：用于控制对共享资源的访问，确保同一时间只有一个线程或进程可以访问资源。锁争用：当多个线程或进程同时尝试获取同一把锁时，只有一个线程或进程能够成功获取锁，其他线程或进程会被阻塞，直到锁被释放
  • Nginx部署Vue项目添加访问后缀 星巡打杂工 vue.jsnginxjavascript
    有时候会根据需要，区分不同的vue项目，这样要加一个后缀，不加后缀，访问是http://localhost/，加一个后缀，app，访问路径就是http://localhost/app一、vue工程配置:1.vue.config.jspublicPath配置为/app/2.route配置base为/app,model为history将打包后vue工程文件放入/usr/share/nginx/html
  • 用增结算数仓化改造：在/离线调度系统的构建与应用 百度Geek说 百度架构大数据重构
    导读移动运营推广平台（OPS）承载着百度内部移动应用/移动搜索业务的用户增长预算的全流程结算线上化管控功能，为了解决用增业务发展规模扩大、原有技术架构老旧、无离线数仓系统等一系列的问题，针对全域结算数据启动了整体的架构改造。为了解决业务中存在的问题，本文深入探讨并提出了一类在线、离线结合的任务调度解决方案，完成了结算业务架构更新换代，更好地服务于业务发展。01背景简述1.1业务/技术背景移动运营推
  • Linux 权限体系详解:、777、755、644、600、chmod、chown、chgrp 和 umask；SUID、SGID 和 Sticky Bit；ACL (访问控制列表) 是什么？ 小胡说技书 手册/开发图谱运维linux运维服务器
    文章目录1.引言1.1为什么学习Linux权限？1.2本文目标2.Linux权限基础概念2.1权限模型2.2权限类型2.3权限表示法2.3.1字母表示法2.3.2数字表示法2.3.3字母与数字表示法对比2.3.4案例：字母与数字的权限切换3.常见权限分配方法对比表格3.1使用`chmod`分配权限3.2使用`chown`和`chgrp`修改拥有者和用户组3.3使用`umask`设置默认权限4.高级
  • 套接字API - socket 弘毅_Hao Sockets套接字编程socket套接字
    套接字是网络编程中的基本概念，它提供了进程间通信的一种抽象。作用socket函数的主要作用是创建一个新的套接字，该套接字可以用于网络通信。通过套接字，进程可以与其他进程（无论在同一台机器上还是不同机器上）进行数据传输。函数原型#include#includeintsocket(intdomain,inttype,intprotocol);参数说明1.domain（地址族）：指定了协议族，决定了套接
  • 开源宝典：探索西门子S7-1200/1500的编程奥秘 —— 深入浅出S7-1200/1500 TIA Portal通用函数库... 金琴莺
    开源宝典：探索西门子S7-1200/1500的编程奥秘——深入浅出S7-1200/1500TIAPortal通用函数库【下载地址】S7-12001500STEP7TIAPortal通用函数库LGF本仓库提供了一个名为“S7-1200/1500STEP7(TIAPortal)的通用函数库（LGF）.rar”的资源文件下载。该通用函数库以“通用函数库”的形式提供，可以无限制地使用，并且包含多种实用功能
  • Vue3初学之商品的增，删，改功能 fmdpenny Web前后端技术javascriptvue.js开发语言
    用一个商品的后台管理进行增，删，改的实现。案例进行学习：新增商品编辑删除取消确定import{ref}from'vue';import{ElMessageBox}from'element-plus';constgoodsList=ref([{id:1,name:'商品1',price:100,stock:50},{id:2,name:'商品2',price:200,stock:30}]);cons
  • 链表（双向环形链表）Java版 爱学Java Java数据结构与算法链表java数据结构
    双向环形链表（一个哨兵）双向环形链表介绍双向环形链表的特点应用场景代码实现双向环形链表介绍双向环形链表是双向链表的一种特殊形式，其特点是链表的头节点和尾节点相互连接，形成一个环。相较于普通双向链表，环形结构使得链表可以在任意节点上循环遍历，非常适合某些场景，例如实现循环队列、游戏中的回合逻辑等。双向环形链表的特点1，环形结构：头节点的prev指向尾节点，尾节点的next指向头节点。2，双向性：每个
  • 如何精力旺盛 CIb0la 程序人生学习
    其实这是一个常聊常新的话题，保持充足睡眠，轻松愉快的心神，良好的生活习惯，作息和吃饭极其规律，有一周健身3到4次的习惯，这个保持精力旺盛还是能做到的。下面是给职场牛马的一些建议：1、抽空做深呼吸，深呼吸可以减慢心跳速度，减少神经张力，降低血压。每天做10-15次深呼吸。另外，任何时候，当你感觉紧张或压力很大时，就做做深呼吸。让空气充满你的胸部和腹部，然后再慢慢地呼出。迈克尔·施密德特著有《厌倦疲劳
  • Spring中@Value注解，需要注意的地方 无量 springbean@Valuexml
    Spring 3以后,支持@Value注解的方式获取properties文件中的配置值，简化了读取配置文件的复杂操作 1、在applicationContext.xml文件(或引用文件中)中配置properties文件 <bean id="appProperty" class="org.springframework.beans.fac
  • mongoDB 分片 开窍的石头 mongodb
        mongoDB的分片。要mongos查询数据时候 先查询configsvr看数据在那台shard上，configsvr上边放的是metar信息，指的是那条数据在那个片上。由此可以看出mongo在做分片的时候咱们至少要有一个configsvr,和两个以上的shard（片）信息。     第一步启动两台以上的mongo服务 &nb
  • OVER(PARTITION BY)函数用法 0624chenhong oracle
    这篇写得很好，引自 http://www.cnblogs.com/lanzi/archive/2010/10/26/1861338.html OVER(PARTITION BY)函数用法 2010年10月26日 OVER(PARTITION BY)函数介绍 开窗函数        &nb
  • Android开发中，ADB server didn't ACK 解决方法 一炮送你回车库 Android开发
    首先通知：凡是安装360、豌豆荚、腾讯管家的全部卸载，然后再尝试。   一直没搞明白这个问题咋出现的，但今天看到一个方法，搞定了！原来是豌豆荚占用了 5037 端口导致。 参见原文章：一个豌豆荚引发的血案——关于ADB server didn't ACK的问题 简单来讲，首先将Windows任务进程中的豌豆荚干掉，如果还是不行，再继续按下列步骤排查。 &nb
  • canvas中的像素绘制问题 换个号韩国红果果 JavaScriptcanvas
    pixl的绘制，1.如果绘制点正处于相邻像素交叉线，绘制x像素的线宽，则从交叉线分别向前向后绘制x/2个像素，如果x/2是整数，则刚好填满x个像素，如果是小数，则先把整数格填满，再去绘制剩下的小数部分，绘制时，是将小数部分的颜色用来除以一个像素的宽度，颜色会变淡。所以要用整数坐标来画的话（即绘制点正处于相邻像素交叉线时），线宽必须是2的整数倍。否则会出现不饱满的像素。 2.如果绘制点为一个像素的
  • 编码乱码问题 灵静志远 javajvmjsp编码
    1、JVM中单个字符占用的字节长度跟编码方式有关，而默认编码方式又跟平台是一一对应的或说平台决定了默认字符编码方式；2、对于单个字符：ISO-8859-1单字节编码，GBK双字节编码，UTF-8三字节编码；因此中文平台(中文平台默认字符集编码GBK)下一个中文字符占2个字节，而英文平台(英文平台默认字符集编码Cp1252(类似于ISO-8859-1))。 3、getBytes()、getByte
  • java 求几个月后的日期 darkranger calendargetinstance
    Date plandate = planDate.toDate(); SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd"); Calendar cal = Calendar.getInstance(); cal.setTime(plandate); // 取得三个月后时间 cal.add(Calendar.M
  • 数据库设计的三大范式（通俗易懂） aijuans 数据库复习
    关系数据库中的关系必须满足一定的要求。满足不同程度要求的为不同范式。数据库的设计范式是数据库设计所需要满足的规范。只有理解数据库的设计范式，才能设计出高效率、优雅的数据库，否则可能会设计出错误的数据库. 目前，主要有六种范式：第一范式、第二范式、第三范式、BC范式、第四范式和第五范式。满足最低要求的叫第一范式，简称1NF。在第一范式基础上进一步满足一些要求的为第二范式，简称2NF。其余依此类推。
  • 想学工作流怎么入手 atongyeye jbpm
    工作流在工作中变得越来越重要，很多朋友想学工作流却不知如何入手。 很多朋友习惯性的这看一点，那了解一点，既不系统，也容易半途而废。好比学武功，最好的办法是有一本武功秘籍。研究明白，则犹如打通任督二脉。 系统学习工作流，很重要的一本书《JBPM工作流开发指南》。 本人苦苦学习两个月，基本上可以解决大部分流程问题。整理一下学习思路，有兴趣的朋友可以参考下。 1  首先要
  • Context和SQLiteOpenHelper创建数据库 百合不是茶 androidContext创建数据库
           一直以为安卓数据库的创建就是使用SQLiteOpenHelper创建,但是最近在android的一本书上看到了Context也可以创建数据库,下面我们一起分析这两种方式创建数据库的方式和区别,重点在SQLiteOpenHelper     一:SQLiteOpenHelper创建数据库:   1,SQLi
  • 浅谈group by和distinct bijian1013 oracle数据库group bydistinct
            group by和distinct只了去重意义一样，但是group by应用范围更广泛些，如分组汇总或者从聚合函数里筛选数据等。         譬如：统计每id数并且只显示数大于3 select id ,count(id) from ta
  • vi opertion 征客丶 macoprationvi
    进入 command mode （命令行模式） 按 esc 键 再按 shift + 冒号 注：以下命令中 带 $ 【在命令行模式下进行】，不带 $ 【在非命令行模式下进行】 一、文件操作 1.1、强制退出不保存 $ q! 1.2、保存 $ w 1.3、保存并退出 $ wq 1.4、刷新或重新加载已打开的文件 $ e 二、光标移动 2.1、跳到指定行 数字
  • 【Spark十四】深入Spark RDD第三部分RDD基本API bit1129 spark
      对于K/V类型的RDD,如下操作是什么含义？   val rdd = sc.parallelize(List(("A",3),("C",6),("A",1),("B",5)) rdd.reduceByKey(_+_).collect  reduceByKey在这里的操作，是把
  • java类加载机制 BlueSkator java虚拟机
    java类加载机制 1.java类加载器的树状结构 引导类加载器 ^ | 扩展类加载器 ^ | 系统类加载器 java使用代理模式来完成类加载，java的类加载器也有类似于继承的关系，引导类是最顶层的加载器，它是所有类的根加载器，它负责加载java核心库。当一个类加载器接到装载类到虚拟机的请求时，通常会代理给父类加载器，若已经是根加载器了，就自己完成加载。 虚拟机区分一个Cla
  • 动态添加文本框 BreakingBad 文本框
      <script>     var num=1; function AddInput() {      var str="";     str+="<input 
  • 读《研磨设计模式》-代码笔记-单例模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ public class Singleton { } /* * 懒汉模式。注意，getInstance如果在多线程环境中调用，需要加上synchronized，否则存在线程不安全问题 */ class LazySingleton
  • iOS应用打包发布常见问题 chenhbc iosiOS发布iOS上传iOS打包
    这个月公司安排我一个人做iOS客户端开发，由于急着用，我先发布一个版本，由于第一次发布iOS应用，期间出了不少问题，记录于此。   1、使用Application Loader 发布时报错：Communication error.please use diagnostic mode to check connectivity.you need to have outbound acc
  • 工作流复杂拓扑结构处理新思路 comsci 设计模式工作算法企业应用OO
    我们走的设计路线和国外的产品不太一样，不一样在哪里呢？  国外的流程的设计思路是通过事先定义一整套规则(类似XPDL)来约束和控制流程图的复杂度(我对国外的产品了解不够多，仅仅是在有限的了解程度上面提出这样的看法)，从而避免在流程引擎中处理这些复杂的图的问题，而我们却没有通过事先定义这样的复杂的规则来约束和降低用户自定义流程图的灵活性，这样一来，在引擎和流程流转控制这一个层面就会遇到很
  • oracle 11g新特性Flashback data archive daizj oracle
    1. 什么是flashback data archive Flashback data archive是oracle 11g中引入的一个新特性。Flashback archive是一个新的数据库对象，用于存储一个或多表的历史数据。Flashback archive是一个逻辑对象，概念上类似于表空间。实际上flashback archive可以看作是存储一个或多个表的所有事务变化的逻辑空间。
  • 多叉树:2-3-4树 dieslrae 树
        平衡树多叉树,每个节点最多有4个子节点和3个数据项,2,3,4的含义是指一个节点可能含有的子节点的个数,效率比红黑树稍差.一般不允许出现重复关键字值.2-3-4树有以下特征:     1、有一个数据项的节点总是有2个子节点(称为2-节点)     2、有两个数据项的节点总是有3个子节点(称为3-节
  • C语言学习七动态分配 malloc的使用 dcj3sjt126com clanguagemalloc
    /* 2013年3月15日15:16:24 malloc 就memory(内存) allocate(分配)的缩写 本程序没有实际含义，只是理解使用 */ # include <stdio.h> # include <malloc.h> int main(void) { int i = 5; //分配了4个字节 静态分配 int * p
  • Objective-C编码规范[译] dcj3sjt126com 代码规范
      原文链接 : The official raywenderlich.com Objective-C style guide 原文作者 : raywenderlich.com Team 译文出自 : raywenderlich.com Objective-C编码规范 译者 : Sam Lau
  • 0.性能优化-目录 frank1234 性能优化
    从今天开始笔者陆续发表一些性能测试相关的文章，主要是对自己前段时间学习的总结，由于水平有限，性能测试领域很深，本人理解的也比较浅，欢迎各位大咖批评指正。 主要内容包括： 一、性能测试指标 吞吐量、TPS、响应时间、负载、可扩展性、PV、思考时间 http://frank1234.iteye.com/blog/2180305 二、性能测试策略 生产环境相同 基准测试 预热等 htt
  • Java父类取得子类传递的泛型参数Class类型 happyqing java泛型父类子类Class
      import java.lang.reflect.ParameterizedType; import java.lang.reflect.Type; import org.junit.Test; abstract class BaseDao<T> { public void getType() { //Class<E> clazz =
  • 跟我学SpringMVC目录汇总贴、PDF下载、源码下载 jinnianshilongnian springMVC
      ----广告-------------------------------------------------------------- 网站核心商详页开发 掌握Java技术，掌握并发/异步工具使用，熟悉spring、ibatis框架； 掌握数据库技术，表设计和索引优化，分库分表/读写分离； 了解缓存技术，熟练使用如Redis/Memcached等主流技术； 了解Ngin
  • the HTTP rewrite module requires the PCRE library 流浪鱼 rewrite
    ./configure: error: the HTTP rewrite module requires the PCRE library. 模块依赖性Nginx需要依赖下面3个包 1. gzip 模块需要 zlib 库 ( 下载: http://www.zlib.net/ ) 2. rewrite 模块需要 pcre 库 ( 下载: http://www.pcre.org/ ) 3. s
  • 第12章 Ajax（中） onestopweb Ajax
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • Optimize query with Query Stripping in Web Intelligence blueoxygen BO
    http://wiki.sdn.sap.com/wiki/display/BOBJ/Optimize+query+with+Query+Stripping+in+Web+Intelligence and a very straightfoward video http://www.sdn.sap.com/irj/scn/events?rid=/library/uuid/40ec3a0c-936
  • Java开发者写SQL时常犯的10个错误 tomcat_oracle javasql
    1、不用PreparedStatements 　　有意思的是，在JDBC出现了许多年后的今天，这个错误依然出现在博客、论坛和邮件列表中，即便要记住和理解它是一件很简单的事。开发者不使用PreparedStatements的原因可能有如下几个： 　　他们对PreparedStatements不了解 　　他们认为使用PreparedStatements太慢了 　　他们认为写Prepar
  • 世纪互联与结盟有感 阿尔萨斯
    10月10日，世纪互联与（Foxcon）签约成立合资公司，有感。 全球电子制造业巨头（全球500强企业）与世纪互联共同看好IDC、云计算等业务在中国的增长空间，双方迅速果断出手，在资本层面上达成合作，此举体现了全球电子制造业巨头对世纪互联IDC业务的欣赏与信任，另一方面反映出世纪互联目前良好的运营状况与广阔的发展前景。 众所周知，精于电子产品制造（世界第一），对于世纪互联而言，能够与结盟
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他