timtimup_KSM
timtimup_KSM

ionic+AngularJS欢迎引导界面

最近在用ionic+AngularJS写个APP的欢迎引导界面，网上资源界面如下

链接：http://forum.ionicframework.com/t/app-tour-guide-walkthrough/6571

HTML

<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title>Ionic Apptitle>

<link href="//code.ionicframework.com/nightly/css/ionic.css" rel="stylesheet">
<script src="//code.ionicframework.com/nightly/js/ionic.bundle.js">script>
head>

<body ng-app="ionicApp">

<ion-nav-bar class="bar-light">
<ion-nav-back-button>
ion-nav-back-button>
ion-nav-bar>

<ion-nav-view>ion-nav-view>


<script id="templates/intro.html" type="text/ng-template"> 
<ion-view view-title="Intro">
<ion-nav-buttons side="left">
<button class="button button-positive button-clear no-animation"
ng-click="startApp()" ng-show="!slideIndex">
            Skip Intro
button>
<button class="button button-positive button-clear no-animation"
ng-click="previous()" ng-show="slideIndex > 0">
            Previous Slide
button>
ion-nav-buttons>
<ion-nav-buttons side="right"> 
<button class="button button-positive button-clear no-animation"
ng-click="next()" ng-show="slideIndex != 2">
            Next
button>
<button class="button button-positive button-clear no-animation"
ng-click="startApp()" ng-show="slideIndex == 2">
            Start using MyApp
button>
ion-nav-buttons>
<ion-slide-box on-slide-changed="slideChanged(index)">
<ion-slide>
<h3>Thank you for choosing the Awesome App!h3>
<div id="logo">
<img src="http://code.ionicframework.com/assets/img/app_icon.png">
div>
<p>
              We've worked super hard to make you happy.
p>
<p>
              But if you are angry, too bad.
p>
ion-slide>
<ion-slide>
<h3>Using Awesomeh3>

<div id="list">
<h5>Just three steps:h5>
<ol>
<li>Be awesomeli>
<li>Stay awesomeli>
<li>There is no step 3li>
ol>
div>
ion-slide>
<ion-slide>
<h3>Any questions?h3>
<p>
              Too bad!
p>
ion-slide>
ion-slide-box>
ion-view>
script>

<script id="templates/main.html" type="text/ng-template">
<ion-view hide-back-button="true" view-title="Awesome">
<ion-content class="padding">
<h1>Main app hereh1>
<button class="button" ng-click="toIntro()">Do Tutorial Againbutton>
ion-content>
ion-view>
script>

body>
html>

CSS

body {
cursor: url('http://ionicframework.com/img/finger.png'), auto;
}
.slider {
height: 100%;
}
.slider-slide {
padding-top: 80px;
color: #000;
background-color: #fff;
text-align: center;

font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight: 300;
}

#logo {
margin: 30px 0px;
}

#list {
width: 170px;
margin: 30px auto;
font-size: 20px;
}
#list ol {
margin-top: 30px;
}
#list ol li {
text-align: left;
list-style: decimal;
margin: 10px 0px;
}

.button.ng-hide{
display:none;
}

JS

angular.module('ionicApp', ['ionic'])

.config(function($stateProvider, $urlRouterProvider) {

$stateProvider
  .state('intro', {
url: '/',
templateUrl: 'templates/intro.html',
controller: 'IntroCtrl'
  })
  .state('main', {
url: '/main',
templateUrl: 'templates/main.html',
controller: 'MainCtrl'
  });

$urlRouterProvider.otherwise("/");

})

.controller('IntroCtrl', function($scope, $state, $ionicSlideBoxDelegate) {

// Called to navigate to the main app
$scope.startApp = function() {
$state.go('main');
  };
$scope.next = function() {
$ionicSlideBoxDelegate.next();
  };
$scope.previous = function() {
$ionicSlideBoxDelegate.previous();
  };

// Called each time the slide changes
$scope.slideChanged = function(index) {
$scope.slideIndex = index;
  };
})

.controller('MainCtrl', function($scope, $state) {
console.log('MainCtrl');

$scope.toIntro = function(){
$state.go('intro');
  }
});


运行后界面：


你可能感兴趣的:(ionic,前端设计)

  • HTML5前端页面设计,HTML5网页前端设计 设计师马丁 HTML5前端页面设计
    HTML5网页前端设计编辑锁定讨论上传视频《HTML5网页前端设计》是2017年6月清华大学出版社出版的图书，作者是周文洁。书名HTML5网页前端设计作者周文洁ISBN9787302463597定价59.50元出版社清华大学出版社出版时间2017年6月HTML5网页前端设计内容简介编辑本书是一本从零开始学习的Web前端开发教材，无须额外的基础。全书以项目驱动为宗旨，详细介绍了HTML5、CSS3与
  • Kissat学习笔记 柯尼塞格475 IC设计c语言算法启发式算法
    Kissat学习笔记前言SAT（BooleanSatisfiabilityProblem）是一个NP完全问题，在IC前端设计中，SAT验证是一个重要环节，它要求判定一个布尔公式是否存在一组变量赋值使其为真，于是在十几年间诞生了许多高效的SAT求解器。Kissat求解器曾在SAT竞赛中取得了优异成绩，作为CaDiCal求解器的继承者，Kissat在保持高性能的同时，通过优化内存和简化代码实现了更高的
  • 面试之《前端常见的设计模式》 只会写Bug的程序员 面试笔记面试前端设计模式react
    前端开发中运用多种设计模式可以提高代码的可维护性、可扩展性和可复用性。以下是一些常见的前端设计模式：创建型模式1.单例模式定义：确保一个类只有一个实例，并提供一个全局访问点。应用场景：在前端中，像全局状态管理对象、数据库连接对象等通常使用单例模式。例如，在React项目中使用Redux管理全局状态，Redux的store就是一个单例，整个应用只有一个store实例。示例代码（JavaScript）
  • 《Ionic Checkbox：深入解析与使用指南》 lsx202406 开发语言
    《IonicCheckbox：深入解析与使用指南》引言在移动应用开发中，用户界面的友好性和易用性至关重要。IonicFramework作为一款流行的开源移动端UI框架，提供了丰富的组件库，其中ionic-checkbox组件是其中之一。本文将深入解析ionic-checkbox的使用方法、特点以及在实际项目中的应用，帮助开发者更好地掌握这一组件。1.ionic-checkbox简介ionic-ch
  • FPGA行业三大岗位详细介绍，0基础入门必读 博览鸿蒙 FPGAfpga开发
    很多人想要转行FPGA，但不知道该如何选择岗位，也不了解这些岗位的具体工作内容以及需要哪些技能？选择合适的岗位对职业发展至关重要，尤其是在FPGA行业，选择时需要根据自己的条件和兴趣来定位岗位。前端设计工程师读文档，写文档：数字前端设计工程师需要阅读大量的协议文档，如PCIe、Ethernet、USB等，文档内容涉及到硬件协议、设计需求等。工作中，文档的编写和理解是非常重要的，比如Function
  • 数字IC前端设计究竟怎样？薪资前景如何？ IC观察者 fpga开发集成电路模拟IC模拟版图模拟版图入门
    数字ic前端岗位介绍：数字ic前端设计处于数字IC设计流程的前端，属于数字IC设计类岗位的一种。数字ic前端设计主要分成几种层次的设计：IPlevel，unitlevel，fullchip/SoClevel，gatelevel等。作为数字IC前端工程师，为了让写的RTL代码没有bug，会经常与验证工程师要求debugcase；为了了解芯片整体架构和功能属性，还要与架构工程师打交道；还要与后端工程师
  • 使用react-native-vector-icons 孟宪磊mxl reactnativereact.jsjavascript
    ReactNativeVectorIcons是一个在GitHub上非常受欢迎的ReactNative图标库。它提供了许多常见的图标集，如FontAwesome和Ionicons等。使用这个库可以简化在ReactNative项目中使用图标的过程。一、安装npminstallreact-native-vector-icons二、配置环境(android)1.打开android/app/build.gr
  • Ubuntu Docker 安装 Mr_One_Zhang 学习Dockerubuntudockerlinux
    DockerEngine-Community支持以下的Ubuntu版本：Xenial16.04(LTS)Bionic18.04(LTS)Cosmic18.10Disco19.04其他更新的版本……DockerEngine-Community支持上x86_64（或amd64）armhf，arm64，s390x（IBMZ），和ppc64le（IBM的Power）架构。使用官方安装脚本自动安装安装命令如
  • 教育培训APP开发全攻略：从网校系统源码搭建到功能优化的技术方案 万岳科技程序员小金 APP开发教学教育平台开发教育小程序软件开发APP开发在线教育系统源码教育APP开发教育平台搭建
    本篇文章，笔者将从网校系统源码搭建到功能优化的角度，全面解析教育培训APP的开发技术方案，帮助企业和开发者更好地理解如何提升在线教育平台的性能与用户体验。一、教育培训APP开发的核心架构教育培训APP的架构设计是其能否顺利运行和扩展的基础。在设计过程中，需要考虑到用户数量、数据存储、信息安全、系统响应速度等多个因素。因此，架构的选择至关重要。1、前端架构：用户体验为核心教育培训APP的前端设计直接
  • 国内短剧系统源码部署小程序体验测评讲解 南阳迈特网络科技 短剧源码短剧小程序短剧系统小程序系统架构php
    在移动互联网飞速发展的今天，短剧作为一种新兴的娱乐形式，凭借其短小精悍、内容丰富的特点，迅速赢得了大量用户的青睐。作为一名软件测试人员，我有幸深入体验了一款功能全面、设计精良的短剧小程序。本文将从前端设计、后端功能、用户体验以及服务支持等多个角度，对这款小程序进行详细评测。如果您也感兴趣欢迎点我了解一起探讨一下吧一、前端设计：灵活与美观的完美融合1.运营方自由DIY：个性化定制的极致体验这款小程序
  • 航电系统智能诊断深度实战：从硬件集成到DO-178C认证全流程解析（附工业级代码） Coderabo DeepSeekR1模型企业级应用航电系统智能诊断
    航电系统智能故障诊断全栈技术解析——基于深度学习的工业级实现指南一、航电系统故障诊断技术体系1.1典型故障模式与特征classAvionicFault:FAULT_TYPES={101:'总线通信故障',102:'传感器漂移',
  • FPGA设计怎么学？薪资前景好吗？ 博览鸿蒙 FPGAfpga开发
    FPGA前端设计和各岗位之间有着很多联系，是一个薪资待遇高，前景发展好的岗位。但这个岗位的门槛也比较高，很多人不知道怎么学习，下面就和宸极教育一起来了解一下吧。数字前端设计必备技能1、熟悉数字电路设计2、熟悉Verilog或VHDL3、熟悉异步电路设计4、熟悉FIFO的设计5、熟悉UNIX系统及其工具的使用6、熟悉脚本语言Perl、Shell、Tcl等7、熟悉C/C++语言、SystemVeril
  • 这10个AI工具，让同事以为你是全栈大神 AI小美好 人工智能AI人工智能AI工具
    “AI小美好——聚焦科技、商业、职场。前沿资讯，实用干货，邂逅更美好的自己！”2025年，AI工具的浪潮已经席卷了整个职场，它们的魅力不再局限于程序员的专属领域，而是摇身一变，成为了各个职场人的效率神器！不管你是沉浸于前端设计与创意实现的专业人士，还是在数据的海洋里辛勤探索的数据分析专家，亦或是掌控全局的项目管理者，这些神奇的AI工具都能让你在面对复杂任务时轻松应对，如虎添翼，进而在同事眼中摇身一
  • 旧手机建立自己的博客网站之踩坑记||在旧手机上建立自己的服务器（2）||2020年新货 一世愚 LinuxforAndroidmyblog瞎玩linuxnginxubuntuweblogicwordpress
    接上一篇接下来配置LNPM环境。方案一根据大佬的博文安装时会出现以下情况网站搜索无果，全是让改软件源的，改完后问题依然，其实分析后可知，无法定位就是源里面没有软件或者源错误，所以这里不指定版本安装。这里附上清华的软件源，仅适用于ubuntubionicforarm64/armhf。#默认注释了源码镜像以提高aptupdate速度，如有需要可自行取消注释debhttps://mirrors.tuna
  • android 动态库加载机制 dilvx android
    省流：android不兼容glibc，而是写了一套独立的c运行时库(bioniclibc)，为移动设备和google自己推的东西做了大量优化。在这套工具链里，aosp实现了一个兼容bioniclibc的链接器，放到系统中代替ld。这个链接器叫linker，二进制放在/bin和/system/bin目录下。好像有点跑题了，我都忘了在哪看到的linker才写到这里的。可能是frida用了Interce
  • 第30节课：前端架构与设计模式—构建高效可维护的Web应用 学问小小谢 HTML学习笔记（已完结）前端架构设计模式学习htmlhtml5
    目录前端架构设计前端架构的重要性前端架构设计原则模块化可维护性可扩展性性能优化前端架构设计方法MVC（Model-View-Controller）MVVM（Model-View-ViewModel）单页应用（SPA）设计模式在前端的应用设计模式概述常见的前端设计模式工厂模式单例模式观察者模式结语在前端开发的领域中，随着应用规模的不断增大，合理的架构设计和恰当的设计模式变得尤为重要。它们不仅能提升开
  • DO-297标准详解：IMA系统开发与认证指南 机载软件与适航 适航适航
    前言DO-297的前言部分为读者提供了本指南的概述，说明了该标准的编写背景、主要目标、目标受众以及该文件在开发和认证集成模块化航空电子（IMA，IntegratedModularAvionics）系统中的作用。作为现代航空电子架构的重要组成部分，IMA系统大幅度简化了航空电子系统的硬件配置，增加了灵活性并降低了成本。因此，DO-297成为确保IMA系统开发、集成和认证符合适航标准的核心文件。在现代
  • 李开复：苹果发布AI应用的未来 AI大模型应用之禅 计算机软件编程原理与应用实践javapythonjavascriptkotlingolang架构人工智能
    苹果,AI,应用,未来,深度学习,自然语言处理,计算机视觉1.背景介绍近年来，人工智能（AI）技术取得了飞速发展，并开始渗透到人们生活的方方面面。从智能手机的语音助手到自动驾驶汽车，AI正在改变着我们的世界。作为科技巨头，苹果也积极布局AI领域，并将其融入到其产品和服务中。2017年，苹果发布了其首款AI芯片A11Bionic，并将其应用于iPhoneX等产品。该芯片拥有强大的神经网络处理能力，为
  • sudo apt-get update 镜像连接不成功 momo_mo520 ubuntudebianlinux运维
    报错Ign:1https://mirrors.tuna.tsinghua.edu.cn/ubuntubionicInReleaseIgn:2https://pkg.jenkins.io/debian-stablebinary/InReleaseErr:3https://pkg.jenkins.io/debian-stablebinary/ReleaseCertificateverification
  • ubuntu命令“sudo apt-get install”无法定位软件包? __Benco Linuxlinux
    解决ubuntu命令“sudoapt-getinstall”无法定位软件包的问题：1、添加镜像源，修改软件源列表：sudovim/etc/apt/sources.list#阿里云源地址debhttp://mirrors.aliyun.com/ubuntu/bionicmainrestricteduniversemultiversedebhttp://mirrors.aliyun.com/ubunt
  • cross-plateform 跨平台应用程序-08-Ionic 介绍 老马啸西风 java
    跨平台系列cross-plateform跨平台应用程序-01-概览cross-plateform跨平台应用程序-02-有哪些主流技术栈？cross-plateform跨平台应用程序-03-如果只选择一个框架，应该选择哪一个?cross-plateform跨平台应用程序-04-ReactNative介绍cross-plateform跨平台应用程序-05-Flutter介绍cross-platefor
  • Ionic 头部和底部 lly202406 开发语言
    Ionic头部和底部Ionic是一个强大的开源框架，用于构建高性能、高质量的移动和桌面应用程序。它以其优雅的UI组件和强大的功能而闻名，其中包括头部（Header）和底部（Footer）组件。本文将详细介绍Ionic框架中的头部和底部组件，包括它们的用途、配置选项以及如何在Ionic应用程序中实现它们。Ionic头部组件Ionic头部组件通常用于显示应用程序的标题、副标题和导航按钮。它是应用程序界
  • ionic3 自定义图标及应用 咔簌
    生成图标准备好项目需要使用的图标，需为svg格式https://icomoon.io/app/进入iconmoon网址点击左上角汉堡包按钮，新建一个空的项目image.png点击项目右侧汉堡包添加自定义的图标，第一项可修改项目名image.png选中所有图标，选中generatefont,image.png修改完图标的名字后，下载image.png下载后的文件中我们需要用到的是font以及styl
  • 生成一个完整的游戏商城代码是一个复杂的任务，因为它涉及到前端设计、后端逻辑、数据库管理、安全性等多个方面。不过，我可以为您提供一些用不同编程语言编写的代码片段作为起点或示例。 PrimoRosal 游戏前端数据库
    前端(HTML/CSS/JavaScript)meimiaomeimo.cn前端部分通常负责用户界面和交互。HTML:htmlGameStoreWelcometoGameStoreJavaScript(使用FetchAPI与后端通信):javascript//假设有一个后端API返回游戏列表fetch(‘/api/games’).then(response=>response.json()).th
  • 系统信息性能模块psutil 浅水鲤鱼 linux运维服务器
    psutil是一个跨平台库（第三方库/模块），能够获取系统进程进程及CPU，内存，磁盘、网络使用率等信息；主要用于监控系统，分析和限制系统资源及进程的管理它实现了n多个同等命令行工具实现的功能，如ps、top、lsof、netstat、ifconfig、who、df、kill、free、nice、ionice、iostat、iotop、uptime、pidof、tty、taskset、pmap等命
  • 英文-理化生 ignorantimt
    English中文English中文membrane膜natrium钠sodium钠soda钠potassium钾盐chloride氯化物leakage泄漏conductance电导permeability渗透性refractoryperiod不应期capacity电容ionic离子的equilibrium平衡potential势能molecular分子underlying底层的evolution
  • Linux伪终端怎么退出,linux下强制退出指定用户开启的伪终端 weixin_39947016 Linux伪终端怎么退出
    一.环境发行版:Ubuntu18.04.1LTS代号:bionic内核版本:4.15.0-30-generic二.背景每次通过ssh登陆服务器，但是超时后自动断开了与服务器的连接，因此在上次虚拟终端中启动的进程都没有退出，遂作此文！！！三.解决使用pkill工具强制退出伪终端即可3.1先查看当前伪终端情况who3.2根据伪终端情况关掉指定伪终端pkill-kill-t某个用户登陆所使用的虚拟终端(
  • vue-cli webpack 打包报错：Unexpected token: punc (() 曹天骄 vue
    本来项目完美打包，后来我增加了一个插件vue-ionicons，打包build就是报错：ERRORinstatic/js/8.017e5cf2d2f1a552890d.jsfromUglifyJsUnexpectedtoken:punc(()[./node_modules/vue-ionicons/dist/ionicons-mixin.js:7,0][static/js/8.017e5cf2d2
  • PyQt5信号与槽的简单使用记录 arriettyandray PyQt5qt开发语言
    PyQt5信号与槽的简单使用记录前言信号与槽总结前言最近开发项目，使用PyQt5学习了一些知识，简单记录一下！信号与槽使用Qt设计好界面，再通过PyUic转化成py，就可以通过其他python来调用设计好的界面控件。在调用界面控件时，我们使用到信号与槽。举个例子：我前端设计采用了一个按钮。按钮有对应的Click事件，那这个点击事件要如何和后台沟通。那么就需要连接。这个连接的方式有好几种。我简单介绍
  • 打印样式的艺术：用CSS @media 规则优化页面输出 2401_85761003 css前端
    标题：打印样式的艺术：用CSS@media规则优化页面输出摘要随着Web技术的发展，CSS已经成为前端设计中不可或缺的一部分。在构建响应式网站时，除了考虑不同屏幕尺寸的显示效果，打印样式的优化同样重要。CSS的@media规则提供了一种灵活的方式来定义不同媒体类型下的样式，其中就包括打印媒体。本文将详细介绍如何使用@media规则来实现打印样式的优化，包括页面布局、字体大小、颜色和背景等的调整，并
  • Spring的注解积累 yijiesuifeng spring注解
    用注解来向Spring容器注册Bean。   需要在applicationContext.xml中注册： <context:component-scan base-package=”pagkage1[,pagkage2,…,pagkageN]”/>。 如：在base-package指明一个包    <context:component-sc
  • 传感器 百合不是茶 android传感器
    android传感器的作用主要就是来获取数据,根据得到的数据来触发某种事件   下面就以重力传感器为例;   1,在onCreate中获得传感器服务   private SensorManager sm;// 获得系统的服务 private Sensor sensor;// 创建传感器实例 @Override protected void
  • [光磁与探测]金吕玉衣的意义 comsci
          这是一个古代人的秘密:现在告诉大家       信不信由你们:       穿上金律玉衣的人,如果处于灵魂出窍的状态,可以飞到宇宙中去看星星       这就是为什么古代
  • 精简的反序打印某个数 沐刃青蛟 打印
    以前看到一些让求反序打印某个数的程序。 比如：输入123，输出321。   记得以前是告诉你是几位数的，当时就抓耳挠腮，完全没有思路。   似乎最后是用到%和/方法解决的。   而今突然想到一个简短的方法，就可以实现任意位数的反序打印（但是如果是首位数或者尾位数为0时就没有打印出来了）   代码如下： long num, num1=0;
  • PHP：6种方法获取文件的扩展名 IT独行者 PHP扩展名
      PHP：6种方法获取文件的扩展名   1、字符串查找和截取的方法   1 $extension = substr ( strrchr ( $file ,  '.' ), 1); 2、字符串查找和截取的方法二   1 $extension = substr
  • 面试111 文强chu 面试
    1事务隔离级别有那些 ，事务特性是什么（问到一次） 2 spring aop 如何管理事务的，如何实现的。动态代理如何实现，jdk怎么实现动态代理的，ioc是怎么实现的，spring是单例还是多例，有那些初始化bean的方式，各有什么区别（经常问） 3 struts默认提供了那些拦截器 （一次） 4 过滤器和拦截器的区别 （频率也挺高） 5 final，finally final
  • XML的四种解析方式 小桔子 domjdomdom4jsax
    在平时工作中，难免会遇到把 XML 作为数据存储格式。面对目前种类繁多的解决方案，哪个最适合我们呢？在这篇文章中，我对这四种主流方案做一个不完全评测，仅仅针对遍历 XML 这块来测试，因为遍历 XML 是工作中使用最多的（至少我认为）。 　　预 备 　　测试环境： 　　AMD 毒龙1.4G OC 1.5G、256M DDR333、Windows2000 Server
  • wordpress中常见的操作 aichenglong 中文注册wordpress移除菜单
    1 wordpress中使用中文名注册解决办法   1)使用插件   2)修改wp源代码      进入到wp-include/formatting.php文件中找到       function sanitize_user( $username, $strict = false
  • 小飞飞学管理-1 alafqq 管理
    项目管理的下午题，其实就在提出问题（挑刺），分析问题，解决问题。 今天我随意看下10年上半年的第一题。主要就是项目经理的提拨和培养。 结合我自己经历写下心得 对于公司选拔和培养项目经理的制度有什么毛病呢？ 1，公司考察，选拔项目经理，只关注技术能力，而很少或没有关注管理方面的经验，能力。 2，公司对项目经理缺乏必要的项目管理知识和技能方面的培训。 3，公司对项目经理的工作缺乏进行指
  • IO输入输出部分探讨 百合不是茶 IO
     //文件处理  在处理文件输入输出时要引入java.IO这个包； /* 1，运用File类对文件目录和属性进行操作 2，理解流，理解输入输出流的概念 3，使用字节/符流对文件进行读/写操作 4，了解标准的I/O 5，了解对象序列化 */   //1，运用File类对文件目录和属性进行操作   //在工程中线创建一个text.txt
  • getElementById的用法 bijian1013 element
            getElementById是通过Id来设置/返回HTML标签的属性及调用其事件与方法。用这个方法基本上可以控制页面所有标签，条件很简单，就是给每个标签分配一个ID号。        返回具有指定ID属性值的第一个对象的一个引用。        语法： &n
  • 励志经典语录 bijian1013 励志人生
    经典语录1:   哈佛有一个著名的理论：人的差别在于业余时间，而一个人的命运决定于晚上8点到10点之间。每晚抽出2个小时的时间用来阅读、进修、思考或参加有意的演讲、讨论，你会发现，你的人生正在发生改变，坚持数年之后，成功会向你招手。不要每天抱着QQ/MSN/游戏/电影/肥皂剧……奋斗到12点都舍不得休息，看就看一些励志的影视或者文章，不要当作消遣；学会思考人生，学会感悟人生
  • [MongoDB学习笔记三]MongoDB分片 bit1129 mongodb
    MongoDB的副本集(Replica Set)一方面解决了数据的备份和数据的可靠性问题，另一方面也提升了数据的读写性能。MongoDB分片(Sharding)则解决了数据的扩容问题，MongoDB作为云计算时代的分布式数据库，大容量数据存储，高效并发的数据存取，自动容错等是MongoDB的关键指标。 本篇介绍MongoDB的切片(Sharding)   1.何时需要分片 &nbs
  • 【Spark八十三】BlockManager在Spark中的使用场景 bit1129 manager
    1. Broadcast变量的存储，在HttpBroadcast类中可以知道 2. RDD通过CacheManager存储RDD中的数据，CacheManager也是通过BlockManager进行存储的 3. ShuffleMapTask得到的结果数据，是通过FileShuffleBlockManager进行管理的，而FileShuffleBlockManager最终也是使用BlockMan
  • yum方式部署zabbix ronin47 yum方式部署zabbix
    安装网络yum库#rpm -ivh http://repo.zabbix.com/zabbix/2.4/rhel/6/x86_64/zabbix-release-2.4-1.el6.noarch.rpm 通过yum装mysql和zabbix调用的插件还有agent代理#yum install zabbix-server-mysql zabbix-web-mysql mysql-
  • Hibernate4和MySQL5.5自动创建表失败问题解决方法 byalias J2EEHibernate4
    今天初学Hibernate4，了解了使用Hibernate的过程。大体分为4个步骤： ①创建hibernate.cfg.xml文件 ②创建持久化对象 ③创建*.hbm.xml映射文件 ④编写hibernate相应代码 在第四步中，进行了单元测试，测试预期结果是hibernate自动帮助在数据库中创建数据表，结果JUnit单元测试没有问题，在控制台打印了创建数据表的SQL语句，但在数据库中
  • Netty源码学习-FrameDecoder bylijinnan javanetty
    Netty 3.x的user guide里FrameDecoder的例子，有几个疑问： 1.文档说：FrameDecoder calls decode method with an internally maintained cumulative buffer whenever new data is received. 为什么每次有新数据到达时，都会调用decode方法？ 2.Dec
  • SQL行列转换方法 chicony 行列转换
    create table tb(终端名称 varchar(10) , CEI分值 varchar(10) , 终端数量 int) insert into tb values('三星' , '0-5' , 74) insert into tb values('三星' , '10-15' , 83) insert into tb values('苹果' , '0-5' , 93)
  • 中文编码测试 ctrain 编码
    循环打印转换编码 String[] codes = { "iso-8859-1", "utf-8", "gbk", "unicode" }; for (int i = 0; i < codes.length; i++) { for (int j
  • hive 客户端查询报堆内存溢出解决方法 daizj hive堆内存溢出
    hive> select * from t_test where ds=20150323 limit 2; OK Exception in thread "main" java.lang.OutOfMemoryError: Java heap space   问题原因： hive堆内存默认为256M   这个问题的解决方法为： 修改/us
  • 人有多大懒，才有多大闲 (评论『卓有成效的程序员』) dcj3sjt126com 程序员
      卓有成效的程序员给我的震撼很大，程序员作为特殊的群体，有的人可以这么懒，  懒到事情都交给机器去做 ，而有的人又可以那么勤奋，每天都孜孜不倦得做着重复单调的工作。   在看这本书之前，我属于勤奋的人，而看完这本书以后，我要努力变成懒惰的人。 不要在去庞大的开始菜单里面一项一项搜索自己的应用程序，也不要在自己的桌面上放置眼花缭乱的快捷图标
  • Eclipse简单有用的配置 dcj3sjt126com eclipse
    1、显示行号  Window -- Prefences -- General -- Editors -- Text Editors -- show line numbers   2、代码提示字符 Window ->Perferences，并依次展开 Java -> Editor -> Content Assist，最下面一栏 auto-Activation
  • 在tomcat上面安装solr4.8.0全过程 eksliang Solrsolr4.0后的版本安装solr4.8.0安装
    转载请出自出处： http://eksliang.iteye.com/blog/2096478       首先solr是一个基于java的web的应用，所以安装solr之前必须先安装JDK和tomcat，我这里就先省略安装tomcat和jdk了         第一步：当然是下载去官网上下载最新的solr版本，下载地址
  • Android APP通用型拒绝服务、漏洞分析报告 gg163 漏洞androidAPP分析
    点评：记得曾经有段时间很多SRC平台被刷了大量APP本地拒绝服务漏洞，移动安全团队爱内测（ineice.com）发现了一个安卓客户端的通用型拒绝服务漏洞，来看看他们的详细分析吧。  0xr0ot和Xbalien交流所有可能导致应用拒绝服务的异常类型时，发现了一处通用的本地拒绝服务漏洞。该通用型本地拒绝服务可以造成大面积的app拒绝服务。  针对序列化对象而出现的拒绝服务主要
  • HoverTree项目已经实现分层 hvt 编程.netWebC#ASP.ENT
    HoverTree项目已经初步实现分层，源代码已经上传到 http://hovertree.codeplex.com请到SOURCE CODE查看。在本地用SQL Server 2008 数据库测试成功。数据库和表请参考：http://keleyi.com/a/bjae/ue6stb42.htmHoverTree是一个ASP.NET 开源项目，希望对你学习ASP.NET或者C#语言有帮助，如果你对
  • Google Maps API v3: Remove Markers 移除标记 天梯梦 google maps api
    Simply do the following:   I. Declare a global variable: var markersArray = [];   II. Define a function: function clearOverlays() { for (var i = 0; i < markersArray.length; i++ )
  • jQuery选择器总结 lq38366 jquery选择器
      1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40
  • 基础数据结构和算法六：Quick sort sunwinner AlgorithmQuicksort
    Quick sort is probably used more widely than any other. It is popular because it is not difficult to implement, works well for a variety of different kinds of input data, and is substantially faster t
  • 如何让Flash不遮挡HTML div元素的技巧_HTML/Xhtml_网页制作 刘星宇 htmlWeb
    今天在写一个flash广告代码的时候，因为flash自带的链接，容易被当成弹出广告，所以做了一个div层放到flash上面，这样链接都是a触发的不会被拦截，但发现flash一直处于div层上面，原来flash需要加个参数才可以。 让flash置于DIV层之下的方法，让flash不挡住飘浮层或下拉菜单，让Flash不档住浮动对象或层的关键参数：wmode=opaque。 方法如下：
  • Mybatis实用Mapper SQL汇总示例 wdmcygah sqlmysqlmybatis实用
    Mybatis作为一个非常好用的持久层框架，相关资料真的是少得可怜，所幸的是官方文档还算详细。本博文主要列举一些个人感觉比较常用的场景及相应的Mapper SQL写法，希望能够对大家有所帮助。 不少持久层框架对动态SQL的支持不足，在SQL需要动态拼接时非常苦恼，而Mybatis很好地解决了这个问题，算是框架的一大亮点。对于常见的场景，例如：批量插入/更新/删除，模糊查询，多条件查询，联表查询，
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他