sunxboy
sunxboy

web设计与开发常见错误

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

本文是一份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,css,搜索引擎,浏览器,IE)

  • Spring MVC 面试题 A逍遥人世欢 面试springmvcjava
    概述什么是SpringMVC？简单介绍下你对SpringMVC的理解？SpringMVC是一个基于Java的实现了MVC设计模式的请求驱动类型的轻量级Web框架，通过把模型-视图-控制器分离，将web层进行职责解耦，把复杂的web应用分成逻辑清晰的几部分，简化开发，减少出错，方便组内开发人员之间的配合。SpringMVC的优点可以支持各种视图技术,而不仅仅局限于JSP；与Spring框架集成（如I
  • 从零实现OSS阿里云图片上传：前端采用的vue3+element-plus，后端采用javaspingboot，实现上传图片到云，然后存储数据库链接能够回显的效果 绝顶少年 阿里云前端数据库
    后端（JavaSpringBoot）1.添加依赖在pom.xml中添加必要的依赖，包括阿里云OSSSDK、SpringBootWeb、MyBatis-Plus等：org.springframework.bootspring-boot-starter-webcom.baomidoumybatis-plus-boot-starter3.4.3.4com.aliyun.ossaliyun-sdk-oss
  • 快速方便地在Linux上安装Chrome XyScala linuxchrome服务器
    在Linux系统上安装Chrome是许多用户的常见需求之一。Chrome是一款功能强大的网络浏览器，提供了快速、安全和稳定的浏览体验。本文将为您提供一种快速便捷的方法来安装Chrome浏览器。以下是在Linux系统上安装Chrome的步骤：步骤1：打开终端首先，打开终端。您可以通过在应用程序菜单中搜索"终端"来找到它。步骤2：添加GoogleChrome存储库在终端中，使用以下命令添加Google
  • 院士领衔、IEEE Fellow 坐镇，清华、上交大、复旦、同济等专家齐聚 2025 全球机器学习技术大会 CSDN资讯 机器学习人工智能
    随着Manus出圈，OpenManus、OWL迅速开源，OpenAI推出智能体开发工具，全球AI生态正经历新一轮智能体革命。大模型如何协同学习？大模型如何自我进化？新型强化学习技术如何赋能智能体？围绕这些关键问题，由CSDN&Boolan联合举办的「2025全球机器学习技术大会」将于4月18-19日在上海隆重举行。大会云集院士、10所高校科研工作者、近30家一线科技企业技术实战专家组成的超50位重
  • Spring MVC面试题（一） 码农 小王 springmvcjava
    1.什么是SpringMVC？全称为ModelViewController，SpringMVC是Spring的一个模块，基于MVC架构模式的一个框架2.SpringMVC优点？1.可用各种视图技术，不仅限于JSP2.支持各种请求资源映射策略3.SpringMVC工作原理？1.客户端发送请求到DispatcherServlet2.DispatcherServlet查询handlerMapping找到
  • web渗透--14--目录遍历/文件包含测试 武天旭 web渗透web安全渗透测试OWASP安全测试
    1、漏洞描述文件包含是指程序代码在处理包含文件的时候没有严格控制。导致用户可以构造参数包含远程代码在服务器上执行，并得到网站配置或者敏感文件，进而获取到服务器权限，造成网站被恶意删除，用户和交易数据被篡改等一系列恶性后果。主要包括本地文件包含和远程文件包含两种形式，由于开发人员编写源码，开放着将可重复使用的代码插入到单个的文件中，并在需要的时候将它们包含在特殊的功能代码文件中，然后包含文件中的代码
  • JavaScript的学习6——jQuery 十五春会
    文章目录jQuery选择器按ID查找按tag查找按class查找按属性查找组合查找多项选择器练习层级选择器子选择器（ChildSelector）过滤器（Filter）表单相关练习查找和过滤操作DOM修改Text和HTML修改CSS显示和隐藏DOM获取DOM信息操作表单修改DOM结构添加DOM删除节点练习事件鼠标事件键盘事件其他事件事件参数取消绑定事件触发条件浏览器安全限制练习动画show/hide
  • 深入解析STM32时钟树：从原理到实战配置 Electron-er stm32单片机嵌入式硬件
    目录引言一、STM32时钟树体系架构解析1.1时钟树全景图1.2核心时钟源详解二、时钟信号流向与控制逻辑2.1主时钟路径2.2关键分频系数2.3时钟门控机制三、CubeMX实战配置3.1配置步骤演示3.2代码生成分析四、调试技巧与常见问题4.1时钟诊断方法4.2典型故障排查五、高级应用技巧5.1动态时钟切换5.2时钟安全系统(CSS)5.3超频实践（风险提示）结语引言在嵌入式系统开发中，时钟系统堪
  • 今天项目中出现了一个xss漏洞 hello_simon phphtmlhacker
    代码是这样的：xxxx.com/en/index?siteId=">alert(document.cookie)smartyget没做过滤的，有点坑
  • pdf怎么转换成word？解锁 PDF 转 Word 的高效转换方法，轻松搞定的实用指南 hello_simon 在线工具php工具效率pdfwordPDF转wordpdf转换
    PDF转换成Word的简易指南在日常的工作和学习中，我们经常需要将PDF文件转换为Word文档，以便于编辑和修改。今天，我将为大家介绍一个简单的方法，利用小白工具网站，轻松实现PDF到Word的转换。一、访问小白工具网站首先，打开你的浏览器，输入网址：https://www.xiaobaitool.net/files/pdf-word/，进入小白工具的PDF转Word页面。这个网站提供了一个在线转
  • React篇之three渲染 这个一个非常哈 react.js前端前端框架
    需求：拖拽右侧面板，里面的three模型能够自适应import{useEffect,useState,useRef}from'react'import'./App.css'import*asTHREEfrom'three';import{GLTFLoader}from'three/addons/loaders/GLTFLoader.js';import{debounce}from'lodash';
  • 24.pocsuite3：开源的远程漏洞测试框架 白帽少女安琪拉 安全工具网络安全网络
    一、项目介绍pocsuite3是一款由Knownsec404Team开发的开源远程漏洞测试框架，专注于快速验证和利用已知漏洞。其通过模块化设计和插件化架构，支持用户编写自定义POC（ProofofConcept），覆盖Web漏洞、系统漏洞、数据库漏洞等多种类型，适用于红队渗透、漏洞验证及安全研究等场景。1.1核心功能模块化设计：支持编写、加载和执行自定义POC，灵活适应不同场景。内置丰富的POC库
  • HTML标记语言＜head＞中 的几个元素 2301_79698214 html前端
    在HTML文档中，部分包含了文档的元数据（metadata），这对于网页的正确显示和搜索引擎优化（SEO）非常重要。部分通常包含以下几个重要的元素：：定义了网页的标题，这个标题会显示在浏览器的标题栏或页面的标签上。例如：我的网页：用于定义网页的元数据，如字符集、页面描述、关键词、作者、视口设置等。例如：：用于链接外部资源，如CSS文件、图标（favicon）等。例如：：用于直接在文档中嵌入CSS样
  • 【推荐】爽，在 IDE 中做 LeetCode 题目的插件 ideleetcode
    大家好，我是V哥。今天给大家推荐一款神器插件，废话不多说，马上开整。leetcode-editor是一个可以在IDE中做LeetCode题目的插件仓库，以下是对该仓库的详细介绍：来看一下这个神器是啥基本信息名称：LeetcodeEditor支持平台：理论上支持IntelliJIDEA、PhpStorm、WebStorm、PyCharm、RubyMine、AppCode、CLion、GoLand、D
  • SpringBoot项目集成分布式任务调度平台XXL-JOB 樱花语 分布式开发SpringBootXXL-JOB
    一、概述XXL-JOB是一个轻量级分布式任务调度平台，其核心设计目标是开发迅速、学习简单、轻量级、易扩展。现已开放源代码并接入多家公司线上产品线，开箱即用。二、特性1、简单：支持通过Web页面对任务进行CRUD操作，操作简单，一分钟上手；2、动态：支持动态修改任务状态、启动/停止任务，以及终止运行中任务，即时生效；3、调度中心HA（中心式）：调度采用中心式设计，“调度中心”自研调度组件并支持集群部
  • 深入理解Tomcat：Java Web服务器的安装与配置 杨凯凡 JavaWebjavatomcat
    大家好！今天我们来聊聊JavaWeb开发中最重要的工具之一——ApacheTomcat。Tomcat是一个开源的JavaServlet容器和Web服务器，它是运行JavaWeb应用程序的核心环境。无论是开发、测试还是部署JavaWeb应用，Tomcat都是不可或缺的工具。本文将详细介绍Tomcat的安装、配置以及常见问题的解决方法，帮助你快速上手并深入理解Tomcat的工作原理。准备好了吗？让我们
  • Tomcat：开源Web服务器的中流砥柱 互联网动态分析 tomcat
    在当今的软件开发领域，Web服务器扮演着举足轻重的角色。它们不仅负责处理客户端的请求，还负责将相应的资源返回给客户端。而在众多Web服务器中，ApacheTomcat凭借其开源、稳定、高效的特点，成为了众多开发者和企业的首选。本文将深入探讨Tomcat的各个方面，包括其背景、功能、配置以及在现代Web开发中的应用。一、Tomcat的背景Tomcat，全称ApacheTomcat，是由Apache软
  • Websoft9：为开发者打造的高效 Linux 服务器面板 linuxlinux运维运维
    Websoft9作为一款以开源应用部署与管理为核心的服务器面板，其平台设计与运行环境深度耦合，形成了“环境即服务”的独特模式。这种关系体现在环境标准化、自动化配置、安全融合及资源管理等多个维度。以下从四个核心层面详细阐述二者的协同机制：一、运行环境标准化：平台能力的基石Websoft9的运行环境并非孤立存在，而是平台功能实现的底层支撑。多语言与框架的预集成•平台内置PHP、Python、Java、
  • 手写tomcat weixin_42218884 tomcatjava服务器
    1.前言对于JavaEE的初学者来说，大家学完JAVASE之后，马上进入了WEB阶段的学习。大家在JAVASE阶段写代码时,从头到尾都是自己写的，到了WEB阶段，尤其是进入Servlet的学习阶段，有人会感到困惑，怎么我写的代码看不到main函数了，服务端的Servlet是个什么东东呢?tomcat服务器到底底层做了哪些事情呢？为了帮助大家更好的理解tomcat服务器,也为了帮助大家更好的步入WE
  • .net 插件式开发——实现web框架中大数据算法嵌入(BP算法逼近) weixin_34219944 json人工智能
    关于算法的引入：插件式架构设计，可移植性强，利于算法的升级。【插件式开发相关资料】https://www.cnblogs.com/lenic/p/4129096.html以BP算法为例：1、首先定义一个接口规范////////插件的统一入口///publicinterfaceIPluginPerfrom{//////统一算法插件入口//////输出参数的个数///输出参数///输入参数///str
  • HTML5拼图游戏开发经验分享 木木黄木木 html5前端html
    HTML5拼图游戏开发经验分享这里写目录标题HTML5拼图游戏开发经验分享前言项目架构1.文件结构2.核心功能模块技术要点解析1.响应式布局2.图片处理3.拖拽交互4.动画效果性能优化开发心得项目亮点总结源码分享写在最后前言在Web前端开发领域，通过实战项目来提升编程技能是最有效的学习方式之一。今天我要分享一个HTML5拼图游戏的开发经验，这个项目涵盖了现代前端开发的多个重要概念，包括响应式设计、
  • Analysis of QFN package bridging phenomenon and suggestions for improvement px5213344 pcb工艺
    1.OverviewofthebridgingphenomenonBridginginQFNpackagesisparticularlycommonbetweentheinnerrowsofsolderjointsindouble-rowQFNs,andrelativelyrareinsingle-rowQFNs.Bridgingoccurswhensolderispressedagainstan
  • High-Temperature solder on Flip Chips and Low-Temperature Solder Paste on Laminate Substrates px5213344 pcb工艺
    Flip-chipinterconnectiontechnologyhasbeenwidelyusedinhigh-performanceandconsumerelectronics.High-performancepackaginghasachievedsteadydevelopment,realizingtheinterconnectionwithmorethan10,000I/Osandap
  • Linux系统之部署记忆配对网页小游戏 江湖有缘 玩转小游戏合集linux服务器web小游戏
    Linux系统之部署记忆配对网页小游戏一、小游戏介绍1.1小游戏简介1.2项目预览二、本次实践介绍2.1本地环境规划2.2本次实践介绍三、检查本地环境3.1检查系统版本3.2检查系统内核版本3.3检查软件源四、安装Apache24.1安装Apache2软件4.2启动apache2服务4.3查看apache2服务状态4.4防火墙设置4.5浏览器测试web服务五、部署小游戏5.1下载小游戏源码5.2查
  • ES6（4） Map 集合详解 Theodore_1022 ES6es6前端ecmascriptjavascript开发语言
    1.Map集合简介Map是ES6提供的一种新的键值对数据结构，与普通对象（Object）不同，Map的键可以是任意类型（包括对象、函数等）。2.创建Map集合可以使用newMap()创建一个Map，并在括号内传入一个二维数组来初始化键值对。letauthor=newMap([['name','theodore'],['age','21'],['web','https://blog.csdn.net
  • vue+ts+electron从客户端跳转网页，public文件中的图片不显示如何解决以及动态环境配置中数据获取不到 是小许同学吖 vue.jselectronubuntu前端typescript
    客户端跳转网页遇到的问题跳转新窗口打开浏览器客户端跳转网页，public文件中的图片不显示如何解决在.env.dev中设置的环境配置信息获取不到跳转新窗口打开浏览器从客户端跳转新窗口打开浏览器代码如下：//跳转新窗口，打开浏览器constgoNewWindows=(item:any)=>{console.log(item
  • kotlin与MVVM的结合使用总结（三） 每次的天空 kotlin前端开发语言
    在MVVM（Model-View-ViewModel）架构中，ViewModel（VM层）起到了连接视图（View）和数据模型（Model）的桥梁作用。它负责处理业务逻辑、管理数据状态，并将数据以一种可观察的方式提供给视图。以下将深入讲解在Kotlin中如何实现MVVM的VM层，并结合代码进行说明。创建ViewModel类ViewModel类负责处理业务逻辑和管理数据状态，并将数据以LiveDat
  • Unity中WolrdSpace下的UI展示在上层 程序员也有头发 Unity开发unityui游戏引擎
    一、问题描述Unity中Canvas使用WorldSpace布局的UI，想让它不被3d物体遮挡，始终显示在上层。二、解决方案使用shader解决在UI的材质中禁用深度测试（ZTest），强制UI始终渲染在最上层。Shader"Custom/UI_NoDepthTest"{Properties{...}SubShader{Tags{"Queue"="Transparent+1000"//设置高优先级
  • python/R 连接 clickhouse weixin_41283198 pythonclickhouser语言python大数据r语言
    1、python-clickhouseimportnumpyasnpfromclickhouse_driverimportClientimportpandasaspdsql=open('/opt/check_detect_local.sql','r',encoding='utf8')sqltxt=sql.readlines()print(len(sqltxt))sqls=[]foriinnp.ar
  • C# JIEBA.NET分词器开发指南 老胖闲聊 C#c#.net开发语言
    JIEBA.NET是Jieba分词器的.NET实现版本。Jieba是一个流行的中文分词工具，最初是用Python编写的，而JIEBA.NET将其移植到了.NET平台。它的核心功能是将连续的中文文本切分成有意义的词语（分词），并支持关键词提取、词性标注等功能。以下将通过JIEBA.NET的工作原理、分词过程拆解和案例实战三部分来进行详细讲解：一、工作原理1.分词的基本原理中文分词是将连续的中文字符序
  • mongodb3.03开启认证 21jhf mongodb
    下载了最新mongodb3.03版本，当使用--auth 参数命令行开启mongodb用户认证时遇到很多问题，现总结如下： （百度上搜到的基本都是老版本的，看到db.addUser的就是，请忽略） Windows下我做了一个bat文件，用来启动mongodb，命令行如下： mongod --dbpath db\data --port 27017 --directoryperdb --logp
  • 【Spark103】Task not serializable bit1129 Serializable
    Task not serializable是Spark开发过程最令人头疼的问题之一，这里记录下出现这个问题的两个实例，一个是自己遇到的，另一个是stackoverflow上看到。等有时间了再仔细探究出现Task not serialiazable的各种原因以及出现问题后如何快速定位问题的所在，至少目前阶段碰到此类问题，没有什么章法 1.   package spark.exampl
  • 你所熟知的 LRU(最近最少使用) dalan_123 java
    关于LRU这个名词在很多地方或听说，或使用，接下来看下lru缓存回收的实现 1、大体的想法     a、查询出最近最晚使用的项     b、给最近的使用的项做标记 通过使用链表就可以完成这两个操作，关于最近最少使用的项只需要返回链表的尾部；标记最近使用的项，只需要将该项移除并放置到头部，那么难点就出现 你如何能够快速在链表定位对应的该项？ 这时候多
  • Javascript 跨域 周凡杨 JavaScriptjsonp跨域cross-domain
                                       
  • linux下安装apache服务器 g21121 apache
    安装apache 下载windows版本apache，下载地址：http://httpd.apache.org/download.cgi   1.windows下安装apache Windows下安装apache比较简单，注意选择路径和端口即可，这里就不再赘述了。 2.linux下安装apache： 下载之后上传到linux的相关目录，这里指定为/home/apach
  • FineReport的JS编辑框和URL地址栏语法简介 老A不折腾 finereportweb报表报表软件语法总结
      JS编辑框： 1.FineReport的js。 作为一款BS产品，browser端的JavaScript是必不可少的。 FineReport中的js是已经调用了finereport.js的。 大家知道，预览报表时，报表servlet会将cpt模板转为html，在这个html的head头部中会引入FineReport的js，这个finereport.js中包含了许多内置的fun
  • 根据STATUS信息对MySQL进行优化 墙头上一根草 status
    mysql  查看当前正在执行的操作，即正在执行的sql语句的方法为:      show processlist 命令   mysql> show global status;可以列出MySQL服务器运行各种状态值，我个人较喜欢的用法是show status like '查询值%';一、慢查询mysql> show variab
  • 我的spring学习笔记7-Spring的Bean配置文件给Bean定义别名 aijuans Spring 3
    本文介绍如何给Spring的Bean配置文件的Bean定义别名？ 原始的 <bean id="business" class="onlyfun.caterpillar.device.Business"> <property name="writer"> <ref b
  • 高性能mysql 之 性能剖析 annan211 性能mysqlmysql 性能剖析剖析
    1 定义性能优化 mysql服务器性能，此处定义为 响应时间。 在解释性能优化之前，先来消除一个误解，很多人认为，性能优化就是降低cpu的利用率或者减少对资源的使用。 这是一个陷阱。 资源时用来消耗并用来工作的，所以有时候消耗更多的资源能够加快查询速度，保持cpu忙绿，这是必要的。很多时候发现 编译进了新版本的InnoDB之后，cpu利用率上升的很厉害，这并不
  • 主外键和索引唯一性约束 百合不是茶 索引唯一性约束主外键约束联机删除
    目标;第一步;创建两张表 用户表和文章表         第二步;发表文章       1,建表; ---用户表 BlogUsers --userID唯一的 --userName --pwd --sex create
  • 线程的调度 bijian1013 java多线程thread线程的调度java多线程
    1.       Java提供一个线程调度程序来监控程序中启动后进入可运行状态的所有线程。线程调度程序按照线程的优先级决定应调度哪些线程来执行。   2.       多数线程的调度是抢占式的（即我想中断程序运行就中断，不需要和将被中断的程序协商） a) 
  • 查看日志常用命令 bijian1013 linux命令unix
    一.日志查找方法，可以用通配符查某台主机上的所有服务器grep "关键字" /wls/applogs/custom-*/error.log   二.查看日志常用命令1.grep '关键字' error.log：在error.log中搜索'关键字'2.grep -C10 '关键字' error.log：显示关键字前后10行记录3.grep '关键字' error.l
  • 【持久化框架MyBatis3一】MyBatis版HelloWorld bit1129 helloworld
    MyBatis这个系列的文章，主要参考《Java Persistence with MyBatis 3》。   样例数据 本文以MySQL数据库为例，建立一个STUDENTS表，插入两条数据，然后进行单表的增删改查     CREATE TABLE STUDENTS ( stud_id int(11) NOT NULL AUTO_INCREMENT,
  • 【Hadoop十五】Hadoop Counter bit1129 hadoop
       1. 只有Map任务的Map Reduce Job File System Counters FILE: Number of bytes read=3629530 FILE: Number of bytes written=98312 FILE: Number of read operations=0 FILE: Number of lar
  • 解决Tomcat数据连接池无法释放 ronin47 tomcat 连接池　优化
    近段时间，公司的检测中心报表系统(SMC)的开发人员时不时找到我，说用户老是出现无法登录的情况。前些日子因为手头上 有Jboss集群的测试工作，发现用户不能登录时，都是在Tomcat中将这个项目Reload一下就好了，不过只是治标而已，因为大概几个小时之后又会 再次出现无法登录的情况。 今天上午，开发人员小毛又找到我，要我协助将这个问题根治一下，拖太久用户难保不投诉。 简单分析了一
  • java-75-二叉树两结点的最低共同父结点 bylijinnan java
    import java.util.LinkedList; import java.util.List; import ljn.help.*; public class BTreeLowestParentOfTwoNodes { public static void main(String[] args) { /* * node data is stored in
  • 行业垂直搜索引擎网页抓取项目 carlwu LuceneNutchHeritrixSolr
    公司有一个搜索引擎项目，希望各路高人有空来帮忙指导，谢谢！ 这是详细需求： （1） 通过提供的网站地址(大概100-200个网站)，网页抓取程序能不断抓取网页和其它类型的文件（如Excel、PDF、Word、ppt及zip类型），并且程序能够根据事先提供的规则，过滤掉不相干的下载内容。 （2） 程序能够搜索这些抓取的内容，并能对这些抓取文件按照油田名进行分类，然后放到服务器不同的目录中。
  • [通讯与服务]在总带宽资源没有大幅增加之前,不适宜大幅度降低资费 comsci 资源
          降低通讯服务资费，就意味着有更多的用户进入，就意味着通讯服务提供商要接待和服务更多的用户，在总体运维成本没有由于技术升级而大幅下降的情况下，这种降低资费的行为将导致每个用户的平均带宽不断下降，而享受到的服务质量也在下降，这对用户和服务商都是不利的。。。。。。。。     &nbs
  • Java时区转换及时间格式 Cwind java
    本文介绍Java API 中 Date, Calendar, TimeZone和DateFormat的使用，以及不同时区时间相互转化的方法和原理。   问题描述： 向处于不同时区的服务器发请求时需要考虑时区转换的问题。譬如，服务器位于东八区（北京时间，GMT+8:00），而身处东四区的用户想要查询当天的销售记录。则需把东四区的“今天”这个时间范围转换为服务器所在时区的时间范围。
  • readonly,只读，不可用 dashuaifu jsjspdisablereadOnlyreadOnly
    readOnly 和 readonly 不同，在做js开发时一定要注意函数大小写和jsp黄线的警告！！！我就经历过这么一件事： 使用readOnly在某些浏览器或同一浏览器不同版本有的可以实现“只读”功能，有的就不行，而且函数readOnly有黄线警告！！！就这样被折磨了不短时间！！！（期间使用过disable函数，但是发现disable函数之后后台接收不到前台的的数据！！！）  
  • LABjs、RequireJS、SeaJS 介绍 dcj3sjt126com jsWeb
    LABjs 的核心是 LAB（Loading and Blocking）：Loading 指异步并行加载，Blocking 是指同步等待执行。LABjs 通过优雅的语法（script 和 wait）实现了这两大特性，核心价值是性能优化。LABjs 是一个文件加载器。RequireJS 和 SeaJS 则是模块加载器，倡导的是一种模块化开发理念，核心价值是让 JavaScript 的模块化开发变得更
  • [应用结构]入口脚本 dcj3sjt126com PHPyii2
    入口脚本 入口脚本是应用启动流程中的第一环，一个应用（不管是网页应用还是控制台应用）只有一个入口脚本。终端用户的请求通过入口脚本实例化应用并将将请求转发到应用。 Web 应用的入口脚本必须放在终端用户能够访问的目录下，通常命名为 index.php，也可以使用 Web 服务器能定位到的其他名称。 控制台应用的入口脚本一般在应用根目录下命名为 yii（后缀为.php），该文
  • haoop shell命令 eksliang hadoophadoop shell
    cat chgrp chmod chown copyFromLocal copyToLocal cp du dus expunge get getmerge ls lsr mkdir movefromLocal mv put rm rmr setrep stat tail test text
  • MultiStateView不同的状态下显示不同的界面 gundumw100 android
    只要将指定的view放在该控件里面，可以该view在不同的状态下显示不同的界面，这对ListView很有用，比如加载界面，空白界面，错误界面。而且这些见面由你指定布局，非常灵活。 PS：ListView虽然可以设置一个EmptyView，但使用起来不方便，不灵活，有点累赘。 <com.kennyc.view.MultiStateView xmlns:android=&qu
  • jQuery实现页面内锚点平滑跳转 ini JavaScripthtmljqueryhtml5css
    平时我们做导航滚动到内容都是通过锚点来做，刷的一下就直接跳到内容了，没有一丝的滚动效果，而且 url 链接最后会有“小尾巴”，就像#keleyi，今天我就介绍一款 jquery 做的滚动的特效，既可以设置滚动速度，又可以在 url 链接上没有“小尾巴”。   效果体验：http://keleyi.com/keleyi/phtml/jqtexiao/37.htmHTML文件代码： &
  • kafka offset迁移 kane_xie kafka
    在早前的kafka版本中（0.8.0），offset是被存储在zookeeper中的。   到当前版本（0.8.2）为止，kafka同时支持offset存储在zookeeper和offset manager（broker）中。   从官方的说明来看，未来offset的zookeeper存储将会被弃用。因此现有的基于kafka的项目如果今后计划保持更新的话，可以考虑在合适
  • android > 搭建 cordova 环境 mft8899 android
      1 , 安装 node.js        http://nodejs.org      node -v   查看版本   2, 安装 npm   可以先从  https://github.com/isaacs/npm/tags  下载 源码 解压到
  • java封装的比较器，比较是否全相同，获取不同字段名字 qifeifei
     非常实用的java比较器，贴上代码： import java.util.HashSet; import java.util.List; import java.util.Set; import net.sf.json.JSONArray; import net.sf.json.JSONObject; import net.sf.json.JsonConfig; i
  • 记录一些函数用法 .Aky. 位运算PHP数据库函数IP
    高手们照旧忽略。 想弄个全天朝IP段数据库，找了个今天最新更新的国内所有运营商IP段，copy到文件，用文件函数，字符串函数把玩下。分割出startIp和endIp这样格式写入.txt文件，直接用phpmyadmin导入.csv文件的形式导入。（生命在于折腾，也许你们觉得我傻X，直接下载人家弄好的导入不就可以，做自己的菜鸟，让别人去说吧） 当然用到了ip2long()函数把字符串转为整型数
  • sublime text 3 rust wudixiaotie Sublime Text
    1.sublime text 3 => install package => Rust 2.cd ~/.config/sublime-text-3/Packages 3.mkdir rust 4.git clone https://github.com/sp0/rust-style 5.cd rust-style 6.cargo build --release 7.ctrl
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他