hu_Time
hu_Time

js控制audio音量

作者：hu_time
描述：记录一下学习的一个使用原生js控制audio音量的小案例，代码如下：

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>音量控制title>
    <link rel="stylesheet" href="./index.css">
head>
<body>
    <div class="audio-box">
        <audio src="./music-bg.mp3" loop autoplay >audio>
    div>
    <div class="container">
        <p class="title">0p>
        <div class="slide-bar">
            <div class="bar">div>
        div>
        
        <div class="control">
            <div class="center">div>
            <div class="pointer">div>
        div>
        <div class="desc">
            <p>根据按空格键时箭头的指向控制音量p>
            <p>中间：增加5%p>
            <p>其他：大于五十是会减少5%，少于50时会清零p>
        div>
    div>
  
    <script src="./index.js">script>
body>
html>

css:

.title {
    text-align: center;
}

.slide-bar {
    width: 150px;
    height: 15px;
    border: 2px solid #333;
    margin: 0 auto;
    position: relative;
}

.bar{
    position: absolute;
    left: 0;
    height: 100%;
    /* width: 100%; */
    background: red;
}

.control{
    width: 300px;
    height: 15px;
    background: lightblue;
    margin: 15px auto;
}

.center{
    width: 20px;
    height: 100%;
    background: red;
    margin: 0 auto;
}

.pointer{
    width: 20px;
    height: 22px;
    background: url("./pointer.jpg");
    /* 显示时，向左偏移自身宽度的一半 */
    transform: translateX(-50%);
}

.desc{
    margin: 35px 0;
    text-align: center;
}
.audio-box{
    margin: 0 auto;
    text-align: center;
}

js

//音量控制
var volumn = {
    value: 0, //当前音量，表示百分比，0~100
    titleDom: document.querySelector(".title"), //显示音量数字的dom
    barDom: document.querySelector(".bar"), //显示蓝红色条的div
    audioDom: document.querySelector("audio"), //audio元素
    show: function () {
        this.titleDom.innerText = this.value; //音量值
        this.barDom.style.width = this.value + "%";
        this.audioDom.volume = this.value / 100;
    },
    increase: function (val) { //增加指定的音量
        this.value += val;
        if(this.value >= 100){
            this.value = 100 //最大音量
        }
        if(this.value <= 0){
            this.value = 0;  //最小音量
        }
        this.show(); //渲染dom
    },
    clear: function () { //清零
        this.value = 0;
        this.show();
    }
}

//箭头
var pointer = {
    left: 0, //记录当前的marginLeft的值
    pointerDom: document.querySelector(".pointer"),
    maxLeft: 300,   //最大移动值
    startMove: function () { //开始自动左右跑   
        var that = this;
        var step = 2;   //每次移动的值
        setInterval(function () {
            that.left += step;
            if(that.left >= that.maxLeft){
                that.left = that.maxLeft;   //最大移动范围
                step = -step
            }
            if(that.left <= 0){
                that.left = 0;  //最小移动范围
                step = -step;
            }
            that.pointerDom.style.marginLeft = that.left + "px"; //渲染dom
        }, 16)
    },
    isCenter: function () {
        var centerWidth = 30;
        var minLeft = this.maxLeft / 2 - centerWidth / 2; //中间位置的左边
        var maxLeft = this.maxLeft / 2 + centerWidth / 2; //中间位置的右边
        return this.left >= minLeft && this.left <= maxLeft; 
    }
}

volumn.show();
pointer.startMove(); //开始自动移动

// 调用事件
window.onkeydown = function (e) {
    if (e.key === " ") {
        //按下的是空格
        if (pointer.isCenter()) {
            //箭头刚好在中间
            volumn.increase(5);
        }
        else {
            if(volumn.value >= 50){
                volumn.increase(-5);
            }else{
                volumn.clear();
            }
        }
    }
}
// document.querySelector(".jia").onclick = function () {
//     volumn.increase(5);
//     volumn.show();
// }
// document.querySelector(".jian").onclick = function () {
//     volumn.increase(-5);
//     volumn.show();
// }

注：因为是原生js，所以不用引用其他类库，直接复制代码即可复用，

小箭头图片：

在这里插入图片描述
音乐可自行下载并修改路径或者文件名称。

你可能感兴趣的:(学习记录小案例)

  • CMake学习记录 Spoon_94 C/C++CMake
    参考文章：CMakePractice文章目录PROJECTSETMESSAGEADD_EXECUTABLE变量ADD_SUBDIRECTORYLIBRARY_OUTPUT_PATH/EXECUTABLE_OUTPUT_PATHINSTALL安装普通文件非目标文件的可执行程序安装(脚本)目录安装CMAKE脚本执行静态库与动态库SET_TARGET_PROPERTIESGET_TARGET_PROPE
  • 训练神经网络出现nan 崧小果 AI学习记录神经网络深度学习机器学习
    在理解和修改QARV的代码时，出现了训练会因为nan而终止的问题，因此学习记录。参考资料Pytorch训练模型损失Loss为Nan或者无穷大（INF）原因Pytorch训练模型损失Loss为Nan或者无穷大（INF）原因_pytorchnan-CSDN博客文章浏览阅读5.6w次，点赞135次，收藏489次。常见原因-1一般来说，出现NaN有以下几种情况：相信很多人都遇到过训练一个deepmodel
  • 第G9周：ACGAN理论与实战 OreoCC GAN
    >-**本文为[365天深度学习训练营]中的学习记录博客**>-**原作者：[K同学啊]**本人往期文章可查阅：深度学习总结我的环境：语言环境：Python3.11编译器：PyCharm深度学习环境：Pytorchtorch==2.0.0+cu118torchvision==0.18.1+cu118显卡：NVIDIAGeForceGTX1660论文地址：ConditionalImageSynthe
  • Qt学习记录--04 Qt的对话框介绍 Barry.Ji QtC++qtC++
    一引言:熟悉win32(MFC)的小伙伴们会知道,对话框分为模态对话框和非模态对话框，他们的明显差异是:模态对话框在弹出后，会阻塞同一应用程序中其它窗体的输入，即无法获取鼠标和键盘等响应。模态对话框很常见，比如记事本的“打开文件”功能。当“打开文件”对话框弹出后，我们无法对此外的窗口进行操作的。而非模态对话框在弹出后，其他窗体依旧可以获取响应。例如记事本的“查找”对话框，我们可以在查找的同时，继续
  • Flutter_学习记录_动画的简单了解 一人前行 flutter学习flutter
    用AnimationController简单实现如下的效果图：1.只用AnimationController实现简单动画1.1完整代码案例import'package:flutter/material.dart';classAnimationDemoextendsStatefulWidget{constAnimationDemo({super.key});@overrideStatecreateS
  • Linux 下 VIM 编辑器学习记录：从基础到进阶（中） Aphelios380 Linuxlinux前端数据库
    在Linux系统的学习与实践过程中，对文件内容的查看是一项极为基础且高频的操作。熟练掌握各类内容查看命令，不仅能提升我们在Linux环境下的工作效率，对于学习Java全栈开发的同学来说，在处理项目相关的配置文件、日志文件时也能更加得心应手。接下来，我将详细介绍一些常用的文件内容查看命令。一、内容查看命令1.Cat作用：cat命令用于一次性输出文件中的所有内容。cat文件名称：按正序从头开始输出文件
  • 【Python数据分析五十个小案例】使用自然语言处理（NLP）技术分析 Twitter 情感 小馒头学python python数据分析自然语言处理
    博客主页：小馒头学python本文专栏:Python爬虫五十个小案例专栏简介：分享五十个Python爬虫小案例项目简介什么是情感分析情感分析（SentimentAnalysis）是文本分析的一部分，旨在识别文本中传递的情感信息，例如正面、负面或中立情绪。为什么选择Twitter数据数据丰富：Twitter上每天产生数百万条推文，内容多样。即时性：适合实时分析。公开可用：提供API可轻松访问。NLP
  • 蓝桥杯学习记录（2025.1.12） 2301_78943228 蓝桥杯蓝桥杯学习c语言c++
    语法要求C+STL库代码格式与语法基础//输出格式#includeusingnamespacestd;intmain(){charch='A';chars[]="hello";coutusingnamespacestd;constintN=1e5+9;//1e5=10的5次方inta[N];//数组大小为N的全局数组，下标为[0,N-1]，自动初始化为0（只要全局数组才会初始化为0）intmain
  • 【STM32学习记录06】STM32功能介绍—时钟、复位和电源 触角01010001 STM32stm32学习嵌入式硬件
    主题内容教学目的/扩展视频STM32功能介绍（重点课程）包括ARM核心，内存，时钟，复位，电源，电压监控，看门狗，低功耗，ADC，中断，IO接口，调试模式，定时器，通信接口等功能的基础知识介绍。对单片机内部各功能有初步的认识，不要求深入了解。为未来细讲做信心上的准备。学习课程来源于洋桃电子，杜洋老师文章目录学习目标学习重点扩展⚠️注意事项相关资源学习目标对单片机内部的时钟，复位，电源各功能有初步的
  • 《Qt+PCL》1.1、点云读取显示 钟某某人 Qt+PCLqt开发语言c++
    文章目录@[TOC](文章目录)前言一、主要流程二、使用步骤1.Qt设置-添加pcl依赖库2.ui界面布局3.添加Qt基本头文件4.添加pcl相关头文件+定义ui界面的元素5.初始化控件6.主函数增加菜单栏7.菜单栏信号与槽设置.8.添加函数功能9.建立信号与槽连接，在初始化函数中添加槽函数链接总结前言在Qt中实现PCL点云数据读取，Qt小白，仅做学习记录，欢迎学习交流指导。一、主要流程1.Qt设
  • 【STM32学习记录05】STM32功能介绍—内核与存储器 触角01010001 STM32stm32学习嵌入式硬件
    主题内容教学目的/扩展视频STM32功能介绍（重点课程）包括ARM核心，内存，时钟，复位，电源，电压监控，看门狗，低功耗，ADC，中断，IO接口，调试模式，定时器，通信接口等功能的基础知识介绍。对单片机内部各功能有初步的认识，不要求深入了解。为未来细讲做信心上的准备。学习课程来源于洋桃电子，杜洋老师文章目录学习目标学习重点扩展相关资源学习目标对单片机内部ARM核心与内存有初步的认识，不要求深入了解
  • C语言学习记录——BC61 牛牛的二三七整除 曾浩轩 C语言学习记录学习c语言
    牛牛的二三七整除_牛客题霸_牛客网(nowcoder.com)#includeintmain(){inta;//定义我们要输入的整数scanf("%d",&a);//输入整数if(a%2==0)//a%2==0说明a能被2整除{printf("2");//输出2空，因为a有可能还会被3和7整除，但输出中格式显示每个数字是间隔的}//并且要升序输出，所以先判断能否被2整除，再判断能否被3整除，最后是
  • 《大话设计模式》学习记录 MatthewMao 设计模式c++设计模式
    转载地址：1.理论支持1：https://www.cnblogs.com/ygsworld/p/10647954.html2.理论支持2：小菜编程成长记系列-伍迷-博客园前言：设计模式系列是参照IT前辈-程杰编写的《大话设计模式》的内容而来，由于其实现内容是按照依据.NetFramwork的C#来实现的，而我是搞C++，所以我想着用C++的知识将书上相应的例子来实现一遍，不过学习之前，得明确一下：
  • C++学习记录与心得（一）类和对象 SOULHENG C++学习
    一、写在开头记录自己的学习过程也是为自己的学习生涯做一点标记，既可以方便以后查阅，对我本人来说也可以起到促进学习的作用。本人之前会一点c语言，现在跟着课程向导学习一点c++的基本知识。笔者自身也是处于学习之中，如果有什么不对的地方希望大家不吝赐教。二、类和对象1.c++与c不同的一点就是C++中有类和对象之说，public中定义公用的数据和成员函数，private下定义私有的数据和成员函数。公用的
  • C语言学习记录（4）青年歌手大奖赛_评委会打分 舌尖上的五香 C语言
    C语言学习记录前言一直自己没有学习做笔记的习惯，所以为了加强自己对知识的深入理解，决定将学习笔记写下来，希望向各位大牛们学习交流！不当之处请斧正！在此感谢！这边就先从学习C语言写起，自己本身对程序语言方面不擅长，所以决定对此从基础开始学习，大牛们对此文可以忽略！学校的OJ上的题青年歌手大奖赛_评委会打分题目描述青年歌手大奖赛中，评委会给参赛选手打分。选手得分规则为去掉一个最高分和一个最低分，然后计
  • 设计模式13：职责链模式 MatthewMao 设计模式设计模式qt职责链模式
    系列总链接：《大话设计模式》学习记录_net大话设计-CSDN博客1.概述职责链模式（ChainofResponsibilityPattern）是一种行为设计模式，它允许将请求沿着处理者链传递，直到有一个处理者能够处理该请求。这种模式通过避免发送者和接收者之间的直接耦合，使得多个对象都有机会处理请求，从而增强了系统的灵活性和可扩展性。每个处理者包含对其下一个处理者的引用，如果当前处理者无法处理请求
  • Pytorch实现mnist手写数字识别 Zn要学习 python
    >-**本文为[365天深度学习训练营]中的学习记录博客**>-**原作者：[K同学啊]**我的环境：语言环境：Python3.8编译器：JupyterLab深度学习环境：torch==1.12.1+cu113torchvision==0.13.1+cu113一、前期准备1.设置GPU如果设备上支持GPU就使用GPU,否则使用CPUimporttorchimporttorch.nnasnnimpo
  • 2025-02-13 学习记录--C/C++-PTA 7-16 求符合给定条件的整数集 小呀小萝卜儿 学习-C/C++学习c语言
    一、题目描述⭐️二、代码（C语言）⭐️#includeintmain(){intA,//用户输入的不超过6的正整数Acount=0;//满足条件的整数个数，初始化为0scanf("%d",&A);//输入A//生成并输出满足条件的三位数for(inti=A;i
  • 第N11周：seq2seq翻译实战-Pytorch复现 计算机真好丸 pytorch人工智能python
    文章目录一、前期准备1.搭建语言类2.文本处理函数3.文件读取函数二、Seq2Seq模型1.编码器（encoder）2.解码器（decoder）三、训练1.数据预处理2.训练函数3.评估四、评估与训练1.Loss图2.可视化注意力五、总结本文为365天深度学习训练营中的学习记录博客原作者：K同学啊一、前期准备from__future__importunicode_literals,print_fu
  • 第N5周：Pytorch文本分类入门 计算机真好丸 pytorch分类人工智能
    文章目录一、前期准备1.环境安装2.加载数据3.构建词典4.生成数据批次和迭代器二、准备模型1.定义模型2.定义实例三、训练模型1.拆分数据集并运行模型2.使用测试数据集评估模型本文为365天深度学习训练营中的学习记录博客原作者：K同学啊一、前期准备1.环境安装确保安装了torchtext与portalocker库2.加载数据importtorch#强制使用CPUdevice=torch.devi
  • 第TR5周：Transformer实战：文本分类 计算机真好丸 transformer分类深度学习
    文章目录1.准备环境1.1环境安装1.2加载数据2.数据预处理2.1构建词典2.2生成数据批次和迭代器2.3构建数据集3.模型构建3.1定义位置编码函数3.2定义Transformer模型3.3初始化模型3.4定义训练函数3.5定义评估函数4.训练模型4.1模型训练5.总结：本文为365天深度学习训练营中的学习记录博客原作者：K同学啊1.准备环境1.1环境安装这是一个使用PyTorch通过Tran
  • 【学习记录】AVL树及相关链表，线程池实现 liarsup 学习链表windows
    本来打算使用avl树套链表的结构，来避免优先级相等的情况，但是最后发现当绝大多数优先级都相等，avl树还是不可避免的退化成单链表，而需求中也确实是绝大多数都是优先级相等。所以评估之后觉得avl树带来的提升远不及其提升的复杂度，所以放弃该方案，改为链表实现，现将此前实验的代码整理如下，AVL树部分应该没有问题。重要步骤做了注释.c文件如下////CreatedbyAdministratoron202
  • Vue.js 新手必看：5个趣味小案例快速理解数据绑定原理 云资社 VUEvue.js前端javascript
    Vue.js是一个渐进式JavaScript框架，用于构建用户界面。其核心特性之一是数据绑定，它允许开发者通过简单的声明式语法将数据与DOM元素绑定在一起。这种双向数据绑定机制使得数据更新和视图更新变得非常直观和高效。本文将通过5个趣味小案例，帮助Vue.js新手快速理解数据绑定的原理和实现方式。案例1：简单的文本绑定目标将输入框中的内容实时显示在页面上。实现代码Vue数据绑定-文本绑定输入框内容
  • 2025-02-13 学习记录--C/C++-PTA 7-14 求整数段和 小呀小萝卜儿 学习-C/C++学习c语言
    一、题目描述⭐️给定两个整数A和B，输出从A到B的所有整数以及这些数的和。输入格式：给定两个整数A和B，输出从A到B的所有整数以及这些数的和。输出格式：首先顺序输出从A到B的所有整数，每5个数字占一行，每个数字占5个字符宽度，向右对齐。最后在一行中按Sum=X的格式输出全部数字的和X。输入样例：-38输出样例：二、代码（C语言）⭐️#includeintmain(){intA,B,//2个整数A和
  • Flutter_学习记录_数据更新的学习 一人前行 flutter学习flutter
    Flutter如果界面上有数据更新时，目前学习到的有3种：第一种：直接用StatefulWidget组件，然后当数据更新时，调用setState的方法更新数据，页面上的数据会直接更新；第二种：用StatefulWidget组件和InheritedWidget的结合，这种模式比较适用于有比较多层级的场景；这样数据更新时，就不用一层一层的从父类上传递数据；第三种：用第三方库scoped_model,这
  • Springboot（五十）SpringBoot3集成sentinel并连接sentinel-dashboard camellias_ springbootsentinel后端
    对，你没看错，又是sentinel。我真是够了，而且，我觉得这应该不是最后一次，以后应该还会写到关于sentinel的学习记录。前边我们了解了sentinel如何使用。相对来讲还是比较简单的。之后学到自定义注解的时候，还自定义了一个sentinel注解来实现限流。用着相对来讲还是很方便的。但是呢，有一个小小的问题。官方推荐使用sentinel-dashboard，这玩意我一直没用明白。我得项目一直
  • PyQt学习记录03——批量设置水印 XS30 PyQt学习pyqt学习
    0.目录PyQt学习记录01——加法计算器PyQt学习记录02——串口助手1.前言本次主要是为了学习Qt中的QFileDialog函数，QFileDialog.getExistingDirectory：用于选择文件夹，返回的是一个文件夹路径。QFileDialog.getOpenFileName：用于选择单个文件。返回的是文件的完整路径。以及通过importlib.util实现跨文件的函数调用，即
  • 《InsideUE4》GamePlay架构学习_Pawn ZengSZ_00
    《InsideUE4》GamePlay架构学习Pawn前言ComponentActorPawnDefaultPawn，SpectatorPawn，CharacterDefaultPawnSpectatorPawnCharacter思考为何Actor也能接受Input事件？Pawn前言本次系列是关于知乎InsideUE系列的学习记录。原作链接如下：原文链接前面我们学习了大钊老师有关于Gameplay
  • C++基础知识学习记录—引用 墨楠。 学习
    1、引用的概念概念：引用相当于给变量取个别名对引用进行操作与直接操作变量相同，注意引用类型与变量类型一致#includeusingnamespacestd;intmain(){inta=10;int&cite_a=a;//操作引用cite_a与操作变量a完全一样coutusingnamespacestd;intmain(){inta=10;int&cita_a=a;//引用的性质1：称为一个变量的
  • Java实现kaptcha网页验证码验证，你会吗？？？ 一个爱运动的程序员 Java基础java后端springboot
    在做关于SSM项目之商铺系统时，了解到了kaptcha实现网页验证码验证，感觉就很有趣，所以便开始学习记录了起来|ू･ω･`)，复制粘贴即可用。文章目录一、引入Maven依赖二、编写Servlet三、编写：页面、判断与跳转1、只有数字的验证码2、含义数字、字母、中文的验证码3、两个数相加的验证码首先来了解一下什么是验证码：验证码（CAPTCHA)∶是一种区分用户是计算机还是人的公共全自动程序。作用
  • mysql主从数据同步 林鹤霄 mysql主从数据同步
    配置mysql5.5主从服务器(转) 教程开始：一、安装MySQL 说明：在两台MySQL服务器192.168.21.169和192.168.21.168上分别进行如下操作，安装MySQL 5.5.22  二、配置MySQL主服务器（192.168.21.169）mysql  -uroot  -p   &nb
  • oracle学习笔记 caoyong oracle
    1、ORACLE的安装    a>、ORACLE的版本    8i,9i :   i是internet    10g,11g : grid (网格)    12c : cloud (云计算)       b>、10g不支持win7 &
  • 数据库，SQL零基础入门 天子之骄 sql数据库入门基本术语
    数据库，SQL零基础入门        做网站肯定离不开数据库，本人之前没怎么具体接触SQL，这几天起早贪黑得各种入门，恶补脑洞。一些具体的知识点，可以让小白不再迷茫的术语，拿来与大家分享。          数据库，永久数据的一个或多个大型结构化集合，通常与更新和查询数据的软件相关
  • pom.xml 一炮送你回车库 pom.xml
    1、一级元素dependencies是可以被子项目继承的 2、一级元素dependencyManagement是定义该项目群里jar包版本号的，通常和一级元素properties一起使用，既然有继承，也肯定有一级元素modules来定义子元素 3、父项目里的一级元素<modules> <module>lcas-admin-war</module> <
  • sql查地区省市县 3213213333332132 sqlmysql
    -- db_yhm_city SELECT * FROM db_yhm_city WHERE class_parent_id = 1 -- 海南 class_id = 9 港、奥、台 class_id = 33、34、35 SELECT * FROM db_yhm_city WHERE class_parent_id =169 SELECT d1.cla
  • 关于监听器那些让人头疼的事 宝剑锋梅花香 画图板监听器鼠标监听器
           本人初学JAVA，对于界面开发我只能说有点蛋疼，用JAVA来做界面的话确实需要一定的耐心（不使用插件，就算使用插件的话也没好多少）既然Java提供了界面开发，老师又要求做，只能硬着头皮上啦。但是监听器还真是个难懂的地方，我是上了几次课才略微搞懂了些。       
  • JAVA的遍历MAP darkranger map
    Java Map遍历方式的选择 1. 阐述 　　对于Java中Map的遍历方式，很多文章都推荐使用entrySet，认为其比keySet的效率高很多。理由是：entrySet方法一次拿到所有key和value的集合；而keySet拿到的只是key的集合，针对每个key，都要去Map中额外查找一次value，从而降低了总体效率。那么实际情况如何呢？ 　　为了解遍历性能的真实差距，包括在遍历ke
  • POJ 2312 Battle City 优先多列+bfs aijuans 搜索
    来源：http://poj.org/problem?id=2312 题意：题目背景就是小时候玩的坦克大战，求从起点到终点最少需要多少步。已知S和R是不能走得，E是空的，可以走，B是砖，只有打掉后才可以通过。 思路：很容易看出来这是一道广搜的题目，但是因为走E和走B所需要的时间不一样，因此不能用普通的队列存点。因为对于走B来说，要先打掉砖才能通过，所以我们可以理解为走B需要两步，而走E是指需要1
  • Hibernate与Jpa的关系，终于弄懂 avords javaHibernate数据库jpa
    我知道Jpa是一种规范，而Hibernate是它的一种实现。除了Hibernate，还有EclipseLink(曾经的toplink)，OpenJPA等可供选择，所以使用Jpa的一个好处是，可以更换实现而不必改动太多代码。 在play中定义Model时，使用的是jpa的annotations，比如javax.persistence.Entity, Table, Column, OneToMany
  • 酸爽的console.log bee1314 console
    在前端的开发中，console.log那是开发必备啊，简直直观。通过写小函数，组合大功能。更容易测试。但是在打版本时，就要删除console.log，打完版本进入开发状态又要添加，真不够爽。重复劳动太多。所以可以做些简单地封装，方便开发和上线。 /** * log.js hufeng * The safe wrapper for `console.xxx` functions *
  • 哈佛教授：穷人和过于忙碌的人有一个共同思维特质 bijian1013 时间管理励志人生穷人过于忙碌
            一个跨学科团队今年完成了一项对资源稀缺状况下人的思维方式的研究，结论是：穷人和过于忙碌的人有一个共同思维特质，即注意力被稀缺资源过分占据，引起认知和判断力的全面下降。这项研究是心理学、行为经济学和政策研究学者协作的典范。 　　这个研究源于穆来纳森对自己拖延症的憎恨。他7岁从印度移民美国，很快就如鱼得水，哈佛毕业
  • other operate 征客丶 OSosx
    一、Mac Finder 设置排序方式，预览栏 在显示－》查看显示选项中 二、有时预览显示时，卡死在那，有可能是一些临时文件夹被删除了，如：/private/tmp[有待验证] -------------------------------------------------------------------- 若有其他凝问或文中有错误，请及时向我指出， 我好及时改正，同时也让我们一
  • 【Scala五】分析Spark源代码总结的Scala语法三 bit1129 scala
    1. If语句作为表达式 val properties = if (jobIdToActiveJob.contains(jobId)) { jobIdToActiveJob(stage.jobId).properties } else { // this stage will be assigned to "default" po
  • ZooKeeper 入门 BlueSkator 中间件zk
    ZooKeeper是一个高可用的分布式数据管理与系统协调框架。基于对Paxos算法的实现，使该框架保证了分布式环境中数据的强一致性，也正是基于这样的特性，使得ZooKeeper解决很多分布式问题。网上对ZK的应用场景也有不少介绍，本文将结合作者身边的项目例子，系统地对ZK的应用场景进行一个分门归类的介绍。 值得注意的是，ZK并非天生就是为这些应用场景设计的，都是后来众多开发者根据其框架的特性，利
  • MySQL取得当前时间的函数是什么 格式化日期的函数是什么 BreakingBad mysqlDate
    取得当前时间用 now() 就行。 在数据库中格式化时间 用DATE_FORMA T(date, format) . 根据格式串format 格式化日期或日期和时间值date，返回结果串。 可用DATE_FORMAT( ) 来格式化DATE 或DATETIME 值，以便得到所希望的格式。根据format字符串格式化date值: %S, %s 两位数字形式的秒（ 00,01,
  • 读《研磨设计模式》-代码笔记-组合模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; abstract class Component { public abstract void printStruct(Str
  • 4_JAVA+Oracle面试题(有答案) chenke oracle
    基础测试题 卷面上不能出现任何的涂写文字，所有的答案要求写在答题纸上，考卷不得带走。 选择题 1、 What will happen when you attempt to compile and run the following code? （3） public class Static { static { int x = 5; // 在static内有效 } st
  • 新一代工作流系统设计目标 comsci 工作算法脚本
      用户只需要给工作流系统制定若干个需求，流程系统根据需求，并结合事先输入的组织机构和权限结构，调用若干算法，在流程展示版面上面显示出系统自动生成的流程图，然后由用户根据实际情况对该流程图进行微调，直到满意为止，流程在运行过程中，系统和用户可以根据情况对流程进行实时的调整，包括拓扑结构的调整，权限的调整，内置脚本的调整。。。。。 在这个设计中，最难的地方是系统根据什么来生成流
  • oracle 行链接与行迁移 daizj oracle行迁移
    表里的一行对于一个数据块太大的情况有二种(一行在一个数据块里放不下) 第一种情况: INSERT的时候，INSERT时候行的大小就超一个块的大小。Oracle把这行的数据存储在一连串的数据块里(Oracle Stores the data for the row in a chain of data blocks)，这种情况称为行链接(Row Chain)，一般不可避免(除非使用更大的数据
  • [JShop]开源电子商务系统jshop的系统缓存实现 dinguangx jshop电子商务
    前言 jeeshop中通过SystemManager管理了大量的缓存数据，来提升系统的性能，但这些缓存数据全部都是存放于内存中的，无法满足特定场景的数据更新（如集群环境）。JShop对jeeshop的缓存机制进行了扩展，提供CacheProvider来辅助SystemManager管理这些缓存数据，通过CacheProvider,可以把缓存存放在内存,ehcache,redis，memcache
  • 初三全学年难记忆单词 dcj3sjt126com englishword
    several 儿子；若干 shelf 架子 knowledge 知识；学问 librarian 图书管理员 abroad 到国外，在国外 surf 冲浪 wave 浪；波浪 twice 两次；两倍 describe 描写；叙述 especially 特别；尤其 attract 吸引 prize 奖品；奖赏 competition 比赛；竞争 event 大事；事件 O
  • sphinx实践 dcj3sjt126com sphinx
      安装参考地址:http://briansnelson.com/How_to_install_Sphinx_on_Centos_Server   yum install sphinx 如果失败的话使用下面的方式安装 wget http://sphinxsearch.com/files/sphinx-2.2.9-1.rhel6.x86_64.rpm yum loca
  • JPA之JPQL（三） frank1234 ormjpaJPQL
    1 什么是JPQL JPQL是Java Persistence Query Language的简称，可以看成是JPA中的HQL， JPQL支持各种复杂查询。 2 检索单个对象 @Test public  void querySingleObject1() {     Query query = em.createQuery("sele
  • Remove Duplicates from Sorted Array II hcx2013 remove
    Follow up for "Remove Duplicates":What if duplicates are allowed at most twice? For example,Given sorted array nums = [1,1,1,2,2,3], Your function should return length
  • Spring4新特性——Groovy Bean定义DSL jinnianshilongnian spring 4
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • CentOS安装Mysql5.5 liuxingguome centos
    CentOS下以RPM方式安装MySQL5.5 首先卸载系统自带Mysql： yum remove mysql mysql-server mysql-libs compat-mysql51 rm -rf /var/lib/mysql rm /etc/my.cnf 查看是否还有mysql软件： rpm -qa|grep mysql 去http://dev.mysql.c
  • 第14章 工具函数（下） onestopweb 函数
    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/
  • POJ 1050 SaraWon 二维数组子矩阵最大和
    POJ ACM第1050题的详细描述，请参照 http://acm.pku.edu.cn/JudgeOnline/problem?id=1050 题目意思： 给定包含有正负整型的二维数组，找出所有子矩阵的和的最大值。 如二维数组 0 -2 -7 0 9 2 -6 2 -4 1 -4 1 -1 8 0 -2 中和最大的子矩阵是 9 2 -4 1 -1 8 且最大和是15
  • [5]设计模式——单例模式 tsface java单例设计模式虚拟机
    单例模式：保证一个类仅有一个实例，并提供一个访问它的全局访问点   安全的单例模式：     /* * @(#)Singleton.java 2014-8-1 * * Copyright 2014 XXXX, Inc. All rights reserved. */ package com.fiberhome.singleton;
  • Java8全新打造，英语学习supertool yangshangchuan javasuperword闭包java8函数式编程
    superword是一个Java实现的英文单词分析软件，主要研究英语单词音近形似转化规律、前缀后缀规律、词之间的相似性规律等等。Clean code、Fluent style、Java8 feature: Lambdas, Streams and Functional-style Programming。   升学考试、工作求职、充电提高，都少不了英语的身影，英语对我们来说实在太重要
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他