wbj0110
wbj0110

页面重构不可忽略UED、WPO和SEO的工作

今天看了迅雷UED团队黄杠杠写的《页面重构做什么》，很不错的一篇文章，节选片段如下：

一般来说，接到一个新的需求，以简单的少页面需求为例，流程上可以简单分为几大阶段：

  • 1. 查看设计稿，阅读需求文档、原型图；
  • 2. 查看并分析设计稿，在脑中整理出粗略解决方案；
  • 3. 切图、合并图片；
  • 4. 书写HTML代码、CSS代码；
  • 5. 检查浏览器兼容性；
  • 6. 对比设计稿，检查还原度；
  • 7. 开发联调修改，测试解bug，上线后再确认一遍页面无bug。
上面提到的5，对比浏览器兼容性，通常我们考虑IE Chrome FF三种浏览器。IE6在国内仍然有1/4市场，设计中需要加以考虑。在国外IE6用户则可以忽略不计。上面提到的6，对比设计稿，检查还原度，则经常被忽略。因为切图合并的过程中，可能会丢失重要的细节。
除了以上两点，页面重构的过程还应该考虑WPO和SEO的因素，当然需要和SEO、WPO专家配合工作。
要点包括：

1.  WPO方面：使用css sprite技术，将常用的小图片合成到一幅大图中，减少图片请求次数。

2. WPO方面：将所有图片的主机名，定义为 img1.domain.com的形式，增加平行下载通道。

3. WPO方面：考虑CSS和JS的位置，CSS置入<head>区，JS尽可能放到页面底部。

4. WPO方面：考虑对外部JS脚本异步加载。

5. SEO方面：对于页面重点文字，加<h1><h2>标签，并使用css美化。

6. SEO方面：页面底部每个页面都有的链接，做消噪音处理。

7. SEO方面：对图片和链接，设置alt或title标签，可以预先留空

8. UED方面：设置favicon.ico文件

9. UED方面：手机访问测试。

10. UED方面：多种分辨率下的测试。800*600的分辨率可以不考虑。

11. WPO方面：所有图片都需要做无损压缩，定义图片的width和height

 

如果上述SEO WPO和UED的工作，在页面重构中完成，后续改动和优化工作就会很省力了。

作者: 谭砚耘@用户体验与可用性设计-科研笔记

版权属于: 谭砚耘 （TOTHETOP至尚国际 ）版权所有。转载时必须以链接形式注明作者和原始出处

http://www.webusability.cn/html-page-construction-with-seo-wpo-ued-1567/

如果你希望与作者交流，请发送邮件到 tanyanyun/at/163.com 别忘了修改小老鼠

你可能感兴趣的:(页面重构)

  • orchestrator介绍3.3 web界面的使用 DBA之路 orchestrator服务器数据库网络
    目录欢迎页discovercluster页面管理实例页面重构复制拓扑拖放步骤双主拓扑问题展示页面Audit页面欢迎页如果orchestratory已经作为web服务启动了，打开http://your.host:3000。如果一切顺利，您应该看到以下欢迎页面：discover如果是第一次打开，需要进行实例拓扑发现，Web界面通过discover页面提供此功能。在以下界面中输入集群中任意一个实例的信息
  • 利用html2Canvas将表格下载为html flower_tomb 难点开发类html前端java
    给到我的需求是点击按钮时请求后端接口，根据后端返回的数据，生成表格,并将表格的内容直接下载为html,如下图。平常做的下载都是后端返回二进制流，这次前端做下载那就必须把页面先画出来，因为下载下来的表格在页面上是不显示的，所以要画出来再隐藏一下，隐藏的时候可选方式有很多，但是v-if,v-show这种会导致页面重构的不建议使用（事实也证明v-if和v-show在这种场景是不能使用的，因为这种场景要求
  • 零基础小白怎么入门前端，Web前端都学些什么 Web前端小辰
    零基础小白怎么入门前端？Web前端都学些什么？对于刚刚准备想进入Web前端行业的人来说，可能只知道Web前端开发前景好，薪资高，但是很多人都不知道要从事Web前端要学会哪些技术。那么下面就把Web前端学习路线告诉大家，让更多想进入Web前端行业的人了解更清楚一些。以下是的学习路线，学习内容包括7大学习阶段：第一阶段：前端页面重构内容包含了：(PC端网站布局项目、HTML5+CSS3基础项目、Web
  • 【科普】你真正了解WEB前端开发工程师吗？ Hardtack
    首先是职业定义啦Web开发工程师，是通过相关编程语言进行网页内容实现的专业人员，当然其他名称也叫作页面重构师网页（WEB）前端开发工程师web前端开发技术包括三个要素：HTML、CSS和JavaScript，但随着RIA的流行和普及，Flash/Flex、Silverlight、XML和服务器端语言也是去前端开发工程师该掌握的。所以也就演变成现今的：HTML5、css3、jQuery.web前端开
  • 2019年Web前端入门的自学路线免费分享给你 纤纤郡主
    想就业web前端工程师岗位，web前端学习哪些内容呢？近期身边有很多同学咨询太原web前端高级班课程大纲都学什么？今天就给大家分享这份web前端培训课程大纲。第一阶段：前端页面重构内容包含了：（PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目）第二阶段：JavaScript高级程序设计内容包含：1）原生JavaScript交互功能开发项目、面向对象进阶与ES5/ES6应用
  • 无标题文章 慌_e3f2
    页面重构与特效整体感知浏览器呈现页面浏览器（客户端）HTTP协议IP域名服务器就是一台电脑数据库网页资源文件程序阿里云1.准备域名（备案）解析把IP地址解析到域名上面2.上传代码到服务器HTML与SEOSEO（搜索引擎优化）搜索引擎优化网站的目的是为了宣传被人找到怎么让浏览器更好的搜索到咱们HTML官方文档火狐开发者https://developer.mozilla.org/zh-CN/（砖瓦）-
  • Axure 笔记 徐哈哈ha 大前端
    AxureRP9的简单介绍Axure是什么：AxureRP是美国AxureSoftwareSolution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。1.特点：*用于第一阶段：页面重构*原型：是一个产品
  • 计算机web前端岗位职责,web前端开发工程师岗位的职责 知乎知+自选 计算机web前端岗位职责
    web前端开发工程师需要与后端开发团队紧密配合，确保代码有效对接，优化前端应用性能。以下是学习啦小编整理的web前端开发工程师岗位的职责。web前端开发工程师岗位的职责1职责：1、负责产品的前端代码开发、页面重构以及交互设计逻辑处理;2、根据产品文档开发高性能、高兼容性的前端代码，完成脚本通用类库、框架、UI控件的编写，并形成文档;3、与用户、美工、编码工程师等协作实现良好的用户交互;4、评估、优
  • 渐进增强和优雅降级区别 weixin_42936434 前端css3
    文章目录前言一、渐进增强二、优雅降级三、两者区别四、渐进增强和优雅降级如何抉择前言渐进增强和优雅降级是在css3出现之后才火起来的。比如IE6等，不支持css3，但是css3的样式又特别优秀，所以在高级浏览器中应用css3样式，在低版本中保持基本功能。渐进增强和优雅降级也是一种程序开发思想，比如在vue源码中，数据更新和渲染就有运用优雅降级这一思想。一、渐进增强主要是针对低版本浏览器进行页面重构，
  • 前端工程师面试题(性能优化) cbw100
    1.性能优化11.1页面重构怎么操作？网站重构：在不改变外部行为的前提下，简化结构、添加可读性，而在网站前端保持一致的行为。也就是说是在不改变UI的情况下，对网站进行优化，在扩展的同时保持一致的UI。对于传统的网站来说重构通常是：表格(table)布局改为DIV+CSS使网站前端兼容于现代浏览器(针对于不合规范的CSS、如对IE6有效的)对于移动平台的优化针对于SEO进行优化深层次的网站重构应该考
  • 小白学前端专业路线图，学成月入2万+！ 前端小芳
    当我们还在拿着微薄收入为生活苦苦挣扎的时候，一些人已经开始抓住时代的浪潮，通过学习html5前端开发进军互联网行业，试图改变人生的命运。在学习前端的人群中，零基础前端小白不在少数。今天小编就跟大家分享一下html5前端习路线，希望能对大家的学习有所帮助。怎么学web前端开发？第一阶段：前端页面重构1、PC端网站布局项目2、HTML5+CSS3基础项目3、WebApp页面布局项目第二阶段：JavaS
  • 接口优化方案 ะัี潪ิื java开发语言
    前言最近随着国产化热潮，公司的用于营业的电脑全部从windows更换成了某国产化电脑，换成国产化之后，我们系统的前台web界面也由之前的jsp页面重构成vue.所以之前的一体式架构也变成了前后端分离的架构。但是在更换过程后，发现一些接口耗时相当长。虽然之前可能也不快，但是之前都是前后台在一起的，耗时长也没关系，多等一会儿就显示出来了，但是由于接入服务网关，服务网关请求后有超时时间限制，所以不得不优
  • 浏览器如何渲染页面？ IT修真院课代表
    这里是修真院前端小课堂，每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能，本篇分享的是：【浏览器如何渲染页面？】一、背景介绍浏览器是前端工程师或页面重构师工作中必不可少的，WEB页面运行在各种各样的浏览器当中，浏览器载入、渲染页面的速度直接影响着用户体验，特别是浏览器渲染页面的原理，页面渲染就是浏览器将HTM
  • 职业技能提升之web前端架构梳理 maeryang0510 web前端前端
    第一阶段（PC端页面重构）核心内容XMind思维导图工具HTML语义化标签相对路径及绝对路径搜索引擎原理网页SEO优化Table布局HTML表单元素CSS样式选择器及权重计算文本样式美化精灵图及CssSprite工具float水平排版inline-block水平排版flex弹性布局position定位css代码优化开发者调试工具Markman标注工具PC端页面布局技巧BootStrap/LayUI
  • CSS流体(自适应)布局下宽度分离原则——张鑫旭 weixin_30808575 前端phpc/c++ViewUI
    byzhangxinxufromhttp://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=1463一、简短的前言之前曾作有“页面重构鑫三无准则之无宽度准则”一文，属于流体布局系列中的偏理论性的文章，本文也是这种性质的，可谓是“无宽度准则”一文的延续。“无宽度准则”是说内部元素不要定宽，但是，除非你的页面是像google
  • vite+vue3项目渲染markdown爬坑回顾
    前言  近期接到一个页面重构的需求，很简单就是把原先文档说明的页面搬到新项目中。本身是一个CV工程，结果搞了一整天。  老项目应该是一个python服务渲染html片段，新项目是vite+vue3的，因为想到后期如果在HTML上改文档实在是太麻烦了，容易出错不说，还不一定出效果。于是想到了用JSON维护，但是JSON渲染一些层级深的嵌套列表有些麻烦。最后还是决定搞一搞类似vuePress的功能：完
  • 不知道前端课程学什么？这份完整的web前端课程大纲分享给你 纤纤郡主
    学习web前端的同学越来越多，怎么学，从哪里开始学可能很多同学都摸不到头脑，那么今天就给大家分享这份web前端课程大纲给大家，相信有了这份web前端工程师教程大纲大家能更清晰的找到自己的学习路径。给大家提供的这份web前端培训课程分采用进阶式学习，课程体系能够适应市场需求、紧跟时代技术，完全满足市场对前端工程师的要求，学习内容包括7大学习阶段：第一阶段：前端页面重构内容包含了：（PC端网站布局项目
  • 深度讲解VIEWPORT和PX是什么 诗歌poetry
    深度讲解VIEWPORT和PX是什么viewport.png刚开始接触移动页面重构，是不是很迷惑应该按照多大的尺寸制作？320、640还是720？按照640的设计稿重构完页面，是不是还需要写其他尺寸来适配不同的屏幕大小？——这源于对viewport和px的不了解。已经重构了好多移动页面，但是对为什么要按照640的大小来设计页面，不清楚答案。给元素赋予固定的像素值，但是奇怪的是在不同的手机里看起来都
  • 如何学好HTML5开发？一般都有哪些内容 html5前端html
    HTML5如今这么火爆，很多还没有毕业的大学生也会考虑再提升自己的技能，会参加HTML5开发学习。那么，这么多人都想学习，一般前端培训要学习哪些内容呢?下面来看看吧。学习内容大致包括以下7大部分：阶段一：前端页面重构内容包含PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目;阶段二：JavaScript高级程序设计内容包含原生JavaScript交互功能开发项目、面向对象进
  • 京致衣橱の精致化页面重构 nonolee
    前言刚完成了京致衣橱APP的开发，本文将带大家探索京致使用的一些技术，分享一些经验：一布局方式移动端页面布局分两种：流式布局（响应式宽度自适应布局）版式布局（页面等比缩放布局）两种布局方式各有优劣，京致最终选用流式布局，原因：部分页面还是与现有购物模块共用，改动成本高，不好维护。考虑到页面在大屏手机等比放大后的体验不佳，部分图片等比放大后也因此模糊。可以针对大屏手机做一些更灵活的排版（配合媒体查询
  • 前端开发面试题之综合篇 晓松
    “每18至24个月，前端都会难一倍”——赫门“2015深JS大会《前端服务化之路》主题演讲”题目&答案你遇到过比较难的技术问题是什么？你是如何解决的？是否知道关于设计模式中的Singleton，Factory，Strategy，Decrator？常使用的库有哪些？常使用的前端开发工具有哪些？开发过什么应用或组件？页面重构怎么操作？网站重构：在不改变外部行为的前提下，简化结构、添加可读性，而在网站前
  • 零基础开始学 Web 前端开发，有什么建议？（视频教程） jinmu520 css编程语言javascriptweb前端
    WEB前端看似简单，其实不然，要学的知识点很多很杂，对于零基础学习前端的小伙伴来说，一份详细的前端学习知识点大纲尤为重要。下面，话不多说，直接上干货（全网最全，没有之一）。PS：文末有惊喜（全阶段视频教程+学习资料），有需要的小伙伴可以找博主免费领，整理不易，希望对你的学习有所帮助！web前端学习路线（包含各阶段的详细知识点），适合零基础的小伙伴。第一阶段：前端页面重构本阶段主要针对零基础的小伙伴
  • 前端面试中的一些专业词汇 小_少
    1.AntDesgin：（蚂蚁金服）是用React封装的UI组件库）2.AntDesginVue：是蚂蚁金服官方唯一推荐的Vue版UI组件库3.前端页面重构：主要内容为PC端网站布局、HTML5+CSS3基础、WebApp页面布局。学习目标是完成PC端网站布局，WebApp页面布局，还要可以通过HTML5+CSS3的2D、3D等属性实现一些精美的动画效果。4.restful：一种软件架构风格、设计
  • react+redux官方实例TODO从最简单的入门（1）-- 前言 dgosem138756339825 javascript
    刚进公司的时候，一点react不会，有一个需求要改，重构页面！！！完全懵逼，一点不知道怎么办！然后就去官方文档，花了一周时间，就纯react实现了页面重构，总体来说，react还是比较简单的，由于当初时间比较短，没时间去结合redux了，所以也算交差了，后面看公司写的react+redux实现的，简直一脸懵逼，完全不懂啊，公司主要用angular和jQuery！所以这个任务完成后，就没管过reac
  • CSS模块化(六) 模块化设计 hacke2 CSS模块化
    6.模块化设计6.1样式的作用域──页面重构中的模块化设计（一）模块化设计我已经提过很多了，都是跟模块化相关的，不过之前一直没有讲到具体实现方面的内容，只是一些思维。这次重点讲一下实现方面的内容，权当到目前为止我对模块化的一些总结整理。要做好模块化，我觉得理解好样式的作用域是很重要的。写过程序的同学应该都知道，变量是有作用域的（不知道的同学自己去问谷歌，这里就不作解释了），样式的定义也同样存在着作
  • 爱创课堂每日一题第五十六天-对前端界面工程师这个职位是怎么样理解的？它的前景会怎么样？... weixin_34306593
    前端是最贴近用户的程序员，比后端、数据库、产品经理、运营、安全都近。1、实现界面交互2、提升用户体验3、有了Node.js，前端可以实现服务端的一些事情前端是最贴近用户的程序员，前端的能力就是能让产品从90分进化到100分，甚至更好，参与项目，快速高质量完成实现效果图，精确到1px；与团队成员，UI设计，产品经理的沟通；做好的页面结构，页面重构和用户体验；处理hack，兼容、写出优美的代码格式；针
  • png、jpg、gif三种图片格式的区别 MinggeQingchun
    为什么想整理这方面的类容，我觉得就像油画家要了解他的颜料和画布、雕塑家要了解他的石材一样，作为网页设计师也应该对图片格式的特性有一定了解，这样才能更好的表达你的创意和想法。除此之外，我们在平时工作中也会遇到许多与图片格式相关的问题。比如设计师会奇怪为什么有些页面的产出物总是没法达到设计稿那样的品质和效果，什么样的设计才更适合Web页面；页面重构师和前端工程师则想知道在切图的时候应采用什么图片格式、
  • png、jpg图片格式的区别及 曾经有人跟我说 算法设计思想图片图片格式算法设计思想
    为什么想整理这方面的类容，我觉得就像油画家要了解他的颜料和画布、雕塑家要了解他的石材一样，作为网页设计师也应该对图片格式的特性有一定了解，这样才能更好的表达你的创意和想法。除此之外，我们在平时工作中也会遇到许多与图片格式相关的问题。比如设计师会奇怪为什么有些页面的产出物总是没法达到设计稿那样的品质和效果，什么样的设计才更适合Web页面；页面重构师和前端工程师则想知道在切图的时候应采用什么图片格式、
  • 仿淘宝首页产品分类菜单栏的设计 dcof99817
    这几天一直在给一家电商搞前端开发，首页做DIV页面重构的时候自然地做到每个电商平台都会有的部分——产品分类菜单栏，如下图截的是淘宝的效果：其实实现鼠标移到左侧主分类（我们暂且称之为A部分）便显示出右侧详细分类部分（称之为B部分）的功能并不困难，但这里不得不说主流的电商平台在这个地方都有个很好的用户体验，就是B部分的底部总不会被浏览器底部遮住，看看下面的图片分析：情况⑴——若B底部是不会被浏览器遮住
  • 浅析Web前端开发行业的发展 xiaoxiaozhengzheng web
    Web前端开发的过去、现在和未来自从第一个网站在上个世纪90年代初诞生以来，早期的网页完全由文本构成，除了一些小图片和毫无布局可言的标题与段落。然而，时代在进步，接下来出现了表格布局，然后是Flash，最后是基于CSS的网页设计。无可否认，前端页面重构技术也经历着这样的一个过程：table布局页面→DIV+CSS→HTML5+CSS3，面对众多的浏览器与平台，Web前端不再是以前那样简单的重复性工
  • rust的指针作为函数返回值是直接传递，还是先销毁后创建？ wudixiaotie 返回值
     这是我自己想到的问题，结果去知呼提问，还没等别人回答， 我自己就想到方法实验了。。 fn main() { let mut a = 34; println!("a's addr:{:p}", &a); let p = &mut a; println!("p's addr:{:p}", &a
  • java编程思想 -- 数据的初始化 百合不是茶 java数据的初始化
      1.使用构造器确保数据初始化      /* *在ReckInitDemo类中创建Reck的对象 */ public class ReckInitDemo { public static void main(String[] args) { //创建Reck对象 new Reck(); } }
  • [航天与宇宙]为什么发射和回收航天器有档期 comsci
           地球的大气层中有一个时空屏蔽层,这个层次会不定时的出现,如果该时空屏蔽层出现,那么将导致外层空间进入的任何物体被摧毁,而从地面发射到太空的飞船也将被摧毁...        所以,航天发射和飞船回收都需要等待这个时空屏蔽层消失之后,再进行 &
  • linux下批量替换文件内容 商人shang linux替换
    1、网络上现成的资料 　　格式: sed -i "s/查找字段/替换字段/g" `grep 查找字段 -rl 路径` 　　linux sed 批量替换多个文件中的字符串 　　sed -i "s/oldstring/newstring/g" `grep oldstring -rl yourdir` 　　例如：替换/home下所有文件中的www.admi
  • 网页在线天气预报 oloz 天气预报
    网页在线调用天气预报 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transit
  • SpringMVC和Struts2比较 杨白白 springMVC
    1. 入口 spring mvc的入口是servlet，而struts2是filter（这里要指出，filter和servlet是不同的。以前认为filter是servlet的一种特殊），这样就导致了二者的机制不同，这里就牵涉到servlet和filter的区别了。 参见：http://blog.csdn.net/zs15932616453/article/details/8832343 2
  • refuse copy, lazy girl! 小桔子 copy
           妹妹坐船头啊啊啊啊！都打算一点点琢磨呢。文字编辑也写了基本功能了。。今天查资料，结果查到了人家写得完完整整的。我清楚的认识到： 1.那是我自己觉得写不出的高度 2.如果直接拿来用，很快就能解决问题 3.然后就是抄咩~~ 4.肿么可以这样子，都不想写了今儿个，留着作参考吧！拒绝大抄特抄，慢慢一点点写！  
  • apache与php整合 aichenglong php apache web
    一  apache web服务器 1 apeche web服务器的安装   1)下载Apache web服务器   2)配置域名(如果需要使用要在DNS上注册)   3)测试安装访问http://localhost/验证是否安装成功 2 apache管理   1)service.msc进行图形化管理   2)命令管理，配
  • Maven常用内置变量 AILIKES maven
    Built-in properties ${basedir} represents the directory containing pom.xml ${version} equivalent to ${project.version} (deprecated: ${pom.version}) Pom/Project properties Al
  • java的类和对象 百合不是茶 JAVA面向对象 类 对象
    java中的类：     java是面向对象的语言，解决问题的核心就是将问题看成是一个类，使用类来解决   java使用 class 类名   来创建类 ，在Java中类名要求和构造方法，Java的文件名是一样的   创建一个A类： class A{ }   java中的类：将某两个事物有联系的属性包装在一个类中，再通
  • JS控制页面输入框为只读 bijian1013 JavaScript
    在WEB应用开发当中，增、删除、改、查功能必不可少，为了减少以后维护的工作量，我们一般都只做一份页面，通过传入的参数控制其是新增、修改或者查看。而修改时需将待修改的信息从后台取到并显示出来，实际上就是查看的过程，唯一的区别是修改时，页面上所有的信息能修改，而查看页面上的信息不能修改。因此完全可以将其合并，但通过前端JS将查看页面的所有信息控制为只读，在信息量非常大时，就比较麻烦。  
  • AngularJS与服务器交互 bijian1013 JavaScriptAngularJS$http
            对于AJAX应用（使用XMLHttpRequests）来说，向服务器发起请求的传统方式是：获取一个XMLHttpRequest对象的引用、发起请求、读取响应、检查状态码，最后处理服务端的响应。整个过程示例如下： var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange
  • [Maven学习笔记八]Maven常用插件应用 bit1129 maven
    常用插件及其用法位于：http://maven.apache.org/plugins/   1. Jetty server plugin 2. Dependency copy plugin 3. Surefire Test plugin 4. Uber jar plugin           1. Jetty Pl
  • 【Hive六】Hive用户自定义函数(UDF) bit1129 自定义函数
    1. 什么是Hive UDF Hive是基于Hadoop中的MapReduce，提供HQL查询的数据仓库。Hive是一个很开放的系统，很多内容都支持用户定制，包括： 文件格式：Text File，Sequence File 内存中的数据格式： Java Integer/String, Hadoop IntWritable/Text 用户提供的 map/reduce 脚本：不管什么
  • 杀掉nginx进程后丢失nginx.pid，如何重新启动nginx ronin47 nginx 重启 pid丢失
    nginx进程被意外关闭，使用nginx -s reload重启时报如下错误：nginx: [error] open() “/var/run/nginx.pid” failed (2: No such file or directory)这是因为nginx进程被杀死后pid丢失了，下一次再开启nginx -s reload时无法启动解决办法：nginx -s reload 只是用来告诉运行中的ng
  • UI设计中我们为什么需要设计动效 brotherlamp UIui教程ui视频ui资料ui自学
    随着国际大品牌苹果和谷歌的引领，最近越来越多的国内公司开始关注动效设计了，越来越多的团队已经意识到动效在产品用户体验中的重要性了，更多的UI设计师们也开始投身动效设计领域。 但是说到底，我们到底为什么需要动效设计？或者说我们到底需要什么样的动效？做动效设计也有段时间了，于是尝试用一些案例，从产品本身出发来说说我所思考的动效设计。 一、加强体验舒适度 嗯，就是让用户更加爽更加爽的用你的产品。
  • Spring中JdbcDaoSupport的DataSource注入问题 bylijinnan javaspring
    参考以下两篇文章： http://www.mkyong.com/spring/spring-jdbctemplate-jdbcdaosupport-examples/ http://stackoverflow.com/questions/4762229/spring-ldap-invoking-setter-methods-in-beans-configuration Sprin
  • 数据库连接池的工作原理 chicony 数据库连接池
           随着信息技术的高速发展与广泛应用，数据库技术在信息技术领域中的位置越来越重要，尤其是网络应用和电子商务的迅速发展，都需要数据库技术支持动 态Web站点的运行，而传统的开发模式是：首先在主程序（如Servlet、Beans）中建立数据库连接；然后进行SQL操作，对数据库中的对象进行查 询、修改和删除等操作；最后断开数据库连接。使用这种开发模式，对
  • java 关键字 CrazyMizzz java
    关键字是事先定义的，有特别意义的标识符，有时又叫保留字。对于保留字，用户只能按照系统规定的方式使用，不能自行定义。 Java中的关键字按功能主要可以分为以下几类：    （1）访问修饰符       public,private,protected       p
  • Hive中的排序语法 daizj 排序hiveorder byDISTRIBUTE BYsort by
    Hive中的排序语法 2014.06.22 ORDER BY hive中的ORDER BY语句和关系数据库中的sql语法相似。他会对查询结果做全局排序，这意味着所有的数据会传送到一个Reduce任务上，这样会导致在大数量的情况下，花费大量时间。 与数据库中 ORDER BY 的区别在于在hive.mapred.mode = strict模式下，必须指定 limit 否则执行会报错。
  • 单态设计模式 dcj3sjt126com 设计模式
      单例模式（Singleton）用于为一个类生成一个唯一的对象。最常用的地方是数据库连接。 使用单例模式生成一个对象后，该对象可以被其它众多对象所使用。 <?phpclass Example{    // 保存类实例在此属性中    private static&
  • svn locked dcj3sjt126com Lock
    post-commit hook failed (exit code 1) with output: svn: E155004: Working copy 'D:\xx\xxx' locked svn: E200031: sqlite: attempt to write a readonly database svn: E200031: sqlite: attempt to write a
  • ARM寄存器学习 e200702084 数据结构C++cC#F#
    无论是学习哪一种处理器，首先需要明确的就是这种处理器的寄存器以及工作模式。     ARM有37个寄存器，其中31个通用寄存器，6个状态寄存器。 1、不分组寄存器（R0-R7）     不分组也就是说说，在所有的处理器模式下指的都时同一物理寄存器。在异常中断造成处理器模式切换时，由于不同的处理器模式使用一个名字相同的物理寄存器，就是
  • 常用编码资料 gengzg 编码
    List<UserInfo> list=GetUserS.GetUserList(11); String json=JSON.toJSONString(list); HashMap<Object,Object> hs=new HashMap<Object, Object>(); for(int i=0;i<10;i++) {
  • 进程 vs. 线程 hongtoushizi 线程linux进程
    我们介绍了多进程和多线程，这是实现多任务最常用的两种方式。现在，我们来讨论一下这两种方式的优缺点。 首先，要实现多任务，通常我们会设计Master-Worker模式，Master负责分配任务，Worker负责执行任务，因此，多任务环境下，通常是一个Master，多个Worker。 如果用多进程实现Master-Worker，主进程就是Master，其他进程就是Worker。 如果用多线程实现
  • Linux定时Job：crontab -e 与 /etc/crontab 的区别 Josh_Persistence linuxcrontab
    一、linux中的crotab中的指定的时间只有5个部分：* * * * * 分别表示：分钟，小时，日，月，星期，具体说来： 第一段 代表分钟 0—59 第二段 代表小时 0—23 第三段 代表日期 1—31 第四段 代表月份 1—12 第五段 代表星期几，0代表星期日 0—6   如： */1 * * * *   每分钟执行一次。 *
  • KMP算法详解 hm4123660 数据结构C++算法字符串KMP
         字符串模式匹配我们相信大家都有遇过，然而我们也习惯用简单匹配法（即Brute-Force算法)，其基本思路就是一个个逐一对比下去，这也是我们大家熟知的方法，然而这种算法的效率并不高，但利于理解。       假设主串s="ababcabcacbab",模式串为t="
  • 枚举类型的单例模式 zhb8015 单例模式
    E.编写一个包含单个元素的枚举类型[极推荐]。代码如下： public enum MaYun {himself; //定义一个枚举的元素，就代表MaYun的一个实例private String anotherField;MaYun() {//MaYun诞生要做的事情//这个方法也可以去掉。将构造时候需要做的事情放在instance赋值的时候：/** himself = MaYun() {*
  • Kafka+Storm+HDFS ssydxa219 storm
    cd /myhome/usr/stormbin/storm nimbus &amp;bin/storm supervisor &amp;bin/storm ui &amp;Kafka+Storm+HDFS整合实践kafka_2.9.2-0.8.1.1.tgzapache-storm-0.9.2-incubating.tar.gzKafka安装配置我们使用3台机器搭建Kafk
  • Java获取本地服务器的IP 中华好儿孙 javaWeb获取服务器ip地址
    System.out.println("getRequestURL:"+request.getRequestURL()); System.out.println("getLocalAddr:"+request.getLocalAddr()); System.out.println("getLocalPort:&quo
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他