比音
比音

「这个控件叫什么」系列之加载占位图+页面指示器

很多设计师不知道如何用专业术语称呼一个控件，因此开了《这个控件叫什么》专题。
​​

​@龙爪槐守望者 ：鉴于国内交互设计名词混乱不统一，很多设计师不知道如何用专业术语称呼一个控件，因此我开了《这个控件叫什么》专题，梳理控件的名称和使用事项，希望能为推动交互设计发展，做出一点微小的贡献。

上期回顾：《「这个控件叫什么」系列之小红点+索引导航+分段控件》

Skeleton Screen/加载占位图

Skeleton Screen（加载占位图）是近年流行的加载控件，通常表现形式是在界面上待加载区域填充灰色的占位图，与线框图的效果非常相似。Skeleton Screen本质上是界面加载过程中的过渡效果。

「这个控件叫什么」系列之加载占位图+页面指示器_第1张图片

△ Facebook的Skeleton Screen

Skeleton Screen的由来

Launch Screen（启动屏幕）

当你启动一个App时，需要从手机存储器和网络加载所需的控件和多数据，由于手机性能和网络状况的差异，加载需要等待无法避免。为了解决等待加载过程中出现白屏或者界面闪烁造成的割裂感，iOS规范中规定把界面控件框架的轮廓做成静态图片用于Launch Screen（在Google的Material design规范里被称作Placeholder UI），把Launch Screen放在用户点击启动App之后和App真正正常启动完成之间做过渡，从而消灭白屏和界面闪烁，给用户一种App启动很快的错觉。（然而国内的App不遵循iOS规范，在Launch Screen里放广告，这又是另外一个商业话题了）

「这个控件叫什么」系列之加载占位图+页面指示器_第2张图片

△ Launch Screen

非控件轮廓区域的内容变动很大，以上图浏览器为例，Launch Screen仅仅显示工具栏和地址栏，网页内容区域留下了大量空白，显然这不是最好的界面加载过渡方案。

Progress Indicator（进度指示器）

如果Launch Screen持续时间有点长，刚好用户又盯着Launch Screen大量空白的内容区域，可能会认为App出BUG了——虽然App后台正在辛劳的加载最新的数据。因此我们需要使用Progress Indicator来告知用户目前正在加载。Progress Indicator分为Activity Indicator（活动指示器）和Progress Bar（进度条）两种，前者就是我们非常熟悉的“菊花转”。

「这个控件叫什么」系列之加载占位图+页面指示器_第3张图片

△ Activity Indicator和Progress Bar

有了富含动效的Progress Indicator，用户就知道我们的App并没有出BUG，而是在辛勤的加载数据，再过不久就能正常的显示内容了。

Progress Indicator设计出发点是好的，但是带给用户的体验未必优秀。Progress Indicator的出现就意味着需要等待，当用户注意力集中在Progress Indicator时，就好像学生盯着下课前五分钟的钟表，滴答滴答，时间似乎变得更慢了。我们当然不愿意让用户望着Progress Indicator产生焦躁的情绪。

Skeleton Screen应运而生

如果我们能在加载前把内容的大概轮廓预先展现出来，然后再逐步的加载真正的内容，这样既用户一种内容正在逐渐加载即将呈现的期待，降低了焦躁情绪，又使得界面加载的过程变得更顺畅，感官上会觉得比其他加载方式更快。这就是Skeleton Screen！

「这个控件叫什么」系列之加载占位图+页面指示器_第4张图片

△ Skeleton Screen与Activity Indicator对比

Skeleton Screen这个概念最早出自Google产品总监，《Web表单设计》作者，Luke Wroblewski于2013年9月17日发表的博文《Mobile Design Details: Avoid The Spinner》里。

目前国内有简书、领英、新浪微博头条文章页采用这个加载方案。国外有Facebook iOS版、Medium、WordPress App、Slack等产品采用。相信以后会有更多的App和网页会使用Skeleton Screen。

如何使用

  • 适用于布局排版固定的内容区域
    Skeleton Screen所展现的是内容的大概轮廓，如果内容布局和排版不是固定的，那么轮廓和内容布局的巨大差异，不仅不能给用户顺畅和期待感，反倒会造成落差。因此Skeleton Screen适用于布局排版固定的内容区域，例如列表、文章、个人信息。注意：如果内容区域有空页面的情况，也不建议使用Skeleton Screen。
  • 建议配合其他加载技术一起使用
    用户的网络环境是复杂的，如果加载持续时间很久，单凭Skeleton Screen起不到流畅过渡的效果，建议配合懒加载（先文字后图片）、逐条加载、预加载等技术，以达到更出色的体验。

Page Indicator/Page Controls/页面指示器

Page Indicator（页面指示器，iOS规范称为Page Controls）是附着在轮播图、一组卡片或者页面的底部，用来表示页面总数量和指示当前停留的页面。通常由一组等距的小圆点组成，小圆点的数量代表页面总数，其中深色或实心的小圆点代表当前页面。

「这个控件叫什么」系列之加载占位图+页面指示器_第5张图片

△ Page Indicator

用户可以通过左右滑动切换上一个/下一个页面，或者点击Page Indicator本身来切换，一般来说移动端点击Page Indicator顺序切换上一个/下一个页面，而PC端可以精确点击其中一个小圆点到达特定的页面。

如何使用

不要显示太多指示点

超过10个指示点很难在一屏内展示，超过20个页面用户浏览起来会非常耗时。如果超过20个页面请考虑使用其他形式或控件展示。

注意滑动冲突

一般来说用户在移动端习惯于使用左右滑动操作Page Indicator，因此要注意同页面内会不会与其他支持左右滑动的控件（例如：顶部Tabs、地图、轮播图等）产生手势冲突。举个反面例子，iOS官方地图可以在锁屏显示地图导航，由于锁屏本身有Page Indicator响应左右滑动切换到相机和搜索页面，导致与导航界面内顶部的路线指示Page Indicator还有地图放大缩小产生手势冲突，无法操作。

「这个控件叫什么」系列之加载占位图+页面指示器_第6张图片

△ iOS锁屏地图导航

样式可以特殊化

如果Page Indicator指示的某个页面较为特殊，可以为其定制特别的样式，例如锁屏页用户可以不解锁直接向左滑动打开相机，因此为相机的指示点设计了特殊样式突出这个功能。天气App中一眼就明白第一个指示点是当前GPS定位地址。

「这个控件叫什么」系列之加载占位图+页面指示器_第7张图片

△ 锁屏页和天气App

不要把Page Indicator做到页面内

Page Indicator的层级比页面要高，因此切图和研发工程师沟通实现方案时，一定要确认把Page Indicator单独切图处理。千万不能把Page Indicator嵌入到页面里，导致滑动页面时，Page Indicator跟随页面一起运动。

「这个控件叫什么」系列之加载占位图+页面指示器_第8张图片

△ 不能把Page Indicator嵌入到页面里

相关资料

Page Indicator和进度条相结合

一号店的轮播图把Page Indicator和进度条相结合，这样用户既可以知道当前所指示的页面，也能对下一张页面何时轮播有预期，便于用户较为专注的浏览轮播图的内容。

「这个控件叫什么」系列之加载占位图+页面指示器_第9张图片

转载于:http://weibo.com/ttarticle/p/show?id=2309404091358196460058#_0

你可能感兴趣的:(「这个控件叫什么」系列之加载占位图+页面指示器)

  • JAVA JVM对象的实现 virtuoso_liu JVMjvmjava开发语言
    jvm分配内存给对象的方式1.内存分配的总体流程对象内存分配的主要步骤：类加载检查：确认类已加载、解析和初始化。内存分配：根据对象大小，从堆中划分内存空间。内存初始化：将分配的内存空间初始化为零值（不包括对象头）。设置对象头：填充对象头信息（如哈希码、GC分代年龄、类型指针等）。执行init方法：调用对象的构造函数，初始化成员变量。2.内存分配的具体方式（1）指针碰撞（BumpthePointer
  • AI实战(三)：AI写的剧本VS姜文风演技指导，有送彩蛋蓝图 初音不在家 人工智能大数据自然语言处理深度学习
    @[TOC]一、前情回顾大家好，这是我用AI打造“爆款短剧引擎”系列的最后一篇文章。在前两篇文章中，我们已经：通过“逆向工程”的方法，创造了一个名为**“多巴胺生成器”**的AI虚拟人格。分析了它生成的第一份作品——《千亿后妈不好惹》的剧本大纲，见识了其背后冷酷而精准的商业逻辑。今天，我们将迎来最终的交付物。我们来看看，当AI把那些冰冷的逻辑，转化为热气腾腾、有具体人物和对话的剧本时，效果究竟如何
  • 允许自己不允许 若水水善利万物而不争
    老公下班不回家，有事不打招呼，没事也不回家。基本上每天都是我做饭时打电话到做好饭打电话都要叫三四次才回来，甚至叫不回来，因为这孩子喊他爸诸葛亮，我也经常因为这生气争吵，仍然无法改变。近些日子看了些文章大意是，如果你的需求得不到满足，需要自己负百分之百的全责，我走上向内反思的道路。《成为爱》当你试图改变他人的时候，实际上你是在评判他没你好。其实，在宇宙当中，每个人都是完美的。事实上，每个人都不喜欢被
  • 2018-12-20 果宝成长际
    一位朋友最近去了一趟新疆，回来后便极力向我推荐这个地方。他说，如果有机会你一定要去新疆看看那里的沙漠和胡杨树。开着车，从南疆到北疆，公路的两边都是沙漠，胡杨树就长在沙漠里。据说，胡杨树生而不死一千年，死而不倒一千年，倒而不腐一千年。我很好奇，看着他手机里的照片，想象自己也站在那里。周围只有广袤的沙漠，和孤独的胡杨。顿时，一股凄美之感涌上心头。这样的地方，没有伴，只怕是不能成行的。这样的美，没有伴，
  • 零投资一天赚1000（先从一天赚100开始） 赏帮赚帮人忙
    在今天这个时代，一天赚1000元不能说有钱，也算是小康水平，那么在网络上有什么不需要投资就能一天赚1000的项目呢?我觉得赚钱还是从小做起，就算零投资一天赚1000，也要从一天赚几十块钱开始做起，当然，一天赚到这么高的收入是很难的，但是移动互联网为我们提供了这么多赚钱的机会。有很多方法可以达到你的目标。感兴趣请下载：零投资手机赚钱app如点击打不开请浏览器输入网址：www.yykk555.com只
  • 趣闲赚是不是骗局,到底能不能够赚钱? 好项目高省
    趣闲赚是一款备受关注的赚钱应用，它声称用户可以通过完成任务、看视频、填问卷等方式获得佣金。但是，这个应用真的能让人们赚到钱吗?我们来一起探讨一下。京东密令红包：最爱领红包828红包多多148今天给大家分享我长期在做的副业，也在这里赚到人生第3桶金！高省APP佣金高，资质靠谱，各大应用市场均可搜索使用。【高省】高省app是杭州长孚科技有限公司旗下一款新开发电商导购应用，为用户打造一个集成电商购物优惠
  • React 实现人员列表多选、全选与取消全选功能 JiaLin_Denny react.js前端人员列表选择人员选择人员多选全选通讯录人员选择
    如图要实现的功能要求为：点击选择按钮，页面弹出抽屉的方式显示人员信息。人员信息选中时候，将人员信息显示在人员列表中。人员信息取消选中时候，人员信息不可显示在人员列表中。人员信息全部选中时，表头中的人员姓名前面的checkbox显示为选中状态，并将人员信息显示在人员列表中。人员信息全部取消选中时，表头中的人员姓名前面的checkbox显示为取消选中状态，并将人员信息不显示在人员列表中。点击翻页，加载
  • 4-Spring源码解析之this()(1)——AnnotatedBeanDefinitionReader 想当厨子的程序媛 Spring注解源码解析spring
    1.程序入口AnnotationConfigApplicationContextapplicationContext=newAnnotationConfigApplicationContext(MainConfig.class);2.AnnotationConfigApplicationContext类有参构造器其中MainConfig类是自己写的配置类，我们从这一行代码来开始分析。Spring容
  • 【Lua】闭包可能会导致的变量问题
    先思考下面这个问题：localfunctioncounter()localcount=0returnfunction()count=count+1returncountendendlocala=counter()localb=counter()print(a())-->?print(a())-->?print(b())-->?print(a())-->?输出结果：print(a())-->1pri
  • 全面掌握PDF编辑：使用Foxit PDF Editor 22.1.1102 IBEANI
    本文还有配套的精品资源，点击获取简介：FoxitPDFEditor22.1.1102是一款专业的PDF编辑工具，专为编辑、修改和创建PDF文档而设计。拥有直观的用户界面，使得用户即使技术不熟练也能轻松上手。它提供文本编辑、图像处理、页面管理、注释与标记、表单填写与创建、安全设置、批注工具、合并与分割、转换功能和OCR识别等核心功能。软件还支持自定义工具栏，提高工作效率。为保障数据安全和个人隐私，用
  • 排序算法之【归并排序】 丶小鱼丶 算法排序算法java
    目录实现归并排序【MergeSort】并提供升序和降序方法归并排序方法测试LeetCode-215题实现归并排序【MergeSort】并提供升序和降序方法/***归并排序*/publicclassMergeSort{//升序排列privatestaticfinalintUP_SORT_TYPE=1;//降序排列privatestaticfinalintDOWN_SORT_TYPE=-1;/***升
  • 中原焦点团队焦点解决网初18中20张红勋坚持分享第528天约练第202次2021年7月24日读书打卡第428天 啊哈d9387b66a3dc
    今天是六月十五中元节，相公说中午家人都去公公那边吃饭，去就去呗，只是孩子们要下午才能回来。相公一大早去买菜，我也睡不着了，干脆起来约练，正好有个有个来访者的位置，赶紧加入。没有及时沟通，个人站在和人的思路预想着自己的旅行，所以很有情绪。都有情绪，你怼我，我再怼回去，一次比一次严重，结果是更深的伤害。“总是怎么怎么样……”这句话似曾相识，孩子说这个的时候我很生气，实际上不知不觉中我也说了很多次。有情
  • 离开手机第一天 鲜栗子
    2019年3月28日晴这是完整的第一天手机被搁置于两三米远无法知晓人们的笑颜衬的壹玖年的春天如何绚烂这个第一天的远离有一点孤单在向世界宣言我只关注着自己内在深奥的世界无限空窘填充进去的无数关联竟然从未注满平实和浅显越来越无界限的天和地嘲笑我被桎梏于小寸屏幕之趣里接下来无以计数的时间我无奈的我开启陌生的旅程又是探险若真的就此消失记得在你手边用笔写下自己都不认识的祝愿
  • Spring源码之扫描器(AnnotatedBeanDefinitionReader和ClassPathBeanDefinitionScanner)(三) 夜半听风醉 Spring源码专题
    前言Spring容器加载Bean定义信息的两个扫描器:AnnotatedBeanDefinitionReader和ClassPathBeanDefinitionScanner*从命名来看，前者是读取注解声明的bean的定义信息;后者是读取xml声明的bean的定义信息本文将详细介绍这两个扫描器的初始化过程1.准备工作1.初始化一个spring容器对象2.断点调试，跟踪查看扫描器的初始化过程2.源码
  • Spring Boot扫描bean之AnnotatedBeanDefinitionReader 诗人不写诗 #Spring原理篇springbootspring
    AnnotatedBeanDefinitionReader的意思是读取带有注解的bean对应的BeanDefinition
  • JavaScript:冒泡排序 爱学习的小丫
    什么是冒泡排序？经常看到这个名字，但是并不是什么了解，到底什么是冒泡排序。其实很简单，就是在一个数组中，分别让每一位与自己的下一位做对比，如果比后面的数小，则不变位置，如果比后面的数大，则调换两个数的位置，直至把最大的那个数调到最后一个，就好像冒泡一样，最大的数冒出来了。这样我们就可以通过这个方法，循环冒泡，直至这个数组的数进行升序或降序排列。举个例子说明升序冒泡：//如果有这样一个数组，里面有一
  • 如果一直不谈恋爱真的可以等到一个很好的人吗 一只蓝胖胖
    这个问题在问大家同时，也在问我自己，其实呢与其说不谈，还不如说我在等，我在等那个能够完完全全让我感受到快乐幸福的人，他会把最好的给我用他的方式来爱我。但我其实还挺怕的，尤其是当现在的我看到身边的人都有了对象，而我却一直单身，我便开始慢慢自我否定，我好像在这些平静的日子里渐渐失去了对爱的期待。我看到身边的人，爱了分，分了爱，我感觉两个人的感情本质只是时间倒去的产物，我更加认为没有人适合我，我也不适合
  • 基于K8s ingress灰度发布配置
    这里只对基于ingress和configmap两种方式进行了演示，一种是流量控制，一种是configmap配置控制。ingress：适用于整体版本更新迭代或者是某个页面的局部更新。configmap：可以结合代码对指定地理区域或者指定机型（ios、安卓、pc）进行推送新版本。一、安装ingress-nginx#安装教程可以看另一篇文章安装的是2025年7月份最新的ingress版本https://
  • 男宝 郭婵飞
    男宝应该挺受欢迎吧！前两周家婆和奶奶通视频，又聊到这个话题。奶奶说：“朱*现在可以再生一个了，现在都开放三胎了，再生一个男宝。”家婆也在一边附和着说，可以生一个男宝了。小叔也在一边说，让我老公再生一个男宝。我在旁边听了就很生气。为什么我还要再生一个？难道生两个女儿不可以吗？难道口口声声说不管生男生女都可以，生了两个就行了是假话吗？你一个连二胎都不愿生的人凭什么唆使我老公让我生三胎？当时我就很生气地
  • 理解函数参数及arguments 学的会的前端
    函数参数的确定ECMAScript中函数的参数在内部使用一个数组来表示的。函数接收到的始终是这个数组，而不关心数组中有多少个参数或者参数的类型是什么。functionfn(name,age,sex){console.log(name);console.log(age);console.log(sex);}fn('xiao',23,'nv');//xiao23nvconsole.log('-----
  • 《独孤残缺》第一百一十六章：传国玉玺 卧龙镇吟
    韩萧萧只是从直觉上认为寂无名有问题，但是还说不出到底有什么问题，而最有话语权和可信度的人就是柳云烟，但是李默天暂时还不准备见她，他还没准备好要以什么样的心去接受她。如今寂无名又跟陵南王扯上了关系，不管慕容汐所言真假，就算真的是在借刀杀人，李默天都不能再对这个人置之不理。“背叛你！”李默天又问道：“你的意思是说寂无名只是你的人？”慕容汐也感觉自己表达有误，急忙改口，说道：“背叛我就是背叛组织。”李默
  • 什么才是成功？ 岳雪莲
    今天想到这个问题，是因为前段时间孩子的比赛状态不好，他比较喜欢乒乓球，最近有很大进步，但是一到比赛就紧张的打不好球，往往以失败告终。那在我的思想里他这样的状态就是不成功的，有球却输了。孩子从小喜欢圆的东西，玩具也都是大大小小的球，四岁时就在篮球场把篮球能托到球筐里（我们那叫端马桶），到五岁时我们去社区玩，他看到乒乓球台，突然说我也要玩，于是第二天我们就带上球拍和球过去打了（我和他爸都会打打，但打的
  • 我的十一假期，总算是结束了 冷帅
    我的这个十一假期是从9月30号开始的，从那一天开始，我几乎是在马不停蹄的赶场，只有一天是在家里睡的，搞得我整个人都疲惫不堪。和很多人一样，我国庆的第1天假期是给家庭的，走了三家亲戚，最后在爷家聚餐，然后我的弟弟妹妹又给这个大家庭添加了两位新成员，就是他们的男女朋友，而我作为在场的这一代人里，年龄最大的，却还是个单身，自然免不了受到上一辈人，言语上的各种“关心”。国庆节的第2天，我去参加了一场婚礼，
  • Node+OBS直播服务器搭建总结 马克关 Node教程直播nodeobs
    导语：最近研究了一下网页直播流的原理以及实现，现在就目前的实现方法做一个总结。目录直播流媒体协议拉流与推流Node服务搭建前端播放页面OBS推流配置直播流媒体协议先来了解一下基本的直播流媒体协议。http-flv,rtpm协议/特点开发者原理优点缺点http-flvAbode通过服务器把flv下载到本地缓存，然后通过NetConnection本地连接播放节省服务器消耗保密性差rtmpAbode通过
  • 亲子日记第九天 康靖祺姑姑
    2018年4月6日星期五天气阴转多云今天晚上吃过饭，问了康靖祺一些昨天作业上的知识，掌握的不是很好。这个学期开学以后数学学习直接下降了，两次都是80多，按理来说不应该这样。放假前发了一张试卷，出错率很高，有的直接没看懂题直接乱写，还有就是直接不会。今晚我问了一个15+15都答错了。他二姑姑还说早上说话口气太不行了，直接让他二姑姑闭嘴，我一听这话我就想起他妈妈训他的时候，除了闭嘴就是滚一边。家长是孩
  • spring-framework之AnnotatedBeanDefinitionReader解析 澹泊明志 宁静致远 Spring系列javaspring软件框架
    AnnotatedBeanDefinitionReader的作用Spring源码中类的命名还是很讲究的，AnnotatedBeanDefinitionReader它的作用如同它本身的命名，主要是为了解析带有注解的bean的beanDefinition，并将其注册到Bean工厂中。在此类的注释中也有介绍，功能与ClassPathBeanDefinitionScanner类似，但是不同的是Annota
  • “解读《文化自信和民族复兴》”（76）“七个家庭幸福的着力点"之“超越交易层面的爱” 周安柱
    家庭幸福要突破的第二个重要元素：“千万不要把爱变成交换”。古人有“仁者爱人”之说，既然我们选定了“爱人”作为伴侣，就是要付出自己的爱心，透过和伴侣及家人的互动，来生长和绽放我们的爱心，这其实就是“恋爱（心）”的秘诀。如果把爱伴侣及家人变成了一种“交易”，不断的换算对方给我多一些爱时才多付出爱，对方少给自己些爱时就少付出些爱，甚至总是期望对方多爱自己，多满足自己的需要，却很少真正爱对方及成就对方，这
  • 还记得你的梦想吗？ 行走的_苹果
    图片发自App2018年9月就要接近尾声了，距离2019年还有96天，希望用文字记录这美好的96天。今天晚上观看了“小狼女”的一直播，收获很多。由于晚上去练完瑜伽回来，一直播已经开始一段时间了，直接观看的第二位老师的分享。里面讲到了几个话题：一是关于创业者，在你的观念里“创业者”是怎样的，刚抛出这个话题的时候，我脑海中浮现的就是一个人出去自己去做一件事情，就叫创业者。显然这个认知是很不准确，很片面
  • 理财学习复盘（1） 媛小医
    五月，我的关键词——理财五月，我给自己设立了一个目标，就是学习理财。想理财这件事已经酝酿很久，自己也有意识的去接触，终于在这个月正式提上日程。原因很简单：缺钱自从背上房奴的包袱后，又一直不肯增加父母的养老负担，只能一个人默默的抗下。还款日在工资日前两天，意味着每个月工资到账要小心翼翼的计算着，不要花超了，否则月底没钱还款了。这样揪心的日子过了几个月，完全崩溃了！不敢去逛街、不敢去下馆子、不敢去计划
  • 2021关注亲情，珍惜友情，走好自己规划之路，此生无憾 小小白杨天天长
    都说流星有求必应，2021我许下三个愿望亲情：感谢父母养育之恩。友情：友谊之花四季常青。人生之路：踏平坎坷，走出无悔人生。相信都能实现。过去已成历史，当下正在经历，未来希望无限。有生之年，不留遗憾。图|源自网络|侵删01亲情：常回家看看马克思说：还有什么比父母心中蕴藏着的情感更为神圣的呢？父母的心，是最仁慈的法官，是最贴心的朋友，是爱的太阳，它的光焰照耀、温暖着凝聚在我们心灵深处的意向！父母的爱永
  • ASM系列六 利用TreeApi 添加和移除类成员 lijingyao8206 jvm动态代理ASM字节码技术TreeAPI
        同生成的做法一样，添加和移除类成员只要去修改fields和methods中的元素即可。这里我们拿一个简单的类做例子，下面这个Task类，我们来移除isNeedRemove方法，并且添加一个int 类型的addedField属性。   package asm.core; /** * Created by yunshen.ljy on 2015/6/
  • Springmvc-权限设计 bee1314 springWebjsp
    万丈高楼平地起。 权限管理对于管理系统而言已经是标配中的标配了吧，对于我等俗人更是不能免俗。同时就目前的项目状况而言，我们还不需要那么高大上的开源的解决方案，如Spring Security，Shiro。小伙伴一致决定我们还是从基本的功能迭代起来吧。 目标： 1.实现权限的管理（CRUD） 2.实现部门管理 （CRUD) 3.实现人员的管理 （CRUD） 4.实现部门和权限
  • 算法竞赛入门经典（第二版）第2章习题 CrazyMizzz c算法
    2.4.1 输出技巧 #include <stdio.h> int main() { int i, n; scanf("%d", &n); for (i = 1; i <= n; i++) printf("%d\n", i); return 0; } 习题2-2 水仙花数(daffodil
  • struts2中jsp自动跳转到Action 麦田的设计者 jspwebxmlstruts2自动跳转
    1、在struts2的开发中，经常需要用户点击网页后就直接跳转到一个Action，执行Action里面的方法，利用mvc分层思想执行相应操作在界面上得到动态数据。毕竟用户不可能在地址栏里输入一个Action（不是专业人士）   2、＜jsp:forward page="xxx.action" /＞ ，这个标签可以实现跳转，page的路径是相对地址,不同与jsp和j
  • php 操作webservice实例 IT独行者 PHPwebservice
    首先大家要简单了解了何谓webservice，接下来就做两个非常简单的例子，webservice还是逃不开server端与client端。我测试的环境为：apache2.2.11 php5.2.10做这个测试之前，要确认你的php配置文件中已经将soap扩展打开，即extension=php_soap.dll; OK 现在我们来体验webservice //server端 serve
  • Windows下使用Vagrant安装linux系统 _wy_ windowsvagrant
    准备工作： 下载安装 VirtualBox ：https://www.virtualbox.org/ 下载安装 Vagrant ：http://www.vagrantup.com/ 下载需要使用的 box ： 官方提供的范例：http://files.vagrantup.com/precise32.box 还可以在 http://www.vagrantbox.es/ 
  • 更改linux的文件拥有者及用户组(chown和chgrp) 无量 clinuxchgrpchown
    本文（转） http://blog.163.com/yanenshun@126/blog/static/128388169201203011157308/ http://ydlmlh.iteye.com/blog/1435157 一、基本使用： 使用chown命令可以修改文件或目录所属的用户：        命令
  • linux下抓包工具 矮蛋蛋 linux
    原文地址： http://blog.chinaunix.net/uid-23670869-id-2610683.html tcpdump -nn -vv -X udp port 8888 上面命令是抓取udp包、端口为8888 netstat -tln 命令是用来查看linux的端口使用情况 13 . 列出所有的网络连接 lsof -i 14. 列出所有tcp 网络连接信息 l
  • 我觉得mybatis是垃圾！：“每一个用mybatis的男纸，你伤不起” alafqq mybatis
    最近看了  每一个用mybatis的男纸，你伤不起 原文地址 ：http://www.iteye.com/topic/1073938 发表一下个人看法。欢迎大神拍砖； 个人一直使用的是Ibatis框架，公司对其进行过小小的改良； 最近换了公司，要使用新的框架。听说mybatis不错；就对其进行了部分的研究； 发现多了一个mapper层；个人感觉就是个dao；
  • 解决java数据交换之谜 百合不是茶 数据交换
    交换两个数字的方法有以下三种 ，其中第一种最常用   /* 输出最小的一个数 */ public class jiaohuan1 { public static void main(String[] args) { int a =4; int b = 3; if(a<b){ // 第一种交换方式 int tmep =
  • 渐变显示 bijian1013 JavaScript
    <style type="text/css"> #wxf { FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#97FF98); height: 25px; } </style>
  • 探索JUnit4扩展：断言语法assertThat bijian1013 java单元测试assertThat
    一.概述         JUnit 设计的目的就是有效地抓住编程人员写代码的意图，然后快速检查他们的代码是否与他们的意图相匹配。 JUnit 发展至今，版本不停的翻新，但是所有版本都一致致力于解决一个问题，那就是如何发现编程人员的代码意图，并且如何使得编程人员更加容易地表达他们的代码意图。JUnit 4.4 也是为了如何能够
  • 【Gson三】Gson解析{"data":{"IM":["MSN","QQ","Gtalk"]}} bit1129 gson
      如何把如下简单的JSON字符串反序列化为Java的POJO对象? {"data":{"IM":["MSN","QQ","Gtalk"]}}   下面的POJO类Model无法完成正确的解析：   import com.google.gson.Gson;
  • 【Kafka九】Kafka High Level API vs. Low Level API bit1129 kafka
    1. Kafka提供了两种Consumer API High Level Consumer API Low Level Consumer API(Kafka诡异的称之为Simple Consumer API，实际上非常复杂) 在选用哪种Consumer API时，首先要弄清楚这两种API的工作原理，能做什么不能做什么，能做的话怎么做的以及用的时候，有哪些可能的问题  
  • 在nginx中集成lua脚本：添加自定义Http头，封IP等 ronin47 nginx lua
    Lua是一个可以嵌入到Nginx配置文件中的动态脚本语言，从而可以在Nginx请求处理的任何阶段执行各种Lua代码。刚开始我们只是用Lua 把请求路由到后端服务器，但是它对我们架构的作用超出了我们的预期。下面就讲讲我们所做的工作。 强制搜索引擎只索引mixlr.com Google把子域名当作完全独立的网站，我们不希望爬虫抓取子域名的页面，降低我们的Page rank。 location /{
  • java-归并排序 bylijinnan java
    import java.util.Arrays; public class MergeSort { public static void main(String[] args) { int[] a={20,1,3,8,5,9,4,25}; mergeSort(a,0,a.length-1); System.out.println(Arrays.to
  • Netty源码学习-CompositeChannelBuffer bylijinnan javanetty
    CompositeChannelBuffer体现了Netty的“Transparent Zero Copy” 查看API（ http://docs.jboss.org/netty/3.2/api/org/jboss/netty/buffer/package-summary.html#package_description） 可以看到，所谓“Transparent Zero Copy”是通
  • Android中给Activity添加返回键 hotsunshine Activity
    // this need android:minSdkVersion="11" getActionBar().setDisplayHomeAsUpEnabled(true); @Override public boolean onOptionsItemSelected(MenuItem item) {
  • 静态页面传参 ctrain 静态
    $(document).ready(function () { var request = { QueryString : function (val) { var uri = window.location.search; var re = new RegExp("" + val + "=([^&?]*)", &
  • Windows中查找某个目录下的所有文件中包含某个字符串的命令 daizj windows查找某个目录下的所有文件包含某个字符串
    findstr可以完成这个工作。   [html]  view plain copy   >findstr /s /i "string" *.*   上面的命令表示，当前目录以及当前目录的所有子目录下的所有文件中查找"string&qu
  • 改善程序代码质量的一些技巧 dcj3sjt126com 编程PHP重构
    有很多理由都能说明为什么我们应该写出清晰、可读性好的程序。最重要的一点，程序你只写一次，但以后会无数次的阅读。当你第二天回头来看你的代码 时，你就要开始阅读它了。当你把代码拿给其他人看时，他必须阅读你的代码。因此，在编写时多花一点时间，你会在阅读它时节省大量的时间。让我们看一些基本的编程技巧：    尽量保持方法简短    尽管很多人都遵
  • SharedPreferences对数据的存储 dcj3sjt126com
    SharedPreferences简介：                                                   &nbs
  • linux复习笔记之bash shell (2) bash基础 eksliang bashbash shell
    转载请出自出处： http://eksliang.iteye.com/blog/2104329 1.影响显示结果的语系变量（locale）  1.1locale这个命令就是查看当前系统支持多少种语系，命令使用如下： [root@localhost shell]# locale LANG=en_US.UTF-8 LC_CTYPE="en_US.UTF-8"
  • Android零碎知识总结 gqdy365 android
    1、CopyOnWriteArrayList add(E) 和remove(int index)都是对新的数组进行修改和新增。所以在多线程操作时不会出现java.util.ConcurrentModificationException错误。 所以最后得出结论：CopyOnWriteArrayList适合使用在读操作远远大于写操作的场景里，比如缓存。发生修改时候做copy，新老版本分离，保证读的高
  • HoverTree.Model.ArticleSelect类的作用 hvt Web.netC#hovertreeasp.net
    ArticleSelect类在命名空间HoverTree.Model中可以认为是文章查询条件类，用于存放查询文章时的条件，例如HvtId就是文章的id。HvtIsShow就是文章的显示属性，当为-1是，该条件不产生作用，当为0时，查询不公开显示的文章，当为1时查询公开显示的文章。HvtIsHome则为是否在首页显示。HoverTree系统源码完全开放，开发环境为Visual Studio 2013
  • PHP 判断是否使用代理 PHP Proxy Detector 天梯梦 proxy
    1. php 类 I found this class looking for something else actually but I remembered I needed some while ago something similar and I never found one. I'm sure it will help a lot of developers who try to
  • apache的math库中的回归——regression（翻译） lvdccyb Mathapache
    这个Math库，虽然不向weka那样专业的ML库，但是用户友好，易用。 多元线性回归，协方差和相关性（皮尔逊和斯皮尔曼），分布测试（假设检验，t，卡方，G），统计。   数学库中还包含，Cholesky，LU，SVD，QR，特征根分解，真不错。   基本覆盖了：线代，统计，矩阵， 最优化理论 曲线拟合 常微分方程 遗传算法（GA）， 还有3维的运算。。。
  • 基础数据结构和算法十三：Undirected Graphs (2) sunwinner Algorithm
      Design pattern for graph processing. Since we consider a large number of graph-processing algorithms, our initial design goal is to decouple our implementations from the graph representation
  • 云计算平台最重要的五项技术 sumapp 云计算云平台智城云
    云计算平台最重要的五项技术 1、云服务器 云服务器提供简单高效，处理能力可弹性伸缩的计算服务，支持国内领先的云计算技术和大规模分布存储技术，使您的系统更稳定、数据更安全、传输更快速、部署更灵活。 特性 机型丰富 通过高性能服务器虚拟化为云服务器，提供丰富配置类型虚拟机，极大简化数据存储、数据库搭建、web服务器搭建等工作； 仅需要几分钟，根据CP
  • 《京东技术解密》有奖试读获奖名单公布 ITeye管理员 活动
    ITeye携手博文视点举办的12月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。  12月试读活动回顾： http://webmaster.iteye.com/blog/2164754 本次技术图书试读活动获奖名单及相应作品如下： 一等奖（两名） Microhardest：http://microhardest.ite
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他