杨耿
杨耿

利用css3和js实现旋转木马图片小demo

先看效果图：

 

上源码

html代码

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Documenttitle>
    <link rel="stylesheet" href="./index.css">
head>

<body>
    <div class="box">
        <img src="./img/1.png" alt="">
        <img src="./img/2.png" alt="">
        <img src="./img/3.png" alt="">
        <img src="./img/4.png" alt="">
        <img src="./img/5.png" alt="">
        <img src="./img/6.png" alt="">
        <img src="./img/1.png" alt="">
        <img src="./img/2.png" alt="">
        <img src="./img/3.png" alt="">
        <img src="./img/4.png" alt="">
        <img src="./img/5.png" alt="">
        <img src="./img/6.png" alt="">
    div>
    <script src="./jquery-3.3.1.js">script>
    <script src="./index.js">script>
body>

html>

 

css代码

*{
    margin:0;
    padding:0;
}
html,body{
    width:100%;
    height:100%;
    background-image:radial-gradient(circle at center center,rgba(244,23,234,0.2),rgba(0,0,0));
    background-color:#000;
    overflow: hidden;
    perspective: 1000px;
}
.box{
    position: relative;
    width:120px;
    height:180px;
    margin:200px auto;
    transform-style:preserve-3d; 
}
.box img{
    position: absolute;
    width:100%;
    height:100%;
    -webkit-box-reflect: below 10px -webkit-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,0.5) 100%);   /*倒影*/
}

 

js(jquery)代码

window.onload = function () {
    var img = $('img');
    var len = img.length;
    var deg = 360 / len;
    for (var i = 0; i < len; i++) {
        $('img').eq(i).css({
            'transform': 'rotateY(' + i * deg + 'deg) translateZ(300px)',
            'transition': 'transform 0.5s linear ' + (len - 1 - i) * 0.1 + 's'
        }) //实现 刚开始的发牌效果。
    };
    bindEvent();
}
function bindEvent() {
    var box = $('.box');
    var body = $('body');
    var lastX, lastY, nowX, nowY, disX, disY;
    var roX = 0, roY = 0;
    var timer;
    body.on('mousedown', function (e) {
        clearInterval(timer);
        lastX = e.clientX;
        lastY = e.clientY;
        body.on('mousemove', function (e) {
            nowX = e.clientX;
            nowY = e.clientY;

            disX = nowX - lastX;
            disY = nowY - lastY;

            roX -= disY * 0.2;
            roY += disX * 0.2;

            roX = roX % 360;
            roY = roY % 360;

            box.css({
                'transform': 'rotateX(' + roX + 'deg) rotateY(' + roY + 'deg)',
            });

            lastX = nowX;
            lastY = nowY;
        })
        return false;
    }).on('mouseup', function () {

        body.off('mousemove');
        // 以下是缓冲
        timer = setInterval(function () {
            disX *= 0.95;
            disY *= 0.95;
            roX -= disY * 0.5;
            roY += disX * 0.5;

            roX = roX % 360;
            roY = roY % 360;

            box.css({
                'transform': 'rotateX(' + roX + 'deg) rotateY(' + roY + 'deg)',
            });

            if (Math.abs(disX) < 0.01 && Math.abs(disY) < 0.01) {
                clearInterval(timer);
            }

        }, 20);
    });
}

 

你可能感兴趣的:(利用css3和js实现旋转木马图片小demo)

  • 【Python】socket 宅男很神经 python开发语言
    第一章：网络通信基石——深入理解OSI与TCP/IP模型在深入探究Pythonsocket模块之前，我们必须首先建立对网络通信底层原理的深刻理解。socket作为操作系统提供的低级网络接口，其行为和功能直接映射着网络协议栈的各个层次。因此，对OSI（开放系统互连）模型和TCP/IP模型的透彻分析，是理解socket操作精髓的先决条件。1.1网络通信的起源与核心概念网络通信的本质是数据在不同物理位置
  • 安装python后如何安装numpy_如何简单安装NumPy与SciPy
    2015-12-27回答numpy是一个定义了数值数组和矩阵类型和它们的基本运算的语言扩展。scipy是一种使用numpy来做高等数学、信号处理、优化、统计和许多其它科学任务的语言扩展。学习这两个工具的话，官方有很详细的文档和教程来帮助入门：我是传送门另外，还有一本书《numpyandscipy》，很薄，才67页：我是传送门如何安装numpy和scipy之所以写这篇文章主要是因为scipy官网貌似
  • 蓝色，玻璃心 未央迷城
    第一章野小子版的女孩子乍一看，学生群中，个子最矮，皮肤又不显白，顶着一头O字羊毛卷眼睛却滴溜溜转的姑娘，一定是我木小点啦！现在，是进入小学升初中的学前军训阶段，为期10天。本以为我们还都是小孩子不过在操场走走正步，跑跑跳跳就会轻松结束，却不曾想是“实打实”的军训！住所是我们在小学6年早已习惯的小平房宿舍，男女分东西侧，水房共用，公厕却远在东北墙边。第一天，是各种统一，迷彩服，生活用具等，即便时间和
  • 书读一半，课上几节，蓄力明天再战！ Joey琳爱读书
    先打预防针，我今天又要水文了。先说上课，相比现在的学习状态和精气神，我知道，之前的几节课是水过去了。网课上到23点。之前要是晚上听课，脑子容易稀里糊涂的，而且不就就想睡觉。今天倒是清醒得很，一个手机，一本原题；一个人的房间，一节课的时间。明明白白地过来了，果真有学习方法就是不一样，效率提升不少。（不过知识付费贵，特别羡慕自学就能行的人）。今天晚上是休战了，写到这里已经23：31了。明天继续努力，学
  • 2021-4-8晨间日记 陈慧Vicky
    落地北京起床：去办理一些乱七八糟使人头疼的事宜就寝：希望快些回到我的大银川，年龄越大越不想出门。哦，不，好像和年龄没有关系，一直喜欢甘于现状天气：有一点点凉心情：很复杂/无法形容纪念日：任务清单未有改进：甘于现状周目标·完成进度学习·信息·阅读健康·饮食·锻炼人际·家人·朋友工作·思考最美好的三件事1.2.3.思考·创意·未来
  • 【转】【译】How to Handle Very Long Sequences with LSTM（LSTM RNN 超长序列处理） 开始奋斗的胖子 机器学习RNNLSTM序列深度学习
    原文地址http://machinelearningmastery.com/handle-long-sequences-long-short-term-memory-recurrent-neural-networks/一个长的输入序列却只对应一个或者一小段输出就是我们经常说的序列标注和序列分类。主要包括下面一些例子：包含上千个词的文件情感分类（NLP）包含上千个时间状态的脑电痕迹分类（Medici
  • #Linux内存管理# 假设使用printf打印指针bufA和bufB指向的地址是一样的，那么在内核中这两块虚拟内存是否“打架”了呢？
    不，在内核中这两块虚拟内存不会“打架”。原因在于虚拟内存的工作原理和内核的管理机制。下面我将详细解释，基于你描述的场景：假设在同一个进程或不同进程中，使用printf打印出的bufA和bufB的虚拟地址值相同。关键点：虚拟地址是进程本地的用户空间虚拟地址的含义：printf打印的地址是用户空间的虚拟地址（VirtualAddress）。每个进程都有自己的虚拟地址空间，由操作系统内核通过内存管理单元
  • #Linux内存管理# vm_normal_page()函数返回的什么样页面的struct page数据结构？为什么内存管理代码中需要这个函数？
    vm_normal_page()函数是Linux内核内存管理的一个关键且微妙的函数，其职责和返回结果需要深入理解。下面详细解释：1.vm_normal_page()返回什么样的structpage？vm_normal_page()函数接收一个有效的、已经存在于物理内存中的页表项（PTE）作为输入（即pte_present(pte)必须为true），然后返回一个指向与该PTE所映射的物理页帧相对应的
  • 2023-02-21 张月香_430d
    2023.2.21记录我和女儿的生活昨天中午，女儿说，妈妈你做的饭不好吃。她吃了一点点。我心里有一种被否认的感受。我心平气和的说出来我的感受。我说“厨娘做的饭不好吃，我好没有成就感。晚上妈妈不给你做饭了，在学校吃吧。孩子说话的。”晚上回来，我说“明天是2月2，龙抬头，中午吃荤饺子，她说，想吃韭菜鸡蛋馅的。我当时也没答应他。”今天中午回来，热气腾腾饺子已经在餐桌上，她一看是素馅的，洗手就吃，吃了一个
  • 【从零开始的LeetCode-算法】3202. 找出有效子序列的最大长度 II 九圣残炎 算法leetcodejava
    给你一个整数数组nums和一个正整数k。nums的一个子序列sub的长度为x，如果其满足以下条件，则称其为有效子序列：(sub[0]+sub[1])%k==(sub[1]+sub[2])%k==...==(sub[x-2]+sub[x-1])%k返回nums的最长有效子序列的长度。示例1：输入：nums=[1,2,3,4,5],k=2输出：5解释：最长有效子序列是[1,2,3,4,5]。示例2：输
  • 深入探讨DICOM医学影像中的MPPS服务及其具体实现 猿享天开 DICOM医学影像专业知识精讲DICOM医学影象PACSMPPS
    深入探讨DICOM医学影像中的MPPS服务及其具体实现1.引言在医疗影像的管理和传输过程中，DICOM（数字影像和通信医学）标准发挥着至关重要的作用。除了DICOM影像的存储和传输（如影像存储SCP和影像传输SCP），DICOM还定义了其他一系列服务以支持医疗影像的完整管理。其中，**MPPS（ModalityPerformedProcedureStep）**服务是医疗影像工作流中的一个重要环节，
  • 深入详解DICOM医学影像定位线相关知识：理解定位线的概念、定位线的作用以及定位线显示和计算原理 猿享天开 DICOM医学影像专业知识精讲DICOM医学影象PACS定位线
    DICOM医学影像中的定位线（LocalizationLine）在医学影像学中，DICOM是用于存储和交换医学影像的标准格式。定位线（LocalizationLine）在医学影像的显示和分析中起着重要作用，它帮助医生和医学专业人员在影像中精确地标定重要的解剖结构、区域或特征，辅助进行定位、治疗计划和诊断分析。目录DICOM医学影像中的定位线（LocalizationLine）引言1.定位线的概念2
  • 剑指offer66_不用加减乘除做加法
    不用加减乘除做加法写一个函数，求两个整数之和，要求在函数体内不得使用＋、－、×、÷四则运算符号。数据范围输入和输出都在int范围内。样例输入：num1=1,num2=2输出：3算法思路这是一个不使用加减运算符实现整数加法的算法，利用了位运算来模拟加法过程。核心思想是将加法分解为：无进位相加（通过异或运算^实现）计算进位（通过与运算&和左移<<实现）循环直到进位为0时间复杂度：O(1)因为整数位数固
  • 无解 LUCKFAIRY_9c19
    人生在世，所有的问题都有答案和解决。当然，在世人生，又有很多的问题是无解和寻找。最近有一个问题困扰我好久，不知如何做选择，我经朋友介绍认识了我现在的男朋友，他家庭条件一般，有两个高中生，他自己也是比较有上进心，对我也很好，当然对我好也有一小半的原因是因为我肚子里的孩子，他爸妈都是工人，现在他辞职了没有输入来源，可能是因为我肚子里的孩子。我妈不同意我们在一起，非要让我打掉孩子，和他们看好的男孩子相亲
  • 【TPAMI2024】计算机视觉|即插即用|FreqFusion:炸裂！告别模糊，精准分割，视觉新高度！ 爆改模型 计算机视觉人工智能
    论文地址：https://arxiv.org/pdf/2408.12879代码地址：https://github.com/Linwei-Chen/FreqFusion关注UPCV缝合怪，分享最计算机视觉新即插即用模块，并提供配套的论文资料与代码。https://space.bilibili.com/473764881摘要密集图像预测任务需要在高分辨率下具有强大的类别信息和精确空间边界细节的特征。为
  • java实现多表代替密码（维吉尼亚密码） 就问你爱信不信 维基利亚密码java密码加密解密密码学加密解密java算法
    维吉尼亚密码（又译维热纳尔密码）是使用一系列凯撒密码组成密码字母表的加密算法，属于多表密码的一种简单形式。设d为一固定的正整数，d个位移代换表π=（π1,π2,…,πd），由密钥序列K=（k1,k2,…,kd）给定，第i+td个明文字母由表πi决定。即密钥ki决定加密算法如下：ek(xi+td)=(xi+td+ki)mod（q）e_k(x_{i+td})=(x_{i+td}+k_i)mod（q）e
  • MTALAB实现多表代替密码（维吉尼亚密码） 就问你爱信不信 matlab加密解密维吉尼亚密码密码学加密解密算法matlab
    维吉尼亚密码（又译维热纳尔密码）是使用一系列凯撒密码组成密码字母表的加密算法，属于多表密码的一种简单形式。设d为一固定的正整数，d个位移代换表π=（π1,π2,…,πd），由密钥序列K=（k1,k2,…,kd）给定，第i+td个明文字母由表πi决定。即密钥ki决定加密算法如下：ek(xi+td)=(xi+td+ki)mod（q）e_k(x_{i+td})=(x_{i+td}+k_i)mod（q）e
  • 任嘉伦《乌鸦小姐》再获好评，邢菲演技灵动，男女主演默契十足 茯茶
    3月份的电视剧市场可以说是百花齐放，放肆藤爱、体面夫妇、卡壳夫妇等几对CP也是让大家十分上头，但相比之下，4月份则比较惨淡了，虽然有几部小甜剧，但都是不温不火。近日，吴强执导，任嘉伦、邢菲领衔主演，刘芮麟、赵奕欢、骏声等人领衔主演的都市浪漫情感剧《乌鸦小姐与蜥蜴先生》正式于4月26日在腾讯视频全网独播。就像这部剧的名字一样，男女主角分别有着乌鸦和蜥蜴的性格，特立独行却也想要温暖，让观众更期待奇特的
  • 【机器学习【9】】评估算法：数据集划分与算法泛化能力评估 roman_日积跬步-终至千里 #机器学习机器学习
    文章目录一、数据集划分：训练集与评估集二、K折交叉验证：提升评估可靠性1.基本原理1.1.K折交叉验证基本原理1.2.逻辑回归算法与L22.基于K折交叉验证L2算法三、弃一交叉验证（Leave-One-Out）1、基本原理2、代码实现四、ShuffleSplit交叉验证1、基本原理2、为什么能降低方差3、代码测试五、选择建议在机器学习中，评估算法的核心目标是衡量模型在“未知数据”上的表现，而不是仅
  • 我总结的制作酵素快步骤 婷依1988
    我总结的制作酵素快步骤：首先将水果喷上果蔬宝，接下来1、桶；2、倒入水6L；3、将大滤芯放入桶内；4、直接将白砂糖倒入水中（不要搅拌，给糖自然融化也很快的，有了加热垫会更快，不一定需要先化糖）；5、洗净水果，处理切片（切越小或者越薄越好）；6、倒入桶中并搅拌（搅拌时用手按住大滤芯，不要让滤芯随着搅动而转动摩擦到桶壁和桶底）勺子搅动时也尽量不要碰到桶壁和桶底，因为桶壁和桶底有一层还原酶，负责杀菌的；
  • Selenium 中 findElement 方法全解析：定位网页元素的 7 种方式 二向箔reverse selenium测试工具
    在自动化测试和网页数据抓取场景中，准确找到目标元素是核心任务。Selenium提供的findElement方法支持多种定位策略，本文将深入介绍各种搜索模式的完整语法及适用场景。一、CSS选择器定位CSS选择器是定位网页元素的首选方式，它具有语法简洁、性能优异的特点。1.基本选择器元素选择器语法与说明：driver.find_element(By.CSS_SELECTOR,"标签名")通过HTML标
  • Selenium 性能优化实战：让自动化测试速度提升 60% 的 10 个技巧 二向箔reverse selenium性能优化测试工具
    在Web自动化测试中，脚本执行效率直接影响测试反馈周期和资源成本。本文将分享10个经过实战验证的Selenium性能优化技巧，帮助你将测试速度提升60%以上。一、使用无头浏览器模式传统浏览器渲染UI会消耗大量资源，而无头模式（Headless）可以在后台静默执行，显著提升速度。优化前（有UI模式）：fromseleniumimportwebdriverdriver=webdriver.Chrome
  • Python 中 sys 库的全面解析与实战应用 二向箔reverse 服务器python
    在Python的众多标准库中，sys库占据着举足轻重的地位。它与Python解释器紧密交互，为开发者提供了访问解释器内部信息和控制解释器行为的强大能力。无论是命令行参数处理、系统环境配置，还是程序退出控制，sys库都能大显身手。本文将带您深入探索sys库的常用功能，通过丰富的实例讲解，助您轻松掌握其使用技巧。sys库的基础认知sys库是Python的内置标准库，无需额外安装，只需通过imports
  • 【004】 ITK 读取 CT Dicom 数据并使用 VTK 显示
    【004】ITK读取CTDicom数据并使用VTK显示文章目录1.CMakeList.txt2.ITK读取CTdicom文件并使用VTK显示代码实现1.CMakeList.txtcmake_minimum_required(VERSION3.5)project(Image2ReadImageLANGUAGESCXX)set(CMAKE_CXX_STANDARD11)set(CMAKE_CXX_ST
  • 三轴云台之姿态调节技术篇
    三轴云台的姿态调节技术通过机械解耦、传感器融合、智能控制算法及动态补偿机制协同实现，能在复杂运动环境下保持高精度稳定，其核心技术与实现方式如下：一、机械结构优化：三轴解耦与轻量化设计三轴独立驱动解耦俯仰轴（Pitch）、横滚轴（Roll）、航向轴（Yaw）通过无刷电机+编码器+驱动器模块化设计实现运动解耦，避免轴间干扰。应用场景：无人机急转弯时，航向轴优先响应姿态变化，俯仰轴同步补偿相机倾斜，横滚
  • 三轴云台之电机控制技术篇
    三轴云台的电机控制技术以无刷直流电机（BLDC）为核心执行单元，结合磁场定向控制（FOC）、闭环反馈、多算法融合及减震设计，实现高精度、低延迟、抗干扰的稳定姿态调整。一、电机选型：无刷直流电机（BLDC）的优势高效率与低噪音BLDC电机通过电子换向替代传统电刷，减少机械摩擦，效率可达90%以上，同时噪音降低10-15dB，满足云台对静音和续航的要求。高精度控制配合编码器（如磁编码器）可实现0.01
  • 三轴云台之控制算法协同技术篇 SKYDROID云卓小助手 人工智能算法机器学习网络自动化
    三轴云台的控制算法协同技术是确保云台在复杂动态环境下实现高精度、高稳定性运动控制的核心，其技术体系涵盖多传感器融合、多算法协同以及多目标优化三个关键维度。以下从技术架构与实现路径展开分析：一、多传感器融合：构建环境感知基础三轴云台通过集成IMU（惯性测量单元）、编码器、视觉传感器等多源数据，构建高鲁棒性的环境感知系统。IMU与编码器融合IMU提供高频率的姿态角速度数据，编码器提供低延迟的关节位置反
  • 叙事疗法的问话～ showtomato的精彩人生
    《叙事治疗的精神与实践》第六章6-1、6-2读后感本章主要围绕叙事治疗的方法与介入技术进行阐述，主要内容涵盖了6类问话，它们分别是：1）反思性问话2）开启空间的问话3）解构式的问话4）意义性的问话5）较喜欢的选择的问话6）发展故事的问话本章阅读起来不仅易于理解，而且让人很感兴趣~其中第6-1节是有关反思性问话的内容，第6-2节是有关开启空间的问话。下面我结合我最近的咨询案例对文章内容进行理解和分析
  • 椭圆曲线密码学 Elliptic Curve Cryptography AIMercs BTC密码学密码学
    密码学是研究在存在对抗行为的情况下还能安全通信的技术。即算法加密信息，再算法解密出信息。加密分为两类1.Symmetric-keyEncryption(secretkeyencryption)即一种密钥，加密和解密使用同一密钥，可相互转换2.Asymmetric-keyEncryption(publickeyencryption)分为公钥和私钥，不能转换，密钥搬运难题，用公钥加密，私钥解密椭圆密码
  • 秋韵 人间雪白乘雪归
    一、校园久未提笔，时光流转匆匆，落笔间惊觉秋已深。近来秋雨反复，蓊郁山水，空濛缥缈，云气与天相接，山色已是一片伤心碧了。校园一直被包围在烟雾杳霭中，不得秋的清爽和空旷，在淅淅沥沥的雨里，默默的等待时光的宽宥，亦深知时间的优渥，终会将温暖泽被其上。校园的绣球花已经凋零，往日肥绿的叶子，也开始枯黄掉落，紫叶李、玉兰花、梧桐的树叶不断的随着风飘落。周末，校园被安静占领，被四周的秋色占领，被雀鸟占领。二、
  • LeetCode[Math] - #66 Plus One Cwind javaLeetCode题解AlgorithmMath
    原题链接：#66 Plus One   要求： 给定一个用数字数组表示的非负整数，如num1 = {1, 2, 3, 9}, num2 = {9, 9}等，给这个数加上1。 注意： 1. 数字的较高位存在数组的头上，即num1表示数字1239 2. 每一位（数组中的每个元素）的取值范围为0~9   难度：简单   分析： 题目比较简单，只须从数组
  • JQuery中$.ajax()方法参数详解 AILIKES JavaScriptjsonpjqueryAjaxjson
    url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。 type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和    delete也可以使用，但仅部分浏览器支持。 timeout: 要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖$.ajaxSetup()方法的全局
  • JConsole & JVisualVM远程监视Webphere服务器JVM Kai_Ge JVisualVMJConsoleWebphere
        JConsole是JDK里自带的一个工具，可以监测Java程序运行时所有对象的申请、释放等动作，将内存管理的所有信息进行统计、分析、可视化。我们可以根据这些信息判断程序是否有内存泄漏问题。 　　使用JConsole工具来分析WAS的JVM问题，需要进行相关的配置。 　　首先我们看WAS服务器端的配置. 　　1、登录was控制台https://10.4.119.18
  • 自定义annotation 120153216 annotation
    Java annotation 自定义注释@interface的用法 一、什么是注释      说起注释，得先提一提什么是元数据(metadata)。所谓元数据就是数据的数据。也就是说，元数据是描述数据的。就象数据表中的字段一样，每个字段描述了这个字段下的数据的含义。而J2SE5.0中提供的注释就是java源代码的元数据，也就是说注释是描述java源
  • CentOS 5/6.X 使用 EPEL YUM源 2002wmj centos
    CentOS 6.X 安装使用EPEL YUM源1. 查看操作系统版本[root@node1 ~]# uname -a Linux node1.test.com 2.6.32-358.el6.x86_64 #1 SMP Fri Feb 22 00:31:26 UTC 2013 x86_64 x86_64 x86_64 GNU/Linux [root@node1 ~]#
  • 在SQLSERVER中查找缺失和无用的索引SQL 357029540 SQL Server
    --缺失的索引 SELECT  avg_total_user_cost * avg_user_impact * ( user_scans + user_seeks ) AS PossibleImprovement ,          last_user_seek ,    
  • Spring3 MVC 笔记（二） —json+rest优化 7454103 Spring3 MVC
    接上次的 spring mvc 注解的一些详细信息！                          其实也是一些个人的学习笔记  呵呵！
  • 替换“\”的时候报错Unexpected internal error near index 1 \ ^ adminjun java“\替换”
    发现还是有些东西没有刻子脑子里,,过段时间就没什么概念了,所以贴出来...以免再忘...   在拆分字符串时遇到通过 \ 来拆分，可是用所以想通过转义 \\ 来拆分的时候会报异常   public class Main {          /*
  • POJ 1035 Spell checker(哈希表) aijuans 暴力求解--哈希表
    /* 题意：输入字典，然后输入单词，判断字典中是否出现过该单词，或者是否进行删除、添加、替换操作，如果是，则输出对应的字典中的单词 要求按照输入时候的排名输出 题解：建立两个哈希表。一个存储字典和输入字典中单词的排名，一个进行最后输出的判重 */ #include <iostream> //#define using namespace std; const int HASH =
  • 通过原型实现javascript Array的去重、最大值和最小值 ayaoxinchao JavaScriptarrayprototype
    用原型函数（prototype）可以定义一些很方便的自定义函数，实现各种自定义功能。本次主要是实现了Array的去重、获取最大值和最小值。 实现代码如下：   <script type="text/javascript"> Array.prototype.unique = function() { var a = {}; var le
  • UIWebView实现https双向认证请求 bewithme UIWebViewhttpsObjective-C
              什么是HTTPS双向认证我已在先前的博文 ASIHTTPRequest实现https双向认证请求 中有讲述，不理解的读者可以先复习一下。本文是用UIWebView来实现对需要客户端证书验证的服务请求，网上有些文章中有涉及到此内容，但都只言片语，没有讲完全，更没有完整的代码，让人困扰不已。但是此知
  • NoSQL数据库之Redis数据库管理(Redis高级应用之事务处理、持久化操作、pub_sub、虚拟内存) bijian1013 redis数据库NoSQL
    3.事务处理         Redis对事务的支持目前不比较简单。Redis只能保证一个client发起的事务中的命令可以连续的执行，而中间不会插入其他client的命令。当一个client在一个连接中发出multi命令时，这个连接会进入一个事务上下文，该连接后续的命令不会立即执行，而是先放到一个队列中，当执行exec命令时，redis会顺序的执行队列中
  • 各数据库分页sql备忘 bingyingao oraclesql分页
    ORACLE 下面这个效率很低 SELECT * FROM ( SELECT A.*, ROWNUM RN FROM (SELECT * FROM IPAY_RCD_FS_RETURN order by id desc) A ) WHERE RN <20; 下面这个效率很高 SELECT A.*, ROWNUM RN FROM (SELECT * FROM IPAY_RCD_
  • 【Scala七】Scala核心一：函数 bit1129 scala
    1. 如果函数体只有一行代码，则可以不用写{},比如 def print(x: Int) = println(x) 一行上的多条语句用分号隔开，则只有第一句属于方法体，例如   def printWithValue(x: Int) : String= println(x); "ABC"   上面的代码报错，因为，printWithValue的方法
  • 了解GHC的factorial编译过程 bookjovi haskell
    GHC相对其他主流语言的编译器或解释器还是比较复杂的，一部分原因是haskell本身的设计就不易于实现compiler，如lazy特性，static typed，类型推导等。 关于GHC的内部实现有篇文章说的挺好，这里，文中在RTS一节中详细说了haskell的concurrent实现，里面提到了green thread，如果熟悉Go语言的话就会发现，ghc的concurrent实现和Go有点类
  • Java-Collections Framework学习与总结-LinkedHashMap BrokenDreams LinkedHashMap
            前面总结了java.util.HashMap，了解了其内部由散列表实现，每个桶内是一个单向链表。那有没有双向链表的实现呢？双向链表的实现会具备什么特性呢？来看一下HashMap的一个子类——java.util.LinkedHashMap。       
  • 读《研磨设计模式》-代码笔记-抽象工厂模式-Abstract Factory bylijinnan abstract
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * Abstract Factory Pattern * 抽象工厂模式的目的是： * 通过在抽象工厂里面定义一组产品接口，方便地切换“产品簇” * 这些接口是相关或者相依赖的
  • 压暗面部高光 cherishLC PS
    方法一、压暗高光&重新着色 当皮肤很油又使用闪光灯时，很容易在面部形成高光区域。 下面讲一下我今天处理高光区域的心得： 皮肤可以分为纹理和色彩两个属性。其中纹理主要由亮度通道（Lab模式的L通道）决定，色彩则由a、b通道确定。 处理思路为在保持高光区域纹理的情况下，对高光区域着色。具体步骤为：降低高光区域的整体的亮度，再进行着色。 如果想简化步骤，可以只进行着色（参看下面的步骤1
  • Java VisualVM监控远程JVM crabdave visualvm
    Java VisualVM监控远程JVM    JDK1.6开始自带的VisualVM就是不错的监控工具. 这个工具就在JAVA_HOME\bin\目录下的jvisualvm.exe, 双击这个文件就能看到界面   通过JMX连接远程机器, 需要经过下面的配置: 1. 修改远程机器JDK配置文件 (我这里远程机器是linux).    
  • Saiku去掉登录模块 daizj saiku登录olapBI
    1、修改applicationContext-saiku-webapp.xml <security:intercept-url pattern="/rest/**" access="IS_AUTHENTICATED_ANONYMOUSLY" />  <security:intercept-url pattern=&qu
  • 浅析 Flex中的Focus dsjt htmlFlexFlash
    关键字：focus、 setFocus、 IFocusManager、KeyboardEvent 焦点、设置焦点、获得焦点、键盘事件 一、无焦点的困扰——组件监听不到键盘事件 原因：只有获得焦点的组件（确切说是InteractiveObject）才能监听到键盘事件的目标阶段；键盘事件（flash.events.KeyboardEvent）参与冒泡阶段，所以焦点组件的父项（以及它爸
  • Yii全局函数使用 dcj3sjt126com yii
    由于YII致力于完美的整合第三方库，它并没有定义任何全局函数。yii中的每一个应用都需要全类别和对象范围。例如，Yii::app()->user;Yii::app()->params['name'];等等。我们可以自行设定全局函数，使得代码看起来更加简洁易用。(原文地址) 我们可以保存在globals.php在protected目录下。然后，在入口脚本index.php的，我们包括在
  • 设计模式之单例模式二（解决无序写入的问题） come_for_dream 单例模式volatile乱序执行双重检验锁
                    在上篇文章中我们使用了双重检验锁的方式避免懒汉式单例模式下由于多线程造成的实例被多次创建的问题，但是因为由于JVM为了使得处理器内部的运算单元能充分利用，处理器可能会对输入代码进行乱序执行（Out Of Order Execute）优化，处理器会在计算之后将乱序执行的结果进行重组，保证该
  • 程序员从初级到高级的蜕变 gcq511120594 框架工作PHPandroidhtml5
    软件开发是一个奇怪的行业，市场远远供不应求。这是一个已经存在多年的问题，而且随着时间的流逝，愈演愈烈。 我们严重缺乏能够满足需求的人才。这个行业相当年轻。大多数软件项目是失败的。几乎所有的项目都会超出预算。我们解决问题的最佳指导方针可以归结为——“用一些通用方法去解决问题，当然这些方法常常不管用，于是，唯一能做的就是不断地尝试，逐个看看是否奏效”。 现在我们把淫浸代码时间超过3年的开发人员称为
  • Reverse Linked List hcx2013 list
    Reverse a singly linked list.   /** * Definition for singly-linked list. * public class ListNode { * int val; * ListNode next; * ListNode(int x) { val = x; } * } */ p
  • Spring4.1新特性——数据库集成测试 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • C# Ajax上传图片同时生成微缩图(附Demo) liyonghui160com
        1.Ajax无刷新上传图片,详情请阅我的这篇文章。（jquery + c# ashx）         2.C#位图处理  System.Drawing。         3.最新demo支持IE7,IE8,Fir
  • Java list三种遍历方法性能比较 pda158 java
    从c/c++语言转向java开发，学习java语言list遍历的三种方法，顺便测试各种遍历方法的性能，测试方法为在ArrayList中插入1千万条记录，然后遍历ArrayList，发现了一个奇怪的现象，测试代码例如以下： package com.hisense.tiger.list; import java.util.ArrayList; import java.util.Iterator;
  • 300个涵盖IT各方面的免费资源（上）——商业与市场篇 shoothao seo商业与市场IT资源免费资源
    A.网站模板+logo+服务器主机+发票生成 HTML5 UP:响应式的HTML5和CSS3网站模板。 Bootswatch:免费的Bootstrap主题。 Templated:收集了845个免费的CSS和HTML5网站模板。 Wordpress.org|Wordpress.com:可免费创建你的新网站。 Strikingly:关注领域中免费无限的移动优
  • localStorage、sessionStorage uule localStorage
    W3School 例子   HTML5 提供了两种在客户端存储数据的新方法： localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储   之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他