web设计与开发常见错误

原文：http://www.456bereastreet.com/lab/web_development_mistakes/
翻译：JunChen

本文是一份web设计与开发常见错误的汇总，总结了我的web设计与开发错误和web设计与开发错误，续两篇文章。

本文包含了常见的设计开发错误以及我的一些解释，我也尝试着提供一些避免错误的方法，在某些问题上我也会给出错误信息的链接。

混淆文档类型(DOCTYPE)
完全不写、写的不正确、或放错地方。我曾见过HTML 4.0 Transitional被用在XHTML网页和框架页中，还看到过在开头的 <html>标签后写DOCTYPE声明和一些不完整的声明。
为什么？有两个原因。首先，文档声明是必须的，在 W3C HTML 4.01 spec和 W3C XHTML 1.0 spec里都有说明。第二，浏览器会根据指定的文档类型去显示和渲染网页。也就是“DOCTYPE切换(DOCTYPE switching)”。为了保持各个浏览器显示网页的一致性，特别是你用了CSS，你一定会希望浏览器使用它们“Standards compliance mode”。关于DOCTYPE切换，可以看看 使用正确的DOCTYPE!和 正确的文档类型声明，正确的布局方式。
<span>癖
样式化的一个常见方法就是把一段东西用 <span>标签围起来，并且带一个class用来设置样式。我敢保证你经常可以看到诸如 <span class="heading">和 <span class="bodytext">的代码。
为什么？ 其实在很多情况下这完全没必要，这样做只会混乱标签并且没有什么语义。标题就用标题(h1~h6)标签，段落就用段落(P)标签，列表就用列表(UL, OL和DL)标签。然后再用CSS去样式化，如果需要的话，也可以加class和id属性。
太多可视化思考
以为web就是WYSIWYG（所见即所得） – 一开始就想着这些东西该怎么表现的，而不是先去考虑逻辑结构上怎么样。
为什么？ 虽然大部分网民都是视力正常的，但是还是有残疾人上网的。网民可能使用不同浏览器、不同系统、不同尺寸显示器和分辨率、不同的窗口大小、不同颜色标准和文字大小，所以你不应该把你的网页做成WYSIWYG。网页 不是印刷品或者电视节目。要让你的设计弹性化。
缺乏语义
没有使用具有语义的标签。想当然的按照图形浏览器渲染的HTML样式去写代码，而不是参照这些标签的 意义。
为什么？和上文提到的"<span>癖”比较接近，没有好好的利用现有的HTML标签来表达它应该表达的语义。没有语义化的HTML，为那些非可视化用户代理(UA)造成了理解上的困难。而且语义化的HTML很容易进行CSS样式化。
编码不一致
在服务器发送的默认编码是一种而文档里面又使用另外一种，这可能会造成浏览器乱码（不正常显示）。
为什么？因为你必须得保证所有你的访问者都能阅读你的内容。
不正确的alt属性
没写或者写了没意义。在网络上可以看到非常多没有 alt属性的 <img>标签。没意义的alt属性倒是不如前者常见，比如“spacer GIF used to make the layout look good”，“带有阴影的蓝色原点”, 以及“JPEG图片，123 KB”。要记住， alt属性在 <img>和 <area>里是必须的。
为什么？ 这是必须的，没有 alt，任何图片中的信息就会被屏幕阅读器、文本浏览器、搜索引擎机器人忽略，或者用户关了图片显示就会显示为X。注意图片的alt的文字是要相关的，不要给装饰性的图片或者用来布局的图片加alt属性值，指定一个空值就可以了，如 alt=""。
不合法的id和class属性

在同一页面里使用了多次同一id，以及在id、class和CSS选择器中使用了非法字符。

对于CSS来说 (CSS 2.1语法和基本数据类型)：

在CSS 2.1里，标示符（包括元素名、class和ID）只能由数字、字母、ISO 10646通用字符集U+00A1及更高、连接线("-")、下划线("_")组成，并且不能以数字开始。

对于HTML (HTML基本数据类型)：

ID和NAME必须以大写或小写字母开始，随后可以接任意字母、数字、连接线("-")和下划线("_")、冒号(":")和分号(".")。

为什么？遵循以上标准的浏览器可能不会按照你预期的现实。如果一个页面中有多个重用的 id值，那么任何使用了该值的JS就可能会失效或者错误。
浏览器探测
使用服务器端或客户端的脚本测试访问者的浏览器，然后发送或者执行特定浏览器的代码。这对于最新的浏览器、更新过的浏览器或者具备欺骗功能的UA（比如Opera默认伪装成IE）。
为什么？增加了不必要的麻烦，并且最终会 失效。
CSS缺少单位
长度值（水平和垂直的）需要单位，除非当该值为零时。不像在HTML里面，可以输入 width="10"。在CSS里, 必须写成 width:10px;（或者其他单位）。
为什么？在遵循 规范的浏览器中会被忽略。
浏览器特定的CSS
样式化滚动条、表达示和滤镜等，都只能在IE下工作。这也不合法。
为什么？ 只在特定的浏览器里面正常。如果你真的 必须使用IE特定的CSS，可以单独写一个CSS文件并且使用 条件注释，或者保证只有IE能看到那些不合法的CSS。
JavaScript依赖症
网站整个依靠JavaScript。很多人都愿意使用不支持JS或者禁用JS的浏览器。当前的情况( W3Schools浏览器统计, TheCounter.com)表明至少有8%-10%的用户浏览器不支持JS。搜索引擎机器人对待JS也不是非常友好，虽然有报告说Google正在开发支持JS的机器人。如果你的站点需要开启JS才能导航，那别指望有一个很高的搜索引擎排名。
为什么？对搜索引擎不友好，难以提高排名。
Flash依赖症
实际上并不是所有人都装了Flash Player插件。并且大部分搜索引擎机器人都不支持Flash（Google有报告称已经在尝试索引Flash文件，但是他们还是要求你的内容和导航写在HTML里），所以如果你整个网站或者导航部分是Flash的，你的网站一般就不会得到很高的PageRank。
为什么？搜索引擎不友好，但这并不是说你应该放弃Flash，只是你应该使用的比较有技巧。
JunChen注：为Flash建立搜索索引，可以参考 flash 8 swf metadate应用。
文字做成图
把文字做成图，又不提供更多提示信息。这不仅仅增长了访问者下载时间，也不利于访问者选择和复制文字，又不利于文字放大。
为什么？不亲切，增加下载时间，对搜索引擎不友好。
不友好的表单
没有语义、难以使用的表单。要学会使用 <label>标签， <fieldset>和 <legend>标签， 不要使用“Reset”按钮。
为什么？没有语义并且难以使用。阅读 设计易用的表单， 优秀、易用的表单，和 重设和取消按钮，看如何设计友好和易用的标单。（JunChen注：使用Reset按钮会增加用户思考的时间，并且误按情况屡屡发生）
过时的HTML
多层嵌套的表格，透明的spacer图片， <font>标签，表现层的标签。其实这个大家都已经知道了。
为什么？增加复杂度，让整个页面代码臃肿冗余，不易理解，对搜索引擎不友好。
一切向IE看齐
IE优先，做完了再看看其他浏览器里如何，有问题再调整。
为什么？浪费时间，并且这个习惯不好。IE会默认接受很多错误的代码，所谓“容错性”。而其实IE也接受良好结构的HTML，并且在其他浏览器里都正常，这也不会浪费很多时间。更多信息看 IE真相。
不合法的HTML属性
使用不推荐的属性或者只能在特定浏览器里生效的属性，诸如 marginwidth， leftmargin， language，给 <table>加 height，给 <img>加 border等等。
为什么？不合法并且没必要。你可以使用CSS。对于 <script>标签，使用 type，而不是 language，来指明脚本语言（一般是JavaScript）。
没有编码的“&”
很多URI带有变量和没有编码的“&”符号。这不正确，并且 可能会造成很多问题。 “&”符号必须要写成 &amp;。
为什么？在 “&”符号和验证一文中可以找到解释和一个会引起错误的例子。
框架
使用框架来分割浏览器窗口并且加载数个独立的文件。
为什么？首先我要说的是，框架可能比较实用，前提是你正确的使用了，比如说在内联网和一些web应用程序中。而对于一个网站来说，框架有很多易用性和可用性方面的问题。比如加入收藏夹的问题、打印问题以及链接问题，并且对搜索引擎不友好。因为机器人在多个框架页里面工作比较有问题。
数据表格的误用
Table本来就是用来放置表格状的数据，不能像布局表格一样去写，而是可以用很多自带的标签和属性来使表格结构化和语义化。
为什么？屏幕阅读器和其他辅助技术在阅读这些错误的数据表格时会有问题。很多文章都介绍了如何写出结构化的数据表格，如Web Standards Project的 A table, s’il vous plaît
Divitis和classitis
相对于<span>癖，Divitis和classitis就是用了太多不必要的Div和class。
为什么？参看“<span>癖”和“缺乏语义”部分。
过宽的固定宽度
如果你使用的是固定宽度的布局，请不要设定的过宽。说明：在这里我并不是说固定布局和浮动布局孰优孰劣。
为什么？如果你指定的宽度宽于浏览者的屏幕，就等于强迫出现水平滚动条，那极不友好。
含糊不清的和带表现含义的class、id名
如何给 class或 id命名，取决于它是干嘛的而不是它看起来像什么、在哪里。
为什么？为了避免你重新设计时候容易产生的混淆。比如一个名为 largeblue的class，你却用来用来让字变得“小”和“红”，一个名为 leftcol的id你却用来显示在右边。
没有背景色
没有给body指定背景色。
为什么？很多用户会把浏览器设置成其他的背景色，如果你不写明的话。
非良好结构（well-formed）的XHTML
使用非 良好结构（well-formed）的XHTML。
为什么？如果XHTML被服务器伺服为 application/xhtml+xml，严格的浏览器，如Mozilla系列，就不会显示那些非良好结构的XHTML。说明一下，本网站并没有把所有望也伺服为 application/xhtml+xml，理由我在另外一篇文章里说明： Content negotiation.
text input颜色设定遗漏
只给表单区域指定背景色或者文字颜色，特别是当行或多行文字域（ input type="text"和 textarea）。

为什么？ 有些人把他们的浏览器或操作系统设置成反色，默认情况下一个text input就会显示为黑底白字，而不是你想要的白底黑字。

如果你把文字颜色设置成深灰色，又不指明背景色，在反转了颜色的浏览器中，就会显示为黑色背景的深灰色字，一团糟。反之同理。

总记住设定前景和背景色，或者记得要设定文字输入域。

你可能感兴趣的:(web设计)

  • 《响应式 Web 设计：纯 HTML 和 CSS 的实现技巧》 陈在天box 前端htmlcss
    一、引言在当今数字化时代，人们使用各种不同的设备访问网页，包括台式电脑、笔记本电脑、平板电脑和智能手机等。为了确保网页在不同设备上都能提供良好的用户体验，响应式Web设计变得至关重要。响应式Web设计是一种能够根据设备屏幕大小和分辨率自动调整布局和样式的设计方法。本文将深入探讨如何使用纯HTML和CSS实现响应式Web设计，分享一些实用的技巧和最佳实践。二、响应式Web设计的重要性（一）满足不同设
  • 《响应式 Web 设计：纯 HTML 和 CSS 的实现技巧》 陈在天box 前端htmlcss
    一、引言在当今数字化时代，人们使用各种不同的设备访问互联网，包括台式电脑、笔记本电脑、平板电脑、智能手机等。为了确保网站在不同设备上都能呈现出良好的用户体验，响应式Web设计变得至关重要。响应式Web设计是一种能够使网页根据不同设备的屏幕尺寸和分辨率自动调整布局和样式的设计方法。本文将重点介绍如何使用纯HTML和CSS实现响应式Web设计的技巧。二、响应式Web设计的基本原则移动优先在设计响应式网
  • 响应式Web设计：纯HTML和CSS的实现技巧 丁爸 web前端html
    1.简介1.1.概述响应式Web设计（ResponsiveWebDesign，简称RWD）是一种网络页面设计布局，它能够根据访问设备的屏幕尺寸、分辨率和其他特性动态地调整布局、图片和内容，以提供更好的用户体验。这种设计理念的核心在于“移动优先”，即首先考虑移动用户的体验，然后再扩展到桌面和其他设备。1.2.主要特点响应式Web设计的主要特点包括：弹性布局：使用流体网格和灵活的图片来创建响应式布局，
  • 响应式Web设计：纯HTML和CSS的实现技巧 vvvae1234 html
    互联网已经成为人们日常生活中不可或缺的一部分，随着移动设备的普及，用户访问网站的方式也发生了巨大变化。因此，响应式Web设计（ResponsiveWebDesign,RWD）应运而生。它的目标是使Web页面能够根据不同设备屏幕的大小和分辨率自动调整布局，以提供最佳的用户体验。本文将深入探讨响应式Web设计的基本概念、实现技巧，并通过实际操作案例来展示如何使用纯HTML和CSS构建一个响应式网页。1
  • 响应式Web设计：纯HTML和CSS的实现技巧 Min_nna ai分析csshtml
    响应式Web设计（ResponsiveWebDesign，RWD）是指网站能够根据不同设备的屏幕大小和分辨率自动调整布局和样式，以提供良好的用户体验。使用纯HTML和CSS实现响应式设计的技巧包括以下几个方面：使用流式布局百分比宽度：使用百分比代替固定宽度，使元素根据父容器的宽度调整大小。.container{width:100%;}.column{width:50%;/*每列占父容器的50%*/
  • 响应式Web设计（Responsive Web Design, RWD） hong161688 前端
    响应式Web设计（ResponsiveWebDesign,RWD）是一种网页设计策略，旨在确保网站能够在不同设备和屏幕尺寸上提供良好且一致的用户体验。通过纯HTML和CSS实现响应式设计，主要依赖于媒体查询（MediaQueries）、灵活的布局、流式布局、相对单位、图片和字体的响应式处理等技巧。以下将详细探讨这些技巧及其在响应式Web设计中的应用。一、媒体查询（MediaQueries）媒体查询
  • 响应式 Web 设计：纯 HTML 和 CSS 的实现技巧 清水白石008 csshtmlWEB设计html
    响应式Web设计：纯HTML和CSS的实现技巧引言随着移动设备的普及，响应式Web设计（ResponsiveWebDesign,RWD）已成为现代网页开发的标准。响应式设计的目标是使网页在不同设备上（如手机、平板和桌面）都能良好显示，提供一致的用户体验。本文将深入探讨如何使用纯HTML和CSS实现响应式Web设计，提供实用的技巧和示例，帮助开发者构建灵活且美观的网页。一、响应式设计的基本概念响应式
  • 响应式 Web 设计：纯 HTML 和 CSS 的实现技巧 柯迪 edgehtml
    在当今多设备、多屏幕的网络环境中，响应式Web设计（ResponsiveWebDesign,RWD）已经成为构建用户友好网站的标准方法。响应式设计确保网站能够在各种设备和屏幕尺寸上提供一致的用户体验。虽然现代开发者常用JavaScript和框架来实现响应式设计，但本文将重点介绍如何使用纯HTML和CSS技术来实现这一目标。1.使用灵活的布局流式布局是响应式设计的基础，它允许页面布局根据屏幕宽度动态
  • 响应式Web设计：纯HTML和CSS的实现技巧-1 Dingdangr html
    响应式Web设计（ResponsiveWebDesign,RWD）是一种旨在确保网站在不同设备和屏幕尺寸下都能良好运行的网页设计策略。通过纯HTML和CSS实现响应式设计，主要依赖于媒体查询（MediaQueries）、灵活的布局、可伸缩的图片和字体、以及适当的视口设置等技术。1.视口元标签（ViewportMetaTag）在HTML文档的部分添加视口元标签是响应式设计的基础。这个标签告诉浏览器如
  • 响应式Web设计：纯HTML和CSS的实现技巧-2 Dingdangr 前端htmlcss
    0px){body{font-size:16px;}}@media(min-width:1201px){body{font-size:18px;}}###6.响应式导航菜单导航菜单是网站中非常重要的一部分，特别是在移动设备上，传统的水平导航菜单可能会占用太多空间，导致页面内容被压缩或遮挡。因此，创建一个响应式的导航菜单对于提升用户体验至关重要。你可以使用媒体查询和CSS来控制导航菜单的显示方式，如
  • [总结]CSS/CSS3常用样式与web移动端资源 weixin_30662011 移动开发javascript前端ViewUI
    CSS/CSS3常用样式与知识点IE条件注释条件注释简介IE中的条件注释（Conditionalcomments）对IE的版本和IE非IE有优秀的区分能力，是WEB设计中常用的hack方法。条件注释只能用于IE5以上，IE10以上不支持。如果你安装了多个IE，条件注释将会以最高版本的IE为标准。条件注释的基本结构和HTML的注释()是一样的。因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略
  • CSS/CSS3常用样式与web移动端资源 weixin_33994444 移动开发javascript前端ViewUI
    CSS/CSS3常用样式与知识点IE条件注释条件注释简介IE中的条件注释（Conditionalcomments）对IE的版本和IE非IE有优秀的区分能力，是WEB设计中常用的hack方法。条件注释只能用于IE5以上，IE10以上不支持。如果你安装了多个IE，条件注释将会以最高版本的IE为标准。条件注释的基本结构和HTML的注释()是一样的。因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略
  • 推荐十四款常见的Web前端开发框架 Java学习之平凡之路 资源收集
    在做web开发的时候经常会遇到一个问题，那就是，选择什么样的框架来做前端开发。下面封程中把目前常用的一些前端的框架简单的给大家介绍一下.1.BootstrapBoostrap绝对是目前最流行用得最广泛的一款框架。它是一套优美，直观并且给力的web设计工具包，可以用来开发跨浏览器兼容并且美观大气的页面。它提供了很多流行的样式简洁的UI组件，栅格系统以及一些常用的JavaScript插件。Bootst
  • java SSM新闻管理系统myeclipse开发mysql数据库springMVC模式java编程计算机网页设计 qq_251836457 java类java数据库myeclipse
    一、源码特点javaSSM新闻管理系统是一套完善的web设计系统（系统采用SSM框架进行设计开发，spring+springMVC+mybatis），对理解JSPjava编程开发语言有帮助，系统具有完整的源代码和数据库，系统主要采用B/S模式开发。开发环境为TOMCAT7.0,Myeclipse8.5开发，数据库为Mysql5.0，使用java语言开发。javassm新闻管理系统下载地址https
  • 如何开始自由开发业务 xiaoshun007～ 副业副业
    许多想尝试自由职业的人认为，他们需要有多年的经验才能成功。但这是一个常见的误解，许多自由职业者已经推翻了这个误解。无论你从事哪个行业，一个有用的蓝图可以成为你快速获得自由职业成功的全部条件。这篇文章强调了开始自由职业者网络开发业务所需要知道的东西。成为自由开发者及其优势开始成为一名自由职业者的Web设计师可能是一项具有挑战性的壮举。但如果你成功了，你可以在你的领域中处于高价值的地位。作为一个自由职
  • Ps：直接从图层生成文件（图像资源） MediaTea
    通过Ps菜单：文件/导出/将图层导出到文件LayerstoFiles命令，我们可以快速地将当前文档中的每个图层导出为同一类型、相同大小和选项的独立文件。Photoshop还提供了一个功能，可以基于文档中的图层或图层组的名称，自动生成指定大小和品质的图像资源ImageAssets（JPEG、PNG、GIF以及SVG等类型的文件）。从PSD文件生成图像资源对于多设备Web设计来说尤其有用。Ps菜单：文
  • java Servlet 云平台教学系统myeclipse定制开发SQLServer数据库网页模式java编程jdbc qq_251836457 java类java数据库servlet
    一、源码特点JSP云平台教学系统是一套完善的web设计系统，对理解JSPjava编程开发语言有帮助系统采用serlvet+dao+bean，系统具有完整的源代码和数据库，系统主要采用B/S模式开发。开发环境为TOMCAT7.0,Myeclipse8.5开发，数据库为SQLServer2008，使用java语言开发。javaWeb云平台教学系统1下载地址https://download.csdn.n
  • html的拖放api,HTML5 拖放Drag & Drop API Sparkmlib html的拖放api
    曾几何时，不能判断拖放行为使得很多人抨击Web，认为这是Web较之桌面客户端程序的明显弱点之一。实际上，哪怕是IE6如此老旧的浏览器，它也是支持拖放行为的，只是缺乏更进一步的程序方法支持而已，很多Web设计爱好者在吹牛的时候应该注意到这一点。HTML5为拖放行为提供了Drag&DropAPI，Drag代表拖动，Drop代表放下，用于帮助开发者方便地处理此类事件。今后，我们在浏览器里处理拖放行为就像
  • Chakra UI：构建 Web 设计的未来 爱编程的鱼 物联网网站建设网络安全游戏交互游戏引擎算法web
    ChakraUI：构建Web设计的未来在当今的Web开发领域，构建现代、可访问的用户界面是一个重要的任务。为了满足这一需求，开发者需要一个强大而易用的UI组件库。而ChakraUI作为一个基于React的开源组件库，正是为了解决这个问题而诞生的本文将介绍ChakraUI的特点、使用方法以及它在Web开发中的应用场景，帮助读者了解并掌握这个强大的UI组件库。ChakraUI是什么？ChakraUI是
  • jsp课程资源网站系统Myeclipse开发mysql数据库web结构java编程计算机网页项目 qq_251836457 java类java数据库mysql
    一、源码特点JSP课程资源网站系统是一套完善的web设计系统，对理解JSPjava编程开发语言有帮助，系统具有完整的源代码和数据库，系统主要采用B/S模式开发。开发环境为TOMCAT7.0,Myeclipse8.5开发，数据库为Mysql，使用java语言开发。jsp课程资源网站系统Myeclipse开发mysql数据库二、功能介绍前台功能包括1.用户注册、登录本系统2.新闻浏览，查看课程资料相关
  • jsp 校园相册管理系统Myeclipse开发mysql数据库web结构java编程计算机网页项目 qq_251836457 java类javamyeclipse数据库
    一、源码特点jsp校园相册管理系统是一套完善的web设计系统，对理解JSPjava编程开发语言有帮助，系统采用web模式开发，系统具有完整的源代码和数据库，系统主要采用B/S模式开发。开发环境为TOMCAT7.0,Myeclipse8.5开发，数据库为Mysql，使用java语言开发。jsp校园相册管理系统Myeclipse开发mysql数据二、功能介绍主要是实现互联网上流行的相册系统的大部分功能
  • JSP仓储管理系统myeclipse定制开发SQLServer数据库网页模式java编程jdbc qq_251836457 java类java数据库myeclipse
    一、源码特点JSP仓储管理系统系统是一套完善的web设计系统，对理解JSPjava编程开发语言有帮助，系统具有完整的源代码和数据库，系统主要采用B/S模式开发。开发环境为TOMCAT7.0,Myeclipse8.5开发，数据库为SQLServer2008，使用java语言开发。javaweb零售仓储管理系统代码地址：https://download.csdn.net/download/qq_412
  • 2011年软件研发十大关键词盘点 junsure2012 转载专区html5node.jsjqueryadobejavascriptasynchronous
    [CSDN年末专稿]导语：2011年即将过去，和往年一样，这是纠结的一年。不平凡的一年，这也是技术领域精彩缤纷的一年。不管你愿不愿意，时间又来到了年末，又到了该做年度盘点和回顾的时候。CSDN软件研发频道将以十大关键词的形式来为您盘点今年技术领域的重点内容，本文是《CSDN2011年软件研发十大关键词盘点》的上篇：HTML5、jQueryMobile、Github、响应式Web设计(Respons
  • Android学习之路(25) Theme和Style 星如雨ｸﾞｯ!(๑•̀ㅂ•́)و✧ 安卓android学习
    1、官方详细解读样式和主题背景|Android开发者|AndroidDevelopers2、应用场景类似web设计中css样式。将应用设计的细节与界面的结构和行为分开。样式style：应用于单个View的外观。样式可以指定字体颜色、字号、背景颜色等属性主题theme：虽然他可以像style一样应用于某个view，但规范使用的话还是在整个app、单独的activity、某个视图层次结构layout3
  • JSP在线阅读系统myeclipse定制开发SQLServer数据库网页模式java编程jdbc qq_251836457 java类java数据库myeclipse
    一、源码特点JSP小说在线阅读系统是一套完善的web设计系统，对理解JSPjava编程开发语言有帮助，系统具有完整的源代码和数据库，系统主要采用B/S模式开发。开发环境为TOMCAT7.0,Myeclipse8.5开发，数据库为SQLServer2008，使用java语言开发。jsp小说在线阅读系统(1)二、功能介绍前台功能：系统首页浏览网站介绍浏览图书浏览小说浏览小说评价用户注册、登录后台管理：
  • PS CC版逆天神技生成图像资源教程 93091cdf8ebb
    PS怎么自动导出自定义大小、格式、名称的文件。Web设计图片分层导出的有效工具！我们可以让Photoshop自己随时导出我们设置大小、格式、压缩品质的图像。☆☆☆往期精彩推荐☆☆☆2018年能让你4个月内成为UI设计师的机会！14个最具创意的广告设计，你一定想不到。小白如何成为年薪30万的UI设计师（纯干货）
  • javaWebssh宠物基地管理系统myeclipse开发mysql数据库MVC模式java编程计算机网页设计 qq_251836457 java类数据库java宠物
    一、源码特点javassh宠物基地管理系统是一套完善的web设计系统（系统采用ssh框架进行设计开发），对理解JSPjava编程开发语言有帮助，系统具有完整的源代码和数据库，系统主要采用B/S模式开发。开发环境为TOMCAT7.0,Myeclipse8.5开发，数据库为Mysql5.0，使用java语言开发。ssh宠物基地系统代码下载https://download.csdn.net/downlo
  • javaWebssh运动会管理系统myeclipse开发mysql数据库MVC模式java编程计算机网页设计 qq_251836457 java类数据库javamyeclipse
    一、源码特点javassh运动会管理系统是一套完善的web设计系统（系统采用ssh框架进行设计开发），对理解JSPjava编程开发语言有帮助，系统具有完整的源代码和数据库，系统主要采用B/S模式开发。开发环境为TOMCAT7.0,Myeclipse8.5开发，数据库为Mysql5.0，使用java语言开发。ssh运动会成绩管理系统1代码下载https://download.csdn.net/dow
  • 老项目整合activiti5.18工作流引擎 owen_he
    最近公司想用流程引擎，记得13年的时候用过，现在去看，我去都到5.22版本了，而且web设计器汉化版了，做的非常的漂亮，但是没用过，只是用eclipse进行画流程图，那下面就说说一下花了一天的时间整理的过程吧。遇到的几个问题：1.老项目使用的是老版本的ibatis，而activiti用的是mybatis，这样我得弄一个数据源给流程引擎用：2.幸好老项目集成了spring，这样我就可以用spring
  • java SSM自助快递服务平台myeclipse开发mysql数据库springMVC模式java编程计算机网页设计 qq_251836457 java类java数据库myeclipse
    一、源码特点javaSSM自助快递服务平台是一套完善的web设计系统（系统采用SSM框架进行设计开发，spring+springMVC+mybatis），对理解JSPjava编程开发语言有帮助，系统具有完整的源代码和数据库，系统主要采用B/S模式开发。开发环境为TOMCAT7.0,Myeclipse8.5开发，数据库为Mysql5.0，使用java语言开发。ssm自助快递服务平台二、功能介绍（1）
  • 桌面上有多个球在同时运动，怎么实现球之间不交叉，即碰撞？ 换个号韩国红果果 html小球碰撞
    稍微想了一下，然后解决了很多bug，最后终于把它实现了。其实原理很简单。在每改变一个小球的x y坐标后，遍历整个在dom树中的其他小球，看一下它们与当前小球的距离是否小于球半径的两倍？若小于说明下一次绘制该小球（设为a）前要把他的方向变为原来相反方向（与a要碰撞的小球设为b），即假如当前小球的距离小于球半径的两倍的话，马上改变当前小球方向。那么下一次绘制也是先绘制b，再绘制a，由于a的方向已经改变
  • 《高性能HTML5》读后整理的Web性能优化内容 白糖_ html5
    读后感         先说说《高性能HTML5》这本书的读后感吧，个人觉得这本书前两章跟书的标题完全搭不上关系，或者说只能算是讲解了“高性能”这三个字，HTML5完全不见踪影。个人觉得作者应该首先把HTML5的大菜拿出来讲一讲，再去分析性能优化的内容，这样才会有吸引力。因为只是在线试读，没有机会看后面的内容，所以不胡乱评价了。  
  • [JShop]Spring MVC的RequestContextHolder使用误区 dinguangx jeeshop商城系统jshop电商系统
        在spring mvc中，为了随时都能取到当前请求的request对象，可以通过RequestContextHolder的静态方法getRequestAttributes()获取Request相关的变量，如request, response等。         在jshop中，对RequestContextHolder的
  • 算法之时间复杂度 周凡杨 java算法时间复杂度效率
          在 计算机科学 中， 算法 的时间复杂度是一个 函数 ，它定量描述了该算法的运行时间。这是一个关于代表算法输入值的 字符串 的长度的函数。时间复杂度常用 大O符号 表述，不包括这个函数的低阶项和首项系数。使用这种方式时，时间复杂度可被称为是 渐近 的，它考察当输入值大小趋近无穷时的情况。 这样用大写O()来体现算法时间复杂度的记法，
  • Java事务处理 g21121 java
    一、什么是Java事务 通常的观念认为，事务仅与数据库相关。 事务必须服从ISO/IEC所制定的ACID原则。ACID是原子性（atomicity）、一致性（consistency）、隔离性（isolation）和持久性（durability）的缩写。事务的原子性表示事务执行过程中的任何失败都将导致事务所做的任何修改失效。一致性表示当事务执行失败时，所有被该事务影响的数据都应该恢复到事务执行前的状
  • Linux awk命令详解 510888780 linux
    一.  AWK 说明   awk是一种编程语言，用于在linux/unix下对文本和数据进行处理。数据可以来自标准输入、一个或多个文件，或其它命令的输出。它支持用户自定义函数和动态正则表达式等先进功能，是linux/unix下的一个强大编程工具。它在命令行中使用，但更多是作为脚本来使用。    awk的处理文本和数据的方式：它逐行扫描文件，从第一行到
  • android permission 布衣凌宇 Permission
    <uses-permission android:name="android.permission.ACCESS_CHECKIN_PROPERTIES" ></uses-permission>允许读写访问"properties"表在checkin数据库中，改值可以修改上传 <uses-permission android:na
  • Oracle和谷歌Java Android官司将推迟 aijuans javaoracle
    北京时间 10 月 7 日，据国外媒体报道，Oracle 和谷歌之间一场等待已久的官司可能会推迟至 10 月 17 日以后进行，这场官司的内容是 Android 操作系统所谓的 Java 专利权之争。本案法官 William Alsup 称根据专利权专家 Florian Mueller 的预测，谷歌 Oracle 案很可能会被推迟。　　该案中的第二波辩护被安排在 10 月 17 日出庭，从目前看来
  • linux shell 常用命令 antlove linuxshellcommand
    grep [options] [regex] [files] /var/root # grep -n "o" * hello.c:1:/* This C source can be compiled with:
  • Java解析XML配置数据库连接(DOM技术连接 SAX技术连接) 百合不是茶 sax技术Java解析xml文档dom技术XML配置数据库连接
        XML配置数据库文件的连接其实是个很简单的问题,为什么到现在才写出来主要是昨天在网上看了别人写的,然后一直陷入其中,最后发现不能自拔 所以今天决定自己完成 ,,,,现将代码与思路贴出来供大家一起学习   XML配置数据库的连接主要技术点的博客; JDBC编程 : JDBC连接数据库 DOM解析XML:  DOM解析XML文件 SA
  • underscore.js 学习（二） bijian1013 JavaScriptunderscore
            Array Functions 所有数组函数对参数对象一样适用。1.first   _.first(array, [n])   别名: head, take       返回array的第一个元素，设置了参数n，就
  • plSql介绍 bijian1013 oracle数据库plsql
    /* * PL/SQL 程序设计学习笔记 * 学习plSql介绍.pdf * 时间：2010-10-05 */ --创建DEPT表 create table DEPT ( DEPTNO NUMBER(10), DNAME NVARCHAR2(255), LOC NVARCHAR2(255) ) delete dept; select
  • 【Nginx一】Nginx安装与总体介绍 bit1129 nginx
    启动、停止、重新加载Nginx nginx 启动Nginx服务器，不需要任何参数u nginx -s stop 快速(强制)关系Nginx服务器 nginx -s quit 优雅的关闭Nginx服务器 nginx -s reload 重新加载Nginx服务器的配置文件 nginx -s reopen 重新打开Nginx日志文件  
  • spring mvc开发中浏览器兼容的奇怪问题 bitray jqueryAjaxspringMVC浏览器上传文件
        最近个人开发一个小的OA项目,属于复习阶段.使用的技术主要是spring mvc作为前端框架,mybatis作为数据库持久化技术.前台使用jquery和一些jquery的插件.     在开发到中间阶段时候发现自己好像忽略了一个小问题,整个项目一直在firefox下测试,没有在IE下测试,不确定是否会出现兼容问题.由于jquer
  • Lua的io库函数列表 ronin47 lua io
    1、io表调用方式：使用io表，io.open将返回指定文件的描述，并且所有的操作将围绕这个文件描述 　　io表同样提供三种预定义的文件描述io.stdin,io.stdout,io.stderr 　　2、文件句柄直接调用方式,即使用file:XXX()函数方式进行操作,其中file为io.open()返回的文件句柄 　　多数I/O函数调用失败时返回nil加错误信息,有些函数成功时返回nil
  • java-26-左旋转字符串 bylijinnan java
    public class LeftRotateString { /** * Q 26 左旋转字符串 * 题目：定义字符串的左旋转操作：把字符串前面的若干个字符移动到字符串的尾部。 * 如把字符串abcdef左旋转2位得到字符串cdefab。 * 请实现字符串左旋转的函数。要求时间对长度为n的字符串操作的复杂度为O(n)，辅助内存为O(1)。 */ pu
  • 《vi中的替换艺术》-linux命令五分钟系列之十一 cfyme linux命令
    vi方面的内容不知道分类到哪里好，就放到《Linux命令五分钟系列》里吧！ 今天编程，关于栈的一个小例子，其间我需要把”S.”替换为”S->”(替换不包括双引号)。 其实这个不难，不过我觉得应该总结一下vi里的替换技术了，以备以后查阅。   1 所有替换方案都要在冒号“:”状态下书写。 2 如果想将abc替换为xyz，那么就这样 :s/abc/xyz/ 不过要特别
  • [轨道与计算]新的并行计算架构 comsci 并行计算
         我在进行流程引擎循环反馈试验的过程中，发现一个有趣的事情。。。如果我们在流程图的每个节点中嵌入一个双向循环代码段，而整个流程中又充满着很多并行路由，每个并行路由中又包含着一些并行节点，那么当整个流程图开始循环反馈过程的时候，这个流程图的运行过程是否变成一个并行计算的架构呢？      
  • 重复执行某段代码 dai_lm android
    用handler就可以了 private Handler handler = new Handler(); private Runnable runnable = new Runnable() { public void run() { update(); handler.postDelayed(this, 5000); } }; 开始计时 h
  • Java实现堆栈（list实现） datageek 数据结构——堆栈
    public interface IStack<T> { //元素出栈，并返回出栈元素 public T pop(); //元素入栈 public void push(T element); //获取栈顶元素 public T peek(); //判断栈是否为空 public boolean isEmpty
  • 四大备份MySql数据库方法及可能遇到的问题 dcj3sjt126com DBbackup
    一：通过备份王等软件进行备份前台进不去？ 用备份王等软件进行备份是大多老站长的选择，这种方法方便快捷，只要上传备份软件到空间一步步操作就可以，但是许多刚接触备份王软件的客用户来说还原后会出现一个问题：因为新老空间数据库用户名和密码不统一，网站文件打包过来后因没有修改连接文件，还原数据库是好了，可是前台会提示数据库连接错误，网站从而出现打不开的情况。 解决方法：学会修改网站配置文件，大多是由co
  • github做webhooks：[1]钩子触发是否成功测试 dcj3sjt126com githubgitwebhook
    转自: http://jingyan.baidu.com/article/5d6edee228c88899ebdeec47.html github和svn一样有钩子的功能，而且更加强大。例如我做的是最常见的push操作触发的钩子操作，则每次更新之后的钩子操作记录都会在github的控制板可以看到！ 工具/原料 github 方法/步骤
  • ">的作用" target="_blank">JSP中的作用 蕃薯耀
    JSP中<base href="<%=basePath%>">的作用 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
  • linux下SAMBA服务安装与配置 hanqunfeng linux
    局域网使用的文件共享服务。 一.安装包： rpm -qa | grep samba samba-3.6.9-151.el6.x86_64 samba-common-3.6.9-151.el6.x86_64 samba-winbind-3.6.9-151.el6.x86_64 samba-client-3.6.9-151.el6.x86_64 samba-winbind-clients
  • guava cache IXHONG cache
    缓存，在我们日常开发中是必不可少的一种解决性能问题的方法。简单的说，cache 就是为了提升系统性能而开辟的一块内存空间。 　　缓存的主要作用是暂时在内存中保存业务系统的数据处理结果，并且等待下次访问使用。在日常开发的很多场合，由于受限于硬盘IO的性能或者我们自身业务系统的数据处理和获取可能非常费时，当我们发现我们的系统这个数据请求量很大的时候，频繁的IO和频繁的逻辑处理会导致硬盘和CPU资源的
  • Query的开始--全局变量,noconflict和兼容各种js的初始化方法 kvhur JavaScriptjquerycss
    这个是整个jQuery代码的开始，里面包含了对不同环境的js进行的处理，例如普通环境，Nodejs，和requiredJs的处理方法。 还有jQuery生成$, jQuery全局变量的代码和noConflict代码详解  完整资源： http://www.gbtags.com/gb/share/5640.htm jQuery 源码：   (
  • 美国人的福利和中国人的储蓄 nannan408
       今天看了篇文章，震动很大，说的是美国的福利。    美国医院的无偿入院真的是个好措施。小小的改善，对于社会是大大的信心。小孩，税费等，政府不收反补，真的体现了人文主义。    美国这么高的社会保障会不会使人变懒？答案是否定的。正因为政府解决了后顾之忧，人们才得以倾尽精力去做一些有创造力，更造福社会的事情，这竟成了美国社会思想、人
  • N阶行列式计算(JAVA) qiuwanchi N阶行列式计算
    package gaodai; import java.util.List; /** * N阶行列式计算 * @author 邱万迟 * */ public class DeterminantCalculation { public DeterminantCalculation(List<List<Double>> determina
  • C语言算法之打渔晒网问题 qiufeihu c算法
    如果一个渔夫从2011年1月1日开始每三天打一次渔，两天晒一次网，编程实现当输入2011年1月1日以后任意一天，输出该渔夫是在打渔还是在晒网。 代码如下：   #include <stdio.h> int leap(int a) /*自定义函数leap()用来指定输入的年份是否为闰年*/ { if((a%4 == 0 && a%100 != 0
  • XML中DOCTYPE字段的解析 wyzuomumu xml
    DTD声明始终以!DOCTYPE开头,空一格后跟着文档根元素的名称,如果是内部DTD,则再空一格出现[],在中括号中是文档类型定义的内容. 而对于外部DTD,则又分为私有DTD与公共DTD,私有DTD使用SYSTEM表示,接着是外部DTD的URL. 而公共DTD则使用PUBLIC,接着是DTD公共名称,接着是DTD的URL.   私有DTD <!DOCTYPErootSYST
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他