传奇开心果编程

第一篇【传奇开心果系列】HBuilderX 的mui框架开发移动应用：抽奖轮盘示例

系列博文目录

HBuilderX 的mui框架开发移动应用示例系列
- 博文目录
- - 一、项目目标
  - 二、编程思路
  - 三、初步实现轮盘抽奖移动应用示例代码
  - 四、实现抽奖轮盘示例代码
  - 五、在HBuilderX中生成安卓手机应用方法
  - 六、在HBuilderX中生成苹果手机应用方法

HBuilderX 的mui框架开发移动应用示例系列

博文目录

一、项目目标

使用HBuilderX 的mui框架开发传奇开心果轮盘抽奖移动应用，打包成安卓手机应用和苹果手机应用

二、编程思路

HBuilderX 是一款强大的前端开发工具，支持多种前端框架和开发技术。如果你想使用 HBuilderX 和 mui 框架开发传奇开心果轮盘抽奖移动应用，你可以按照以下步骤进行：

安装 HBuilderX：首先，你需要从 HBuilderX 官方网站下载并安装 HBuilderX。官网链接：https://www.dcloud.io/hbuilderx.html
创建项目：打开 HBuilderX，点击 “新建项目”，选择 “mui” 模板。填写项目名称和路径，然后点击 “创建”。
导入 mui 框架：在创建的项目中，右键点击 “HBuilderX 项目”，选择 “导入本地 HTML5+项目”。在弹出的对话框中，选择 “导入 mui 框架”，然后点击 “确定”。
开发页面：在项目中创建 HTML 文件，例如 “index.html”。在该文件中，你可以使用 mui 框架的组件和样式来构建轮盘抽奖应用的界面。
编写逻辑代码：使用 JavaScript 编写与轮盘抽奖相关的逻辑代码。你可以监听用户的交互事件，例如点击按钮开始抽奖，然后根据抽奖结果进行相应的处理。
调试和预览：在 HBuilderX 中，你可以选择不同的调试方式，例如在浏览器中预览、在模拟器中运行或在真机上调试。通过调试和预览，你可以查看应用的效果并进行调试。
打包发布：完成开发和调试后，你可以使用 HBuilderX 提供的打包工具将应用打包为移动应用。具体的打包步骤可以参考 HBuilderX 的官方文档。

需要注意的是，以上步骤只是一个简单的指导，具体的开发过程可能会根据你的需求和具体情况有所变化。你可以参考 HBuilderX 的文档和 mui 框架的官方文档来了解更多详细信息和开发技巧。

三、初步实现轮盘抽奖移动应用示例代码

以下是一个使用 HBuilderX 和 mui 框架开发传奇开心果轮盘抽奖移动应用的示例代码：

DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>传奇开心果轮盘抽奖title>
    <link rel="stylesheet" href="mui/css/mui.min.css">
head>
<body>
    <header class="mui-bar mui-bar-nav">
        <h1 class="mui-title">传奇开心果轮盘抽奖h1>
    header>
    <div class="mui-content">
        <div class="mui-content-padded">
            <button id="startBtn" class="mui-btn mui-btn-primary">开始抽奖button>
        div>
        <div id="result" class="mui-content-padded">div>
    div>
    <script src="mui/js/mui.min.js">script>
    <script>
        mui.init();
        
        var startBtn = document.getElementById('startBtn');
        var resultDiv = document.getElementById('result');
        
        startBtn.addEventListener('tap', function() {
            // 模拟抽奖结果
            var prizes = ['一等奖', '二等奖', '三等奖', '谢谢参与'];
            var randomIndex = Math.floor(Math.random() * prizes.length);
            var prize = prizes[randomIndex];
            
            // 显示抽奖结果
            resultDiv.innerText = '恭喜您获得：' + prize;
        });
    script>
body>
html>

在这个示例代码中，我们创建了一个简单的页面，包含一个按钮和一个用于显示抽奖结果的

元素。当用户点击 “开始抽奖” 按钮时，通过 JavaScript 代码生成随机的抽奖结果，并将结果显示在页面上。

请注意，这只是一个简单的示例代码，你可以根据自己的需求进行扩展和修改。你可以添加更多的样式、动画效果和交互逻辑，以及与后端进行数据交互等功能。希望这个示例能帮助你开始开发传奇开心果轮盘抽奖移动应用！

四、实现抽奖轮盘示例代码

以下是一个使用 HBuilderX 和 mui 框架开发传奇开心果轮盘抽奖移动应用的示例代码，包括了抽奖轮盘的实现：

DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>传奇开心果轮盘抽奖title>
    <link rel="stylesheet" href="mui/css/mui.min.css">
    <style>
        #roulette {
            width: 200px;
            height: 200px;
            margin: 0 auto;
            position: relative;
            background-image: url('roulette.png');
            background-size: cover;
            background-repeat: no-repeat;
        }
        #arrow {
            width: 20px;
            height: 20px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: red;
            border-radius: 50%;
        }
    style>
head>
<body>
    <header class="mui-bar mui-bar-nav">
        <h1 class="mui-title">传奇开心果轮盘抽奖h1>
    header>
    <div class="mui-content">
        <div id="roulette">div>
        <div class="mui-content-padded">
            <button id="startBtn" class="mui-btn mui-btn-primary">开始抽奖button>
        div>
        <div id="result" class="mui-content-padded">div>
    div>
    <script src="mui/js/mui.min.js">script>
    <script>
        mui.init();
        
        var startBtn = document.getElementById('startBtn');
        var resultDiv = document.getElementById('result');
        var rouletteDiv = document.getElementById('roulette');
        var arrowDiv = document.createElement('div');
        arrowDiv.id = 'arrow';
        rouletteDiv.appendChild(arrowDiv);
        
        var prizes = ['一等奖', '二等奖', '三等奖', '谢谢参与'];
        var prizeIndex = 0;
        var isSpinning = false;
        
        startBtn.addEventListener('tap', function() {
            if (isSpinning) {
                return;
            }
            
            isSpinning = true;
            startBtn.disabled = true;
            
            var rotateAngle = 0;
            var rotateSpeed = 10;
            var rotateDuration = 3000; // 旋转持续时间，单位为毫秒
            
            var timer = setInterval(function() {
                rotateAngle += rotateSpeed;
                rouletteDiv.style.transform = 'rotate(' + rotateAngle + 'deg)';
                
                if (rotateAngle >= 360) {
                    rotateAngle = 0;
                }
            }, 50);
            
            setTimeout(function() {
                clearInterval(timer);
                
                var randomIndex = Math.floor(Math.random() * prizes.length);
                prizeIndex = randomIndex;
                var prize = prizes[randomIndex];
                
                resultDiv.innerText = '恭喜您获得：' + prize;
                isSpinning = false;
                startBtn.disabled = false;
            }, rotateDuration);
        });
    script>
body>
html>

在这个示例代码中，我们添加了一个抽奖轮盘的样式，并在轮盘上添加了一个指针箭头。当用户点击 “开始抽奖” 按钮时，轮盘会开始旋转，并在一定时间后停止旋转，随机选择一个抽奖结果，并将结果显示在页面上。

请注意，示例中的轮盘图片需要自行准备，并将其命名为 “roulette.png”，放置在与 HTML 文件相同的目录下。你可以根据自己的需求和设计进行样式和布局的调整，以及修改抽奖的逻辑。

希望这个示例能帮助你实现传奇开心果轮盘抽奖移动应用！

五、在HBuilderX中生成安卓手机应用方法

在 HBuilderX 中生成安卓应用，你可以按照以下步骤进行操作：

在 HBuilderX 中打开你的移动应用项目。
点击菜单栏中的 “发行”（Publish）选项，然后选择 “原生App-Android”。
在弹出的窗口中，选择 “自动签名”（Auto Sign）或者 “手动签名”（Manual Sign）。
- 如果选择 “自动签名”，HBuilderX 会自动为你生成一个签名证书，并使用该证书签名你的应用。你可以根据提示填写应用的包名、版本号等信息。
- 如果选择 “手动签名”，你需要提供自己的签名证书文件和密码。你可以通过 “选择证书”（Select Certificate）按钮选择你的证书文件，并填写密码和别名等信息。
在签名配置完成后，点击 “生成”（Build）按钮开始生成安卓应用。
等待生成过程完成。一旦生成完成，你将在输出目录中找到生成的安卓 APK 文件。

请注意，生成安卓应用可能需要一些时间，具体时间取决于你的项目大小和复杂度。此外，确保你已经正确配置了安卓开发环境和签名证书信息，以便顺利生成应用。

希望这些步骤能帮助你在 HBuilderX 中生成安卓应用！

六、在HBuilderX中生成苹果手机应用方法

在 HBuilderX 中生成苹果手机应用（iOS 应用），你可以按照以下步骤进行操作：

在 HBuilderX 中打开你的移动应用项目。
点击菜单栏中的 “发行”（Publish）选项，然后选择 “原生App-iOS”。
在弹出的窗口中，选择 “自动签名”（Auto Sign）或者 “手动签名”（Manual Sign）。
- 如果选择 “自动签名”，HBuilderX 会自动为你生成一个开发者证书，并使用该证书签名你的应用。你需要提供你的 Apple 开发者账号和密码。
- 如果选择 “手动签名”，你需要提供自己的开发者证书和描述文件。你可以通过 “选择证书”（Select Certificate）按钮选择你的证书文件，并选择合适的描述文件。
在签名配置完成后，点击 “生成”（Build）按钮开始生成 iOS 应用。
等待生成过程完成。一旦生成完成，你将在输出目录中找到生成的 iOS 应用文件（.ipa 文件）。

请注意，生成 iOS 应用需要一些额外的准备工作和配置，包括 Apple 开发者账号、开发者证书、描述文件等。确保你已经正确配置了这些信息，以便顺利生成应用。

另外，需要注意的是，HBuilderX 支持生成 iOS 应用，但在提交应用到 App Store 上线之前，你还需要进行一些额外的步骤，比如创建 App ID、配置应用信息、生成发布证书等。这些步骤超出了本回答的范围，你可以参考苹果官方文档或其他资源来了解更多关于发布 iOS 应用的详细步骤。

希望这些步骤能帮助你在 HBuilderX 中生成苹果手机应用！

你可能感兴趣的:(android,ios,ui,html5)

AMD异步模块介绍【D＇accumulation】前端学习
基本介绍AMD（AsynchronousModuleDefinition，异步模块定义）是一种用于JavaScript模块化编程的规范，它允许JavaScript代码以异步方式加载模块及其依赖。它最初是为了解决浏览器端JavaScript代码模块化的问题，最著名的实现是RequireJS。AMD出现背景JavaScript发展初期，所有代码都写在一个.js文件里，或者通过有哪些特点AMD主要用于浏
QML与C++集成之道 QT性能优化QT原理源码QT界面美化 qt qt6.3 qt5 QT教程 c++
QML与C++集成之道补天云火鸟博客创作软件1QML基础和C++整合入门1.1QML语言概览1.1.1QML语言概览QML语言概览QML语言概览QML简介及用途QML（QuickModelLanguage）是Qt库中的一种声明式编程语言，主要用于构建复杂的用户界面。它是一种面向对象的语言，但使用场景和传统面向对象编程有所不同。QML允许开发者以XML或JSON格式编写代码来描述UI组件、它们的属性
iPhone升级iOS 16后Siri无法正常工作怎么办？3种解决办法丰科软件 ios iphone xcode
最近，部分iPhone用户反馈升级到iOS16后，Siri和键盘听写功能无法正常工作。如果你的iPhone在更新到iOS16后也遇到了Siri无法使用的问题，可以尝试以下3种解决办法。一、更改Siri的声音打开iPhone的【设置】，向下滚动并点击【Siri与搜索】，轻点【Siri语音】，将Siri的声音更改为不同的变体或声音。二、将Siri使用的语言更改为不同的语言如果更改Siri的声音不起作用
OpenCV 基础模块 Python 版 ice_junjun OpenCV opencv python 计算机视觉
OpenCV基础模块权威指南（Python版）一、模块全景图plaintextOpenCV架构(v4.x+)├─核心层│├─core：基础数据结构与操作（Mat/Scalar/Point）│└─imgproc：图像处理流水线（滤波→变换→检测）├─交互层│├─highgui：GUI与媒体I/O（显示/捕获/交互）│└─video：视频分析（运动检测/目标跟踪）├─3D视觉层│└─calib3d：相
工控一体机如何设置成上电自启模式 Ukck_ 单片机嵌入式硬件硬件工程电脑经验分享
一、BIOS设置1、开机时点击键盘Del进入BIOS2、找到电源设置3、在电源管理选项中，找到“ACPowerRecovery”或“RestoreonAC/PowerLoss”等类似选项，将其设置为“Enabled”或“On”4、设置完成后，按F10键或选择“SaveandExit”选项保存设置并退出二、操作系统配置Windows系统：禁用休眠/快速启动：进入控制面板>电源选项>选择电源按钮功能，
AI Agent赛道：昙花一现还是生态革命？6大咖拆解泡沫与未来人工智能比特币区块链web3
作者：CRYPTO币圈不设防币圈不设防第四期Space总结：AIAgent赛道还能火多久？在Web3华语主持人茄哥的主持下，第四期《币圈不设防》围绕“AIAgent赛道还能火多久？”展开深度探讨。本期嘉宾阵容强大，包括Uweb校长于佳宁、TradingBaseAI创始人Mr.Z、BuilderLogEarn、区块链爱好者flyawei、投研博主清风#BTC，以及社区领袖小智。以下是讨论的核心观点总
React Native：跨平台移动应用开发的强大框架冬冬小圆帽 react native react.js javascript
ReactNative介绍ReactNative是由Facebook开发并开源的一款基于JavaScript和React的跨平台移动应用开发框架。它允许开发者使用React的语法和组件模型来构建原生移动应用（iOS和Android）。ReactNative的核心思想是“LearnOnce,WriteAnywhere”，即学习一次，编写多端应用。1.核心特点跨平台开发：使用JavaScript和Re
SL导轨通常指的是“直线导轨”（Linear Guide），也称为线性滑轨或直线轴承 getapi 数据库云计算
SL导轨通常指的是“直线导轨”（LinearGuide），也称为线性滑轨或直线轴承。它是一种机械传动元件，广泛应用于需要高精度直线运动的机械设备中。SL导轨的主要功能是为运动部件提供平稳、精确的直线导向，同时承受一定的负载。以下是关于SL导轨的一些关键信息：1.SL导轨的基本结构SL导轨通常由以下几个主要部分组成：导轨（Rail）：安装在固定部件上，作为滑块的运动轨道。滑块（Block/Carri
ERROR: Failed building wheel for pyaudioFailed to build pyaudioERROR: ERROR: Failed to build insta 小李飞刀李寻欢 python audio pyaudio 安装库 python
ERROR:FailedbuildingwheelforpyaudioFailedtobuildpyaudioERROR:ERROR:Failedtobuildinstallablewheelsforsomepyproject.tomlbasedprojects(pyaudio)这个错误表明在编译pyaudio时缺少PortAudio开发库。以下是完整解决方案：Linux系统解决方案#1.安装系统
美国国家航空航天局（NASA）的PUNCH任务 novanova2009 数码相机
地球浸没在来自太阳的物质流中。这种被称为太阳风的流正在冲刷我们的星球，造成令人叹为观止的极光，影响太空中的卫星和宇航员，甚至影响地面基础设施。美国宇航局（NASA）的PUNCH（统一日冕和日球层旋光仪PolarimetertoUnifytheCoronaandHeliosphere）任务将首次将太阳的日冕（或外层大气层）和太阳风一起成像，以更好地了解太阳、太阳风和地球作为一个单一的互连系统。PUN
百度Android最新150道面试题及参考答案（上）大模型大数据攻城狮 android 大厂面经手撕时间复杂度空间复杂度启动模式四大组件
Java的多态如何实现？在Java中，多态主要通过以下两种方式来实现：一、方法重写（Override）实现运行时多态概念基础方法重写发生在子类和父类之间。当子类定义了一个与父类中方法签名（方法名、参数列表、返回类型）完全相同的方法时，就实现了方法重写。例如，有一个父类Animal，其中有一个叫makeSound的方法，然后有一个子类Dog，Dog类重写了makeSound方法来实现狗特有的叫声。代
spring +kotlin 配置redis 和redis的常用方法 LCY133 spring后端 spring java 后端
在SpringBoot+Kotlin项目中，可以同时使用RedissonClient（提供分布式对象和高级功能）和RedisTemplate（SpringDataRedis的标准操作）。以下是完整配置和用法示例：1.添加依赖在build.gradle.kts中引入依赖：dependencies{//SpringDataRedisimplementation("org.springframework
关闭表单后再次打开时校验提示未清除松岛的枫叶 vue.js 前端 javascript
在Vue+ElementUI中，若关闭表单后再次打开时校验提示未清除，可通过以下方案解决（结合搜索结果的实践经验）：一、核心原因分析•校验状态缓存：ElementUI的表单校验状态（如红色边框和错误提示）不会随对话框关闭自动重置，需手动清理。•数据残留：若表单数据未正确初始化，旧数据可能触发残留校验规则。•DOM更新时序：直接调用resetFields()时，若表单DOM未完全渲染，可能导致方法失
GSMA SAS 安全生产审计检查清单 SofterICer eSIM SAS 安全网络
GSMASAS安全生产审计检查清单以下是根据GSMAFS.18-SecurityAccreditationScheme-ConsolidatedSecurityRequirementsandGuidelinesv11.1文档中与安全生产相关的章节，整理的安全生产审计检查清单。该清单涵盖了生产流程安全的关键领域、控制措施和最佳实践，并按照文档结构进行组织。1.生产流程控制控制措施/要求适用性状态备注
SGP.31/.32 规范以及它将如何影响物联网 SofterICer eSIM 物联网
去年，GSMA发布了适用于物联网设备的新eSIM远程配置标准的架构和要求、SGP.31eSIM物联网架构和网络受限和/或用户界面(UI)受限物联网设备中eUICC远程配置的要求。自SGP.31获得批准以来，业界一直在等待GSMA发布SGP.31的技术实施规范SGP.32。5月26日，GSMASGP.32eSIM物联网技术规范发布，为设备制造商开始受益于新标准并扩展其物联网项目铺平了道路。据物联网专
【操作系统】Operating System Conceptions第二章知识整理总结 guozhirourou Operating System Conceptions阅读 Operating System Conceptions
小结：这几天我看了《OperatingSystemConceptions》的第二章。第二章先从用户、开发者以及计算机系统的角度开始，展示操作系统所提供的服务，继而讲解了操作系统是如何通过系统调用来为系统提供服务的，阐述一段程序是如何在系统中装入链接以及执行的。同时通过比较和对比整体、分层、微核、模块化和混合策略操作系统的不同设计，向我们展示了macOS、Android、Windows三种不同的操作
QT学习笔记(常用控件) 四代目水门 QT学习笔记 qt 学习笔记
QT学习笔记一、QTGUI类继承体系QObject（基类）└──QWidget（所有可视化控件基类）├──QAbstractButton（按钮类基类）│├──QPushButton│├──QRadioButton│└──QCheckBox├──QFrame（带边框控件基类）│└──QLabel├──QLayout（布局管理器基类）└──其他控件类...核心类说明：QObject：所有QT对象的基类
SQLyog 13.1.6 社区免费中文版：高效便捷的MySQL管理工具 m0_74823264 面试学习路线阿里巴巴 mysql 数据库
SQLyog13.1.6社区免费中文版：高效便捷的MySQL管理工具sqlyog_13.1.6.7z项目地址:https://gitcode.com/open-source-toolkit/a94c8项目介绍SQLyog13.1.6社区免费中文版是一款专为MySQL设计的数据库管理工具，以其强大的功能和直观的图形用户界面（GUI）深受开发者和数据库管理员的喜爱。该版本为社区免费版，提供了中文界面，
elementUI中的Nav meau yourana123 前端 elementui
在做项目中遇到一个需求，当用户处于某种状态时，点击导航菜单的某项，不能切换，并且弹出消息提示.例如，我在新建状态下，点击了其中一项，不能切换，并弹出消息提示，原来选中的一项没有改变。default-active表示默认选中的一项，无法动态实时的显示激活的那项。所以无法通过改变default-active，设置激活项。解决方案：由于导航菜单的每一项都是通过key绑定的index来的，每一次点击不同的
关于vue+element ui 中的导航菜单问题空心闲人前端程序员
关于vue+elementui中的导航菜单问题最近公司要开发一个vue项目，自己搭框架的时候用到了element，目标是实现一个顶部菜单以及侧边菜单栏。直接上代码。importcommonHeaderfrom"@/components/header"importleftContentfrom"@/components/leftContent"exportdefault{name:'layout',
[Android] NFC卡模拟 9.05 模拟NFC门禁卡电梯卡等手机代替卡片私人珍藏库智能手机
[Android]NFC卡模拟链接：https://pan.xunlei.com/s/VOM4VZZGlLh_SLa9m6Mwh4YBA1?pwd=aeqp#【应用名称】NFC卡模拟【应用版本】9.05【软件大小】2.7mb【适用型号】安卓【应用说明】功能强大且的NFC卡模拟器，可模拟各类门禁卡、电梯卡、部分公司（工厂）工卡或饭卡、部分学校饭卡、部分图书馆借书卡等各类IC卡，用手机替代卡片去刷门禁
ux和ui_UI和UX设计师的10种软技能 weixin_26732881 python java
ux和ui重点(Tophighlight)Asdesigners,whetheritbeUI,UX,orProductDesign,wetendtodirectourfocusandenergyondevelopingandmasteringtangibleskills.作为设计师，无论是UI，UX还是产品设计，我们都将重点和精力放在开发和掌握有形技能上。Whenourself-reviewask
基于WebAssembly的浏览器密码套件闲人编程 wasm 服务器易于集成跨平台性密码套件浏览器 WebAssembly
目录一、前言二、WebAssembly与浏览器密码套件2.1WebAssembly技术概述2.2浏览器密码套件的需求三、系统设计思路与架构3.1核心模块3.2系统整体架构图四、核心数学公式与算法证明4.1AES-GCM加解密公式4.2SHA-256哈希函数五、异步任务调度与GPU加速设计5.1异步任务调度5.2GPU加速六、GUI设计与功能模块七、完整代码实现九、代码自查与总结十、总结与展望一、前
UI/UX设计服务行业分析 LPiling ui ux
行业现状UI（用户界面）设计关注用户与产品交互的界面设计，包括软件、应用程序、网站或任何数字产品的视觉和操作元素的集合，旨在提供用户友好的界面，使用户能够轻松地使用产品并实现他们的目标。UX（用户体验）设计则更为宏观，关注用户与产品交互过程中的全部体验，包括使用前、使用中和使用后的感受，目标是优化产品的功能性、可用性、易用性，确保用户在使用产品的过程中有良好的体验。近年来，随着技术的不断进步和用户
蓝桥杯web备赛----html篇菥菥爱嘻嘻蓝桥杯备赛前端蓝桥杯 html
1、html写在前面，html相对简单，主要会考基础标签、html5新特性、html5本地存储、但是目前我还没有做到本地存储的题目1.1基础标签(1)、链接标签a:访问Examplehref:链接target：定义链接的打开方式。_blank:在新窗口或新标签页中打开链接。_self:在当前窗口或标签页中打开链接（默认）。_parent:在父框架中打开链接。_top:在整个窗口中打开链接，取消任何
AI密码学饼干帅成渣密码学
嗯，用户给了一个需要破译的密码文档：“Uifqjhjtpouifusff.”，提示是用字母往前推移1的凯撒密码。首先，我得确认自己是否正确理解提示。凯撒密码通常是将字母按照一定位移来替换，这里的提示是往前推1位，也就是每个字母变成它在字母表中的前一个字母。比如，A变成Z，B变成A，依此类推。不过有时候可能会有不同的解释，比如是否包括空格和标点，不过这里文档中的句子看起来都是字母和空格，没有标点，所
同时使用接口文档swagger和knife4j 黑taoA java 开发语言
项目场景：springboot项目中同时使用接口文档swagger和knife4j问题描述在实体类中设置了字段必填的属性，在访问接口文档时出现异常实体类关键代码片段/***部门表sys_dept*/publicclassSysDeptextendsBaseEntity{privatestaticfinallongserialVersionUID=1L;/**部门ID*/privateLongdep
docker创建的mysql没有配置文件_使用docker安装mysql, redis, kafka等各类服务 Gyrolt
前言大致说来,docker的作用如下绝大部分应用，开发者都可以通过dockerbuild创建镜像，通过dockerpush上传镜像，用户通过dockerpull下载镜像，用dockerrun运行应用。用户不需要再去关心如何搭建环境，如何安装，如何解决不同发行版的库冲突——而且通常不会需要消耗更多的硬件资源，不会明显降低性能。也就是实现了标准化、集装箱如果想要简单使用,可以看答主的这一片文章:番茄番
WEBGL 2D游戏引擎研发系列第二章 <显示图片> 小鬼编程游戏 web开发 webgl html5 html5游戏开发扩展游戏 2d html5 前端游戏开发
WEBGL2D游戏引擎研发系列第二章~\(≥▽≤)/~HTML5游戏开发者社区（群号：326492427）转载请注明出处:http://html5gamedev.org/目录HTML52D游戏引擎研发系列第一章HTML52D游戏引擎研发系列第二章HTML52D游戏引擎研发系列第三章HTML52D游戏引擎研发系列第四章HTML52D游戏引擎研发系列第五章HTML52D游戏引擎研发系列第六章HTML5
前端技术学习记录：react+dvajs+ant design实现暴走计算器的页面重构（二）大泡泡糖学习记录 reactjs 前端 git webstorm
前端技术学习记录：react+dvajs+antdesign实现暴走计算器的页面重构（二）前言定义Modelconnect起来更新state拥抱变化主题切换更换页面获取当前设备类型编写武学选择前言www定义Model完成UI后，现在开始处理数据和逻辑。dva通过model的概念把一个领域的模型管理起来，包含同步更新state的reducers，处理异步逻辑的effects，订阅数据源的subscr
windows下源码安装golang 616050468 golang安装 golang环境 windows
系统： 64位win7，开发环境：sublime text 2， go版本： 1.4.1 1. 安装前准备(gcc, gdb, git) golang在64位系
redis批量删除带空格的key bylijinnan redis
redis批量删除的通常做法： redis-cli keys "blacklist*" | xargs redis-cli del 上面的命令在key的前后没有空格时是可以的，但有空格就不行了： $redis-cli keys "blacklist*" 1) "blacklist:12: [email protected]
oracle正则表达式的用法 0624chenhong oracle 正则表达式
方括号表达示方括号表达式描述 [[:alnum:]] 字母和数字混合的字符 [[:alpha:]] 字母字符 [[:cntrl:]] 控制字符 [[:digit:]] 数字字符 [[:graph:]] 图像字符 [[:lower:]] 小写字母字符 [[:print:]] 打印字符 [[:punct：]] 标点符号字符 [[:space:]]
2048源码(核心算法有，缺少几个anctionbar，以后补上) 不懂事的小屁孩 2048
2048游戏基本上有四部分组成， 1：主activity，包含游戏块的16个方格，上面统计分数的模块 2：底下的gridview，监听上下左右的滑动，进行事件处理， 3：每一个卡片，里面的内容很简单，只有一个text，记录显示的数字 4：Actionbar，是游戏用重新开始，设置等功能(这个在底下可以下载的代码里面还没有实现) 写代码的流程 1：设计游戏的布局，基本是两块，上面是分
jquery内部链式调用机理换个号韩国红果果 JavaScript jquery
只需要在调用该对象合适(比如下列的setStyles)的方法后让该方法返回该对象（通过this 因为一旦一个函数称为一个对象方法的话那么在这个方法内部this（结合下面的setStyles）指向这个对象） function create(type){ var element=document.createElement(type); //this=element;
你订酒店时的每一次点击背后都是NoSQL和云计算蓝儿唯美 NoSQL
全球最大的在线旅游公司Expedia旗下的酒店预订公司，它运营着89个网站，跨越68个国家，三年前开始实验公有云，以求让客户在预订网站上查询假期酒店时得到更快的信息获取体验。云端本身是用于驱动网站的部分小功能的，如搜索框的自动推荐功能，还能保证处理Hotels.com服务的季节性需求高峰整体储能。 Hotels.com的首席技术官Thierry Bedos上个月在伦敦参加“2015 Clou
java笔记1 a-john java
1，面向对象程序设计（Object-oriented Propramming，OOP）：java就是一种面向对象程序设计。 2，对象：我们将问题空间中的元素及其在解空间中的表示称为“对象”。简单来说，对象是某个类型的实例。比如狗是一个类型，哈士奇可以是狗的一个实例，也就是对象。 3，面向对象程序设计方式的特性： 3.1 万物皆为对象。
C语言 sizeof和strlen之间的那些事 C/C++软件开发求职面试题必备考点（一） aijuans C/C++求职面试必备考点
找工作在即，以后决定每天至少写一个知识点，主要是记录，逼迫自己动手、总结加深印象。当然如果能有一言半语让他人收益，后学幸运之至也。如有错误，还希望大家帮忙指出来。感激不尽。后学保证每个写出来的结果都是自己在电脑上亲自跑过的，咱人笨，以前学的也半吊子。很多时候只能靠运行出来的结果再反过来
程序员写代码时就不要管需求了吗？ asia007 程序员不能一味跟需求走
编程也有2年了，刚开始不懂的什么都跟需求走，需求是怎样就用代码实现就行，也不管这个需求是否合理，是否为较好的用户体验。当然刚开始编程都会这样，但是如果有了2年以上的工作经验的程序员只知道一味写代码，而不在写的过程中思考一下这个需求是否合理，那么，我想这个程序员就只能一辈写敲敲代码了。我的技术不是很好，但是就不代
Activity的四种启动模式百合不是茶 android 栈模式启动 Activity的标准模式启动栈顶模式启动单例模式启动
android界面的操作就是很多个activity之间的切换,启动模式决定启动的activity的生命周期 ; 启动模式xml中配置 <activity android:name=".MainActivity" android:launchMode="standard&quo
Spring中@Autowired标签与@Resource标签的区别 bijian1013 java spring @Resource @Autowired @Qualifier
Spring不但支持自己定义的@Autowired注解，还支持由JSR-250规范定义的几个注解，如：@Resource、 @PostConstruct及@PreDestroy。 1. @Autowired @Autowired是Spring 提供的，需导入 Package:org.springframewo
Changes Between SOAP 1.1 and SOAP 1.2 sunjing Changes Enable SOAP 1.1 SOAP 1.2
JAX-WS SOAP Version 1.2 Part 0: Primer (Second Edition) SOAP Version 1.2 Part 1: Messaging Framework (Second Edition) SOAP Version 1.2 Part 2: Adjuncts (Second Edition) Which style of WSDL
【Hadoop二】Hadoop常用命令 bit1129 hadoop
以Hadoop运行Hadoop自带的wordcount为例， hadoop脚本位于/home/hadoop/hadoop-2.5.2/bin/hadoop，需要说明的是，这些命令的使用必须在Hadoop已经运行的情况下才能执行 Hadoop HDFS相关命令 hadoop fs -ls 列出HDFS文件系统的第一级文件和第一级
java异常处理（初级）白糖_ java DAO spring 虚拟机 Ajax
从学习到现在从事java开发一年多了，个人觉得对java只了解皮毛，很多东西都是用到再去慢慢学习，编程真的是一项艺术，要完成一段好的代码，需要懂得很多。最近项目经理让我负责一个组件开发，框架都由自己搭建，最让我头疼的是异常处理，我看了一些网上的源码，发现他们对异常的处理不是很重视，研究了很久都没有找到很好的解决方案。后来有幸看到一个200W美元的项目部分源码，通过他们对异常处理的解决方案，我终
记录整理-工作问题 braveCS 工作
1）那位同学还是CSV文件默认Excel打开看不到全部结果。以为是没写进去。同学甲说文件应该不分大小。后来log一下原来是有写进去。只是Excel有行数限制。那位同学进步好快啊。 2）今天同学说写文件的时候提示jvm的内存溢出。我马上反应说那就改一下jvm的内存大小。同学说改用分批处理了。果然想问题还是有局限性。改jvm内存大小只能暂时地解决问题，以后要是写更大的文件还是得改内存。想问题要长远啊
org.apache.tools.zip实现文件的压缩和解压，支持中文 bylijinnan apache
刚开始用java.util.Zip，发现不支持中文（网上有修改的方法，但比较麻烦）后改用org.apache.tools.zip org.apache.tools.zip的使用网上有更简单的例子下面的程序根据实际需求，实现了压缩指定目录下指定文件的方法 import java.io.BufferedReader; import java.io.BufferedWrit
读书笔记-4 chengxuyuancsdn 读书笔记
1、JSTL 核心标签库标签 2、避免SQL注入 3、字符串逆转方法 4、字符串比较compareTo 5、字符串替换replace 6、分拆字符串 1、JSTL 核心标签库标签共有13个，学习资料：http://www.cnblogs.com/lihuiyy/archive/2012/02/24/2366806.html 功能上分为4类： (1)表达式控制标签：out
[物理与电子]半导体教材的一个小问题 comsci 问题
各种模拟电子和数字电子教材中都有这个词汇-空穴书中对这个词汇的解释是; 当电子脱离共价键的束缚成为自由电子之后,共价键中就留下一个空位,这个空位叫做空穴我现在回过头翻大学时候的教材,觉得这个
Flashback Database --闪回数据库 daizj oracle 闪回数据库
Flashback 技术是以Undo segment中的内容为基础的，因此受限于UNDO_RETENTON参数。要使用flashback 的特性，必须启用自动撤销管理表空间。在Oracle 10g中， Flash back家族分为以下成员： Flashback Database， Flashback Drop，Flashback Query(分Flashback Query,Flashbac
简单排序:插入排序 dieslrae 插入排序
public void insertSort(int[] array){ int temp; for(int i=1;i<array.length;i++){ temp = array[i]; for(int k=i-1;k>=0;k--)
C语言学习六指针小示例、一维数组名含义，定义一个函数输出数组的内容 dcj3sjt126com c
# include <stdio.h> int main(void) { int * p; //等价于 int *p 也等价于 int* p; int i = 5; char ch = 'A'; //p = 5; //error //p = &ch; //error //p = ch; //error p = &i; //
centos下php redis扩展的安装配置3种方法 dcj3sjt126com redis
方法一 1.下载php redis扩展包代码如下复制代码 #wget http://redis.googlecode.com/files/redis-2.4.4.tar.gz 2 tar -zxvf 解压压缩包，cd /扩展包（进入扩展包然后运行phpize 一下是我环境中phpize的目录，/usr/local/php/bin/phpize (一定要
线程池(Executors) shuizhaosi888 线程池
在java类库中，任务执行的主要抽象不是Thread，而是Executor，将任务的提交过程和执行过程解耦 public interface Executor { void execute(Runnable command); } public class RunMain implements Executor{ @Override pub
openstack 快速安装笔记 haoningabc openstack
前提是要配置好yum源版本icehouse，操作系统redhat6.5 最简化安装，不要cinder和swift 三个节点 172 control节点keystone glance horizon 173 compute节点nova 173 network节点neutron control /etc/sysctl.conf net.ipv4.ip_forward =
从c面向对象的实现理解c++的对象（二） jimmee C++面向对象虚函数
1. 类就可以看作一个struct，类的方法，可以理解为通过函数指针的方式实现的，类对象分配内存时，只分配成员变量的，函数指针并不需要分配额外的内存保存地址。 2. c++中类的构造函数，就是进行内存分配(malloc)，调用构造函数 3. c++中类的析构函数，就时回收内存(free) 4. c++是基于栈和全局数据分配内存的，如果是一个方法内创建的对象，就直接在栈上分配内存了。专门在
如何让那个一个div可以拖动 lingfeng520240 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/1999/xhtml
第10章高级事件（中） 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/
计算两个经纬度之间的距离 roadrunners 计算纬度 LBS 经度距离
要解决这个问题的时候，到网上查了很多方案，最后计算出来的都与百度计算出来的有出入。下面这个公式计算出来的距离和百度计算出来的距离是一致的。 /** * * @param longitudeA * 经度A点 * @param latitudeA * 纬度A点 * @param longitudeB *
最具争议的10个Java话题 tomcat_oracle java
1、Java8已经到来。什么！？ Java8 支持lambda。哇哦，RIP Scala！　　随着Java8 的发布，出现很多关于新发布的Java8是否有潜力干掉Scala的争论，最终的结论是远远没有那么简单。Java8可能已经在Scala的lambda的包围中突围，但Java并非是函数式编程王位的真正觊觎者。　　2、Java 9 即将到来　　 Oracle早在8月份就发布
zoj 3826 Hierarchical Notation(模拟) 阿尔萨斯 rar
题目链接：zoj 3826 Hierarchical Notation 题目大意：给定一些结构体，结构体有value值和key值，Q次询问，输出每个key值对应的value值。解题思路：思路很简单，写个类词法的递归函数，每次将key值映射成一个hash值，用map映射每个key的value起始终止位置，预处理完了查询就很简单了。这题是最后10分钟出的，因为没有考虑value为{}的情

按字母分类： A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 其他