sunxboy
sunxboy

web设计与开发常见错误(转)

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

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

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

混淆文档类型(DOCTYPE)
完全不写、写的不正确、或放错地方。我曾见过HTML 4.0 Transitional被用在XHTML网页和框架页中，还看到过在开头的 标签后写DOCTYPE声明和一些不完整的声明。
为什么？ 有两个原因。首先，文档声明是必须的，在 W3C HTML 4.01 spec 和 W3C XHTML 1.0 spec 里 都有说明。第二，浏览器会根据指定的文档类型去显示和渲染网页。也就是“DOCTYPE切换(DOCTYPE switching)”。为了保持各个浏览器显示网页的一致性，特别是你用了CSS，你一定会希望浏览器使用它们“Standards compliance mode”。关于DOCTYPE切换，可以看看 使用正确的DOCTYPE! 和 正确的文档类型声明，正确的布局方式 。
癖
样式化的一个常见方法就是把一段东西用 标签围起来，并且带一个class用来设置样式。我敢保证你经常可以看到诸如 和 的代码。
为什么？ 其实在很多情况下这完全没必要，这样做只会混乱标签并且没有什么语义。标题就用标题(h1~h6)标签，段落就用段落(P)标签，列表就用列表(UL, OL和DL)标签。然后再用CSS去样式化，如果需要的话，也可以加class和id属性。
太多可视化思考
以为web就是WYSIWYG（所见即所得） – 一开始就想着这些东西该怎么表现的，而不是先去考虑逻辑结构上怎么样。
为什么？ 虽然大部分网民都是视力正常的，但是还是有残疾人上网的。网民可能使用不同浏览器、不同系统、不同尺寸显示器和分辨率、不同的窗口大小、不同颜色标准和文字大小，所以你不应该把你的网页做成WYSIWYG。网页 不是 印刷品或者电视节目。要让你的设计弹性化。
缺乏语义
没有使用具有语义的标签。想当然的按照图形浏览器渲染的HTML样式去写代码，而不是参照这些标签的 意义 。
为什么？ 和上文提到的"癖”比较接近，没有好好的利用现有的HTML标签来表达它应该表达的语义。没有语义化的HTML，为那些非可视化用户代理(UA)造成了理解上的困难。而且语义化的HTML很容易进行CSS样式化。
编码不一致
在服务器发送的默认编码是一种而文档里面又使用另外一种，这可能会造成浏览器乱码（不正常显示）。
为什么？ 因为你必须得保证所有你的访问者都能阅读你的内容。
不正确的alt属性
没写或者写了没意义。在 网络 上可以看到非常多没有 alt 属性的 标签。没意义的alt属性倒是不如前者常见，比如“spacer GIF used to make the layout look good”，“带有阴影的蓝色原点”, 以及“JPEG图片，123 KB”。要记住， alt 属性在 和 里是必须的。
为什么？ 这是必须的 ，没有 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应用 。
文字做成图
把文字做成图，又不提供更多提示信息。这不仅仅增长了访问者下载时间，也不利于访问者选择和复制文字，又不利于文字放大。
为什么？ 不亲切，增加下载时间，对搜索引擎不友好。
不友好的表单
没有语义、难以使用的表单。要学会使用 标签，
和 标签， 不要使用“Reset”按钮 。
为什么？ 没有语义并且难以使用。阅读 设计易用的表单 ， 优秀、易用的表单 ，和 重设和取消按钮 ，看如何设计友好和易用的标单。（JunChen注：使用Reset按钮会增加用户思考的时间，并且误按情况屡屡发生）
过时的HTML
多层嵌套的表格，透明的spacer图片， 标签，表现层的标签。其实这个大家都已经知道了。
为什么？ 增加复杂度，让整个页面代码臃肿冗余，不易理解，对搜索引擎不友好。
一切向IE看齐
IE优先，做完了再看看其他浏览器里如何，有问题再调整。
为什么？ 浪费时间，并且这个习惯不好。IE会默认接受很多错误的代码，所谓“容错性”。而其实IE也接受良好结构的HTML，并且在其他浏览器里都正常，这也不会浪费很多时间。更多信息看 IE真相 。
不合法的HTML属性
使用不推荐的属性或者只能在特定浏览器里生效的属性，诸如 marginwidth ， leftmargin ， language ，给 加 height ，给 加 border 等等。
为什么？ 不合法并且没必要。你可以使用CSS。对于

你可能感兴趣的:(WEB技术)

  • java web开发实战经典 当当_java web项目实战开发 飞翔的酋长大人 javaweb开发实战经典当当
    本书以问题为导向，涵盖JavaWeb开发技术中所有的核心知识点；实战开发案例丰富，所有的知识案例都来源于企业真实项目，实战性和可操作性强；代码注释详细准确，结构简洁清晰；语言简明易懂，由浅入深地带你学会JavaWeb技术及应用。本书面向广大Java开发工程师和普通高校学生，可作为高等学校计算机及其相关专业Web编程技术课程教材，也可供从事JavaWeb应用开发的技术人员学习参考。¥80.00定价：
  • Tomcat和nginx结合使用 xiaoweiwei11 tomcatnginxjava
    前言Tomcat和Nginx是两个不同的服务器软件，它们在Web应用部署中扮演着不同的角色。Tomcat是一个JavaServlet容器，它用于运行JavaWeb应用程序。它可以处理HTTP请求并将其传递给Java应用程序进行处理。Tomcat提供了一个容器，用于加载、执行和管理JavaServlet、JavaServerPages（JSP）和其他JavaWeb技术。相比之下，Nginx是一个高性
  • Unity UI的未来之路：从UGUI到UI Toolkit的架构演进与特性剖析(2) 伽蓝_游戏 unityui架构游戏引擎游戏c#.net
    第二章：初识新王——UIToolkit的核心理念与架构剖析在第一章中，我们通过详尽的特性对比，清晰地看到了UIToolkit作为“新王”所展现出的、在性能和现代化工作流上的巨大潜力。然而，要真正理解并驾驭这把未来的“神兵利器”，我们必须更进一步，深入其内部，系统性地剖析它的核心设计理念、底层架构和关键技术特性。这一章，我们将正式踏上对UIToolkit的探索之旅，揭示其“Web技术启发”背后的真正
  • melody-canvas：实时音频可视化与创意画布
    melody-canvas：实时音频可视化与创意画布项目介绍melody-canvas是一个开源项目，致力于为用户提供一个强大的音频可视化与画布编辑平台。通过该平台，用户可以利用Web技术实时地将音频信号转换成视觉元素，同时支持画布上的图像和文本编辑，创作出独一无二的音频艺术作品。项目技术分析melody-canvas的核心功能基于现代Web技术构建，主要包括以下技术组件：WebAudioAPI：
  • 全新开发范式：uni-app X助力全平台原生应用 程序媛夏天 小白学鸿蒙uni-app
    在2025年数字技术发展的关键节点上，国产操作系统正在经历从愿景走向现实的深刻变革。DCloud于5月12日发布的HBuilderX4.64正式版，标志着uni-appx已实现对鸿蒙、Android、iOS、Web、微信小程序等主流平台的全覆盖，为开发者带来了全新的跨平台开发体验。一、技术革新：Web技术栈与原生性能的完美融合uni-appx的突破性在于其独特的设计理念：“开发态基于Web技术栈，
  • JavaScript进阶：探索模块化、ES6+与前端框架 WayneYalejk javascriptes6前端框架
    随着Web技术的快速发展，JavaScript也在不断演进。ES6（ECMAScript2015）及更高版本的发布为JavaScript带来了许多新特性和改进，使得JavaScript更加强大和易用。同时，模块化编程和前端框架的兴起也极大地推动了前端开发的现代化进程。本文将带您深入探索JavaScript的进阶话题，包括模块化、ES6+新特性以及前端框架的应用。1.模块化编程模块化的重要性：解释模
  • python的pywebview库结合Flask和waitress开发桌面应用程序简介 czliutz python笔记pythonflask开发语言
    pywebview的用途与特点用途pywebview是一个轻量级Python库，用于创建桌面应用程序（GUI）。它通过嵌入Web浏览器组件（如Windows的Edge/IE、macOS的WebKit、Linux的GTKWebKit），允许开发者使用HTML/CSS/JavaScript构建界面，并用Python处理后端逻辑。这种方式结合了Web技术的灵活性和Python的强大功能，适合快速开发跨平
  • 计算机毕设——高校在线学习平台
    随着教育信息化改革不断推进，传统教学模式逐渐暴露出诸多弊端，例如资源分散、互动匮乏、教学反馈滞后等。如何借助现代Web技术构建一个功能完善、稳定高效的教学平台，成为许多高校面临的重要课题。本文将从我的毕业设计项目《在线学习平台》出发，分享一个完整在线教育平台的设计与开发过程，涵盖技术选型、系统架构、核心模块实现以及系统测试等内容，适合对SpringBoot+Vue全栈开发感兴趣的同学学习参考。一、
  • OracleERP云软件二次开发：业务流程管理与自定义教程 kkchenjj 工业软件二次开发全集工业软件ERP数据库开发语言
    OracleERP云软件二次开发：业务流程管理与自定义教程OracleERP云平台概览OracleERP云平台架构OracleERPCloud采用了一种多层架构设计，旨在提供高度可扩展、安全且灵活的云解决方案。其架构主要分为以下几个层次：用户界面层：提供直观的用户界面，支持多种设备访问，包括桌面、平板和手机。这一层利用了现代Web技术，如HTML5、CSS3和JavaScript，确保了良好的用户
  • 原生前端JavaScript/CSS与现代框架(Vue、React)的联系、区别与运行环境(精简版)
    原生前端JavaScript/CSS与现代框架(Vue、React)的联系、区别与运行环境随着Web技术的不断发展，前端开发已经从最初的原生JavaScript和CSS时代，逐步演进到以Vue、React等为代表的现代前端框架时代。对于许多刚入门或正在转型的前端开发者来说，理解原生技术和现代框架之间的联系、区别，以及各自的运行环境和条件，有助于更好地把握前端技术栈的演变趋势和实际应用场景。一、原生
  • 开发高效的寝室卫生管理系统
    本文还有配套的精品资源，点击获取简介：寝室卫生管理系统是一款利用JavaWeb技术开发的软件，涉及JSP、MySQL数据库和Servlet等关键组件，旨在管理寝室卫生状况。系统提供了一个实用的学习平台，便于初学者掌握这些核心技术并理解JavaWeb架构。具体实现包括用户模块、寝室管理、卫生检查、评分系统、报表统计及权限控制，同时强调了MVC设计模式和安全性的重要性。1.JavaWeb技术与寝室卫生
  • Adobe AIR技术打造的音乐播放器设计与实现 鄧寜
    本文还有配套的精品资源，点击获取简介：AdobeAIR环境允许使用Web技术构建跨平台桌面应用程序。本案例中的音乐播放器提供音乐库管理、隐藏窗口播放和即时停止功能。源文件解析揭示了播放器的架构与功能实现，包括ActionScript逻辑、用户界面设计和应用配置。1.AdobeAIR应用程序运行环境介绍AdobeAIR，曾是Adobe公司推出的一个跨平台运行时环境，允许开发人员使用熟悉的技术，如HT
  • Java WEB技术-什么是循环依赖？常用解决循环依赖的方法有哪些？（Spring三级缓存，@Lazy注解，设计修改，依赖解耦等） weisian151 java杂货铺java开发语言spring
    1、什么是循环依赖环依赖指的是多个对象之间相互依赖，形成一个依赖的闭环。例如：类A依赖于类B。类B又依赖于类A。循环依赖代码示例：@ComponentpublicclassBeanA{privatefinalBeanBbeanB;@AutowiredpublicBeanA(BeanBbeanB){this.beanB=beanB;}}@ComponentpublicclassBeanB{priva
  • XHTML 简介 lly202406 开发语言
    XHTML简介概述XHTML（eXtensibleHyperTextMarkupLanguage）是一种基于XML（可扩展标记语言）的标记语言，它是一种更加严格和标准化的HTML版本。XHTML的目的是提供一种更加稳定和可扩展的Web内容表示方法，以确保网页在各种设备上都能得到正确的显示。随着Web技术的发展，XHTML逐渐成为构建高质量网页内容的首选标准。XHTML的发展历程XHTML的起源可以
  • CSS3 文本效果详解 lly202406 开发语言
    CSS3文本效果详解引言随着Web技术的发展，CSS3为前端设计师和开发者提供了丰富的文本效果选项。这些效果不仅能够增强网页的美观性，还能提升用户体验。本文将详细介绍CSS3中的文本效果，包括文本阴影、文本描边、文本装饰、文本换行、文本大小写等，并探讨如何在实际项目中应用这些效果。文本阴影文本阴影是CSS3中最常见的文本效果之一。它可以为文本添加阴影，使其更加立体，提升视觉效果。基本语法text-
  • 用WebGPU实现现代Web3D渲染——突破传统性能瓶颈的解决方案 桂月二二 wasmfastapi开发语言rust
    引言随着Web技术的不断发展，Web3D应用的需求不断增加。从游戏引擎到可视化工具，3D渲染技术正在被广泛地应用。然而，传统WebGL技术在性能、效率和灵活性上仍存在局限性。而WebGPU作为一种新兴的Web标准，为现代3D渲染提供了强大而高效的解决方案。本文将探讨如何使用WebGPU实现高效的Web3D渲染，逐步构建一个简单的渲染引擎，并介绍其在性能和功能上的优势。背景WebGPU是一种跨平台的
  • Electron 进程间通信（IPC）深度优化指南 vvilkin的学习备忘 Electronelectronjavascript前端
    Electron是一个强大的跨平台桌面应用开发框架，它结合了Chromium和Node.js，允许开发者使用Web技术构建高性能的桌面应用。然而，Electron的架构决定了它必须频繁地在主进程（MainProcess）和渲染进程（RendererProcess）之间进行通信（IPC,Inter-ProcessCommunication）。如果IPC通信设计不当，可能会导致应用卡顿、响应延迟，甚至
  • Electron 快速上手 AAA小土豆 electronarcgisjavascript
    技术栈Web技术包括HTML、CSS、JavaScript和WebAssembly。它们是现代互联网的基石。这些技术已成为构建用户界面的最佳选择——无论是对于消费者应用程序还是关键业务型应用程序。这不仅适用于需要在浏览器中运行的应用程序，也适用于那些无法通过浏览器访问的桌面应用程序。我们在此大胆断言，这不仅适用于需要在多个操作系统上运行的跨平台应用程序，而且适用于所有类型的应用程序。Electro
  • Servlet 自动刷新页面 沐知全栈开发 开发语言
    Servlet自动刷新页面引言在Web开发中，实现页面的自动刷新是一个常见的需求。这种需求通常出现在需要实时更新信息显示的场景中，例如股票行情、新闻资讯等。Servlet技术作为一种成熟的JavaWeb技术，为我们提供了实现这一需求的有效途径。本文将详细介绍如何利用Servlet技术实现自动刷新页面的功能。Servlet简介Servlet是Java平台的一部分，它允许Java代码运行在Web服务器
  • OpenLayers 入门指南【一】：WebGIS基础与OpenLayers概述 凌往昔 OpenLayers入门指南WebGISOpenLayers
    目录一、什么是WebGIS1.定义2.常用技术栈3.典型应用场景二、什么是OpenLayers1、核心功能特性2、对比Leaflet3、应用场景与发展趋势三、总结一、什么是WebGIS1.定义WebGIS（网络地理信息系统）是传统GIS在互联网领域的延伸，通过浏览器实现空间数据的发布、共享与交互。其核心在于将地理信息处理与Web技术结合，支持跨平台、分布式的地理数据访问2.常用技术栈前端框架：Op
  • 钉钉小程序开发实战：打造一个简约风格的登录页面 脑袋大大的 钉钉生态创业者专栏钉钉小程序
    在上一篇文章中，我们已经介绍了如何搭建钉钉小程序的基础环境，并完成了项目的初始化配置。本文将继续深入，手把手带你实现一个简约风格的登录页面，这是大多数企业级应用不可或缺的一部分。钉钉小程序基于前端Web技术栈，采用类似于Vue的模板语法和组件化结构，非常适合快速构建轻量级企业内部应用。登录页虽然看似简单，但却是用户与系统交互的第一步，良好的体验和简洁的设计往往能给用户留下深刻印象。本章节直接上干货
  • Chromium 136 编译指南 Ubuntu篇：环境搭建与源码获取（一） 守城小轩 浏览器开发指纹浏览器浏览器开发chromechromedevtools超级浏览器
    1.引言随着Web技术的飞速发展和应用场景的不断拓展，浏览器引擎的重要性日益凸显。Chromium作为现代浏览器生态系统的核心引擎，不仅驱动着全球超过70%的网络流量，更是众多知名浏览器如GoogleChrome、MicrosoftEdge、Opera以及新兴的Brave等产品的技术基石。其卓越的渲染性能、先进的安全机制和高度模块化的架构设计，使得越来越多的开发者希望基于Chromium进行深度定
  • 谷歌离线应用之渐进式 Web 应用 Progressive Web APP（PWA） 伍哥的传说 前端源码分享前端webapp
    一、渐进式Web应用（PWA）的定义‌渐进式Web应用（ProgressiveWebApp，PWA）是一种结合传统Web技术与现代移动应用特性的技术方案，旨在通过HTML、CSS和JavaScript构建具备‌原生应用体验‌的Web应用。其核心特性包括：‌可安装性‌：用户可将PWA添加到设备主屏幕，像原生应用一样独立运行；‌渐进增强‌：根据设备和网络环境逐步提升功能，确保基础功能在所有浏览器中可用
  • Web技术与Nginx网站环境部署 牛爷爷敲代码 前端nginx运维
    Web技术与Nginx网站环境部署一、Web技术核心基础体系（一）网络寻址与域名解析机制域名与IP的映射逻辑网络设备通过唯一的IP地址实现通信，但为了便于记忆，引入了域名系统。例如，www.baidu.com对应特定的IP地址，这种映射关系通过DNS（域名系统）实现。DNS采用分层结构，包含根域（全球仅13台根服务器）、顶级域（如.com.cn）、二级域名（如baidu）和FQDN（全限定域名，如
  • 推荐开源项目：KeFu - 一款高效、灵活的客服系统 高慈鹃Faye
    推荐开源项目：KeFu-一款高效、灵活的客服系统去发现同类优质开源项目:https://gitcode.com/项目简介是一个开源的在线客服系统，旨在为企业或个人提供一个轻量级、高度可定制化的解决方案，以提升客户服务质量和效率。该项目采用现代Web技术和微服务架构，支持多渠道接入（如网站、移动应用、社交媒体等），并且提供了丰富的API接口，方便集成到现有的业务流程中。技术分析技术栈前端：基于Rea
  • SSE (Server-Sent Events) 技术简介
    一、SSE技术概述Server-SentEvents(SSE)是一种允许服务器向客户端实时推送数据的Web技术，它基于HTTP协议实现服务器到客户端的单向通信。基本特点●单向通信：仅服务器→客户端方向●基于HTTP：使用标准HTTP协议，无需特殊协议●文本格式：默认传输UTF-8编码的文本数据●自动重连：内置连接中断恢复机制●轻量级：相比WebSocket更简单轻量二、技术原理1.通信机制SSE通
  • WebVR.Space：探索虚拟现实太空冒险游戏 电竞小潘安
    本文还有配套的精品资源，点击获取简介：WebVR.Space是一个基于Web的虚拟现实游戏平台，专注于太空主题的VR体验。用户无需额外应用即可通过Web浏览器和VR设备如OculusRift或HTCVive体验3D空间探索。该平台运用WebVR技术，结合WebGLAPI，提供跨平台的高质量VR体验。VR和AR技术正在被广泛应用于多个领域，而WebVR.Space则展示了VR内容如何通过Web技术变
  • 【资源共享】eBook分享大集合 天堂的鸽子 杂七杂八资源分享
    文章目录eBook分享大集合服务器系统类(9)机器学习类(17)NLP算法类(19)网络类(6)程序语言类C/C++语言(8)Python语言(14)Java语言(14)PHP语言(4)C#/.NET语言(21)Web技术(12)数据库类Oracle(5)MySQL(8)SQLServer(10)大数据类(11)其他系列IT思维类(15)架构设计类(11)敏捷开发类(21)面试精华文档Java(3
  • 用 Visual Studio Code 打造超越 PyCharm 的开发神器
    目录一、前言二、让VSCode的终端识别Anaconda三、VSCode的jupyter插件使用四、配置git的免密访问五、安装一些好用的扩展(extensions)一、前言VisualStudioCode是一款开源的IDE开发工具，以下简称VSCode，它是基于ElectronJS开发、具有web技术栈的开发优势，比如界面开发效率高、设计美观、生态开放等，因此产生了大量免费的插件，就python
  • 探索现代 Web 开发：从 HTML5 到 Vue.js 的全栈之旅 Thanks_ks IT洞察集Web开发HTML5CSS3JavaScriptVue.js前端开发全栈实战
    在当今快速发展的互联网时代，Web开发已经成为构建数字世界的重要基石。无论是企业级应用、社交媒体平台，还是个人博客和电商平台，Web技术都在背后默默支撑着这些系统的运行。随着前端技术的不断演进，开发者们已经不再局限于传统的静态页面开发，而是转向更加动态、交互性强的应用程序开发。本文将带您踏上一段从基础到实战的旅程，深入探讨现代Web开发的核心技术，包括HTML5、CSS3、JavaScript以及
  • 强大的销售团队背后 竟然是大数据分析的身影 蓝儿唯美 数据分析
    Mark Roberge是HubSpot的首席财务官，在招聘销售职位时使用了大量数据分析。但是科技并没有挤走直觉。 大家都知道数理学家实际上已经渗透到了各行各业。这些热衷数据的人们通过处理数据理解商业流程的各个方面，以重组弱点，增强优势。 Mark Roberge是美国HubSpot公司的首席财务官，HubSpot公司在构架集客营销现象方面出过一份力——因此他也是一位数理学家。他使用数据分析
  • Haproxy+Keepalived高可用双机单活 bylijinnan 负载均衡keepalivedhaproxy高可用
    我们的应用MyApp不支持集群，但要求双机单活（两台机器：master和slave）： 1.正常情况下，只有master启动MyApp并提供服务 2.当master发生故障时，slave自动启动本机的MyApp，同时虚拟IP漂移至slave，保持对外提供服务的IP和端口不变 F5据说也能满足上面的需求，但F5的通常用法都是双机双活，单活的话还没研究过 服务器资源 10.7
  • eclipse编辑器中文乱码问题解决 0624chenhong eclipse乱码
    使用Eclipse编辑文件经常出现中文乱码或者文件中有中文不能保存的问题，Eclipse提供了灵活的设置文件编码格式的选项，我们可以通过设置编码 格式解决乱码问题。在Eclipse可以从几个层面设置编码格式：Workspace、Project、Content Type、File 本文以Eclipse 3.3（英文）为例加以说明： 1. 设置Workspace的编码格式： Windows-&g
  • 基础篇--resources资源 不懂事的小屁孩 android
    最近一直在做java开发，偶尔敲点android代码，突然发现有些基础给忘记了，今天用半天时间温顾一下resources的资源。 String.xml    字符串资源   涉及国际化问题  http://www.2cto.com/kf/201302/190394.html   string-array
  • 接上篇补上window平台自动上传证书文件的批处理问卷 酷的飞上天空 window
    @echo off : host=服务器证书域名或ip，需要和部署时服务器的域名或ip一致 ou=公司名称, o=公司名称 set host=localhost set ou=localhost set o=localhost set password=123456 set validity=3650 set salias=s
  • 企业物联网大潮涌动：如何做好准备？ 蓝儿唯美 企业
    物联网的可能性也许是无限的。要找出架构师可以做好准备的领域然后利用日益连接的世界。 尽管物联网（IoT）还很新，企业架构师现在也应该为一个连接更加紧密的未来做好计划，而不是跟上闸门被打开后的集成挑战。“问题不在于物联网正在进入哪些领域，而是哪些地方物联网没有在企业推进，” Gartner研究总监Mike Walker说。 Gartner预测到2020年物联网设备安装量将达260亿，这些设备在全
  • spring学习——数据库（mybatis持久化框架配置） a-john mybatis
    Spring提供了一组数据访问框架，集成了多种数据访问技术。无论是JDBC，iBATIS(mybatis)还是Hibernate，Spring都能够帮助消除持久化代码中单调枯燥的数据访问逻辑。可以依赖Spring来处理底层的数据访问。 mybatis是一种Spring持久化框架，要使用mybatis，就要做好相应的配置： 1，配置数据源。有很多数据源可以选择，如：DBCP，JDBC，aliba
  • Java静态代理、动态代理实例 aijuans Java静态代理
    采用Java代理模式，代理类通过调用委托类对象的方法，来提供特定的服务。委托类需要实现一个业务接口，代理类返回委托类的实例接口对象。 按照代理类的创建时期，可以分为：静态代理和动态代理。 所谓静态代理：　指程序员创建好代理类，编译时直接生成代理类的字节码文件。 所谓动态代理：　在程序运行时，通过反射机制动态生成代理类。   一、静态代理类实例： 1、Serivce.ja
  • Struts1与Struts2的12点区别 asia007 Struts1与Struts2
    1) 在Action实现类方面的对比：Struts 1要求Action类继承一个抽象基类；Struts 1的一个具体问题是使用抽象类编程而不是接口。Struts 2 Action类可以实现一个Action接口，也可以实现其他接口，使可选和定制的服务成为可能。Struts 2提供一个ActionSupport基类去实现常用的接口。即使Action接口不是必须实现的，只有一个包含execute方法的P
  • 初学者要多看看帮助文档 不要用js来写Jquery的代码 百合不是茶 jqueryjs
    解析json数据的时候需要将解析的数据写到文本框中,  出现了用js来写Jquery代码的问题;   1, JQuery的赋值  有问题    代码如下: data.username 表示的是:  网易            $("#use
  • 经理怎么和员工搞好关系和信任 bijian1013 团队项目管理管理
            产品经理应该有坚实的专业基础，这里的基础包括产品方向和产品策略的把握，包括设计，也包括对技术的理解和见识，对运营和市场的敏感，以及良好的沟通和协作能力。换言之，既然是产品经理，整个产品的方方面面都应该能摸得出门道。这也不懂那也不懂，如何让人信服？如何让自己懂？就是不断学习，不仅仅从书本中，更从平时和各种角色的沟通
  • 如何为rich:tree不同类型节点设置右键菜单 sunjing contextMenutreeRichfaces
    组合使用target和targetSelector就可以啦，如下： <rich:tree id="ruleTree" value="#{treeAction.ruleTree}" var="node" nodeType="#{node.type}" selectionChangeListener=&qu
  • 【Redis二】Redis2.8.17搭建主从复制环境 bit1129 redis
    开始使用Redis2.8.17 Redis第一篇在Redis2.4.5上搭建主从复制环境，对它的主从复制的工作机制，真正的惊呆了。不知道Redis2.8.17的主从复制机制是怎样的，Redis到了2.4.5这个版本，主从复制还做成那样，Impossible is nothing! 本篇把主从复制环境再搭一遍看看效果，这次在Unbuntu上用官方支持的版本。   Ubuntu上安装Red
  • JSONObject转换JSON--将Date转换为指定格式 白糖_ JSONObject
    项目中，经常会用JSONObject插件将JavaBean或List<JavaBean>转换为JSON格式的字符串，而JavaBean的属性有时候会有java.util.Date这个类型的时间对象，这时JSONObject默认会将Date属性转换成这样的格式：   {"nanos":0,"time":-27076233600000,
  • JavaScript语言精粹读书笔记 braveCS JavaScript
    【经典用法】：   //①定义新方法 Function .prototype.method=function(name, func){ this.prototype[name]=func; return this; } //②给Object增加一个create方法，这个方法创建一个使用原对
  • 编程之美-找符合条件的整数 用字符串来表示大整数避免溢出 bylijinnan 编程之美
    import java.util.LinkedList; public class FindInteger { /** * 编程之美 找符合条件的整数 用字符串来表示大整数避免溢出 * 题目：任意给定一个正整数N，求一个最小的正整数M(M>1)，使得N*M的十进制表示形式里只含有1和0 * * 假设当前正在搜索由0，1组成的K位十进制数
  • 读书笔记 chengxuyuancsdn 读书笔记
    1、Struts访问资源 2、把静态参数传递给一个动作 3、<result>type属性 4、s:iterator、s:if c:forEach 5、StringBuilder和StringBuffer 6、spring配置拦截器 1、访问资源 (1)通过ServletActionContext对象和实现ServletContextAware,ServletReque
  • [通讯与电力]光网城市建设的一些问题 comsci 问题
          信号防护的问题,前面已经说过了,这里要说光网交换机与市电保障的关系       我们过去用的ADSL线路,因为是电话线,在小区和街道电力中断的情况下,只要在家里用笔记本电脑+蓄电池,连接ADSL,同样可以上网........     
  • oracle 空间RESUMABLE daizj oracle空间不足RESUMABLE错误挂起
    空间RESUMABLE操作  转 Oracle从9i开始引入这个功能，当出现空间不足等相关的错误时，Oracle可以不是马上返回错误信息，并回滚当前的操作，而是将操作挂起，直到挂起时间超过RESUMABLE TIMEOUT，或者空间不足的错误被解决。 这一篇简单介绍空间RESUMABLE的例子。 第一次碰到这个特性是在一次安装9i数据库的过程中，在利用D
  • 重构第一次写的线程池 dieslrae 线程池 python
    最近没有什么学习欲望,修改之前的线程池的计划一直搁置,这几天比较闲,还是做了一次重构,由之前的2个类拆分为现在的4个类. 1、首先是工作线程类:TaskThread,此类为一个工作线程,用于完成一个工作任务,提供等待(wait),继续(proceed),绑定任务(bindTask)等方法 #!/usr/bin/env python # -*- coding:utf8 -*-
  • C语言学习六指针 dcj3sjt126com c
    初识指针，简单示例程序： /* 指针就是地址，地址就是指针 地址就是内存单元的编号 指针变量是存放地址的变量 指针和指针变量是两个不同的概念 但是要注意： 通常我们叙述时会把指针变量简称为指针，实际它们含义并不一样 */ # include <stdio.h> int main(void) { int * p; // p是变量的名字， int *
  • yii2 beforeSave afterSave beforeDelete dcj3sjt126com delete
    public function afterSave($insert, $changedAttributes) { parent::afterSave($insert, $changedAttributes); if($insert) { //这里是新增数据 } else { //这里是更新数据 } }  
  • timertask shuizhaosi888 timertask
    java.util.Timer timer = new java.util.Timer(true); // true 说明这个timer以daemon方式运行（优先级低， // 程序结束timer也自动结束），注意，javax.swing // 包中也有一个Timer类，如果import中用到swing包， // 要注意名字的冲突。 TimerTask task = new
  • Spring Security（13）——session管理 234390216 sessionSpring Security攻击保护超时
    session管理 目录   1.1     检测session超时 1.2     concurrency-control 1.3     session 固定攻击保护         
  • 公司项目NODEJS实践0.3[ mongo / session ...] 逐行分析JS源代码 mongodbsessionnodejs
        http://www.upopen.cn   一、前言         书接上回，我们搭建了WEB服务端路由、模板等功能，完成了register 通过ajax与后端的通信，今天主要完成数据与mongodb的存取，实现注册 / 登录 /
  • pojo.vo.po.domain区别 LiaoJuncai javaVOPOJOjavabeandomain
    　　POJO = "Plain Old Java Object"，是MartinFowler等发明的一个术语，用来表示普通的Java对象，不是JavaBean, EntityBean 或者 SessionBean。POJO不但当任何特殊的角色，也不实现任何特殊的Java框架的接口如，EJB， JDBC等等。 　　 　　即POJO是一个简单的普通的Java对象，它包含业务逻辑
  • Windows Error Code OhMyCC windows
    0 操作成功完成. 1 功能错误. 2 系统找不到指定的文件. 3 系统找不到指定的路径. 4 系统无法打开文件. 5 拒绝访问. 6 句柄无效. 7 存储控制块被损坏. 8 存储空间不足, 无法处理此命令. 9 存储控制块地址无效. 10 环境错误. 11 试图加载格式错误的程序. 12 访问码无效. 13 数据无效. 14 存储器不足, 无法完成此操作. 15 系
  • 在storm集群环境下发布Topology roadrunners 集群stormtopologyspoutbolt
    storm的topology设计和开发就略过了。本章主要来说说如何在storm的集群环境中，通过storm的管理命令来发布和管理集群中的topology。   1、打包 打包插件是使用maven提供的maven-shade-plugin，详细见maven-shade-plugin。 <plugin> <groupId>org.apache.maven.
  • 为什么不允许代码里出现“魔数” tomcat_oracle java
    　　在一个新项目中，我最先做的事情之一，就是建立使用诸如Checkstyle和Findbugs之类工具的准则。目的是制定一些代码规范，以及避免通过静态代码分析就能够检测到的bug。 　　迟早会有人给出案例说这样太离谱了。其中的一个案例是Checkstyle的魔数检查。它会对任何没有定义常量就使用的数字字面量给出警告，除了-1、0、1和2。 　　很多开发者在这个检查方面都有问题，这可以从结果
  • zoj 3511 Cake Robbery(线段树) 阿尔萨斯 线段树
    题目链接：zoj 3511 Cake Robbery 题目大意：就是有一个N边形的蛋糕，切M刀，从中挑选一块边数最多的，保证没有两条边重叠。 解题思路：有多少个顶点即为有多少条边，所以直接按照切刀切掉点的个数排序，然后用线段树维护剩下的还有哪些点。 #include <cstdio> #include <cstring> #include <vector&