勤劳的码农
勤劳的码农

响应式网站对百度友好关键

一、什么样的网站适合做自适应
　　自适应网页设计(Responsive Web Design)是指可以自动识别终端设备屏幕的大小从而做出相应调整的网页设计方法。这种网页设计方法完美解决了如何在不同大小的网络设备上呈现同样的网页效果。大家公认自适应至少有4个好处:提升用户体验；PC端和移动端SEO保持一致；避免重复内容和出错内容；链接统一。

而自适应比较明显的缺陷是，开发成本比较高，尤其是要构建包含额外编程的复杂的自适应网站，所需的时间会比较长。如果网站需求较简单，有许多开源模板可供选择。

对于已经比较成熟PC网站来说，如果要实现全站的自适应，有可能需要推掉原来所有的代码进行重构，时间和技术成本都比较大，而且如果一个网站有多个portal（入口），会大大增加架构设计的复杂度，所以现在有很多网站只在移动端实现了响应式布局设计。

二、自适应网页代码上需要做出哪些调整
1、 阻止移动浏览器自动调整页面大小
　　iOS和Android浏览器都基于webkit核心，这两种浏览器以及其他的很多浏览器都支持viewport meta元素覆盖默认的画布缩放设置，只需在HTML的<head>标签中插入一个<meta>标签，<meta>标签中可以设置具体的宽度(如像素值)或者缩放比例2.0(设备实际尺寸的两倍)，下面是将一个页面放大到设备实际尺寸两倍显示的meta标签示例:
　　<meta name=”viewport” content=”initial-scale=2.0,width=device-width”/>

2、将网页修改为百分比布局
　　当某个浏览窗口处于媒体查询固定的范围之外，网页就需要水平滚动才能完整浏览，而通过百分比布局可以页面元素根据窗口大小在一个又一个媒体查询之间灵活修正样式，具体来讲，就是css代码不会指定具体像素宽度：width:xxx px;而是会指定一个百分比宽度：width:xx%;或者直接就是width:auto;这里大家可以根据一个简易的公式将固定像素宽度转换成对应的百分比宽度：目标元素宽度 ÷ 上下文元素宽度 = 百分比宽度
例如：
<div id =”wraper”>
  <divid = “header”></div>
         </div>
         #wrapper {
           margin-right: auto;
           margin-left: auto;
           width: 960px;
         }
         #header {
           margin-right: 10px;
           margin-left:10px;
           width: 940px;
         }

转换为百分比的header区块的css为：
         #header {
           margin-right: 10px;
           margin-left: 10px;
           width: 97.916667% /* 940 ÷ 960 */
         }

3、用em替换px
　　同样，目标元素宽度 ÷ 上下文元素宽度 = 百分比宽度这个公式也适用于将文字的像素单位转换为相对单位，值得注意的是，现代浏览器的默认文字都是16像素，因此一开始给body标签应用下列任何一条规则所产生的效果都一样:
   font-size: 100%;
   font-size:16px;
   font-size: 1em;

例如某网站网站标题相应的样式:
#logo {
   display: block;
   padding-top: 75px;
   color: #0d0c0c;
   font-family: Arial;
   font-size: 48px;
}

修改后的样式如下:
#logo{
   display: block;
   padding-top: 75px;
   color: #0d0c0c;
   font-family:Arial;
   font-size:3em /* 48 ÷ 16 */
}

4、流动布局（fluid grid）的使用
　　“流动布局”指的是各个区块的位置都浮动，不是固定不变的。
　　.main {float: right;width: 70%;}
　　.leftBar {float: left;width: 25%;}
　　这么做的好处是，如果宽度太小，放不下两个元素，后面的元素会自动滚动到前面元素的下方，不会在水平方向溢出，避免了水平滚动条的出现，大大提升了用户的阅读体验。另外，绝对定位（position:absolute）的使用，也要非常小心。

5、Media Query技术的使用
　　在自适应设计的技术中，css3支持css2.1定义的媒体类型，同时添加了很多涉及媒体类型的功能属性，包括max-width(最大宽度)，device-width(设备宽度，orientation(屏幕定向:横屏或竖屏)，因此可以通过Media Query加载相应的CSS文件.       例如，下面代码定义了如果页面通过屏幕呈现，并且屏幕宽度不超过480px,则加载shetland.css
　　<link rel="stylesheet" type="text/css" media="screen and (max-device-width: 480px)"　href="shetland.css" />
　　同样可以创建多个样式表，以适应不同设备或者不同分辨率的宽度范围，当然更有效的做法是将多个Media Query整合在一个样式表文件中:
@media only screen and (min-devece-width: 320px) and (max-device-width: 480px) {
   /* Styles */
} 
  @media screen and (min-width: 600px) {
.hereIsMyClass {
  width: 30%;
  float: right;
}

　　上面的代码中定义的样式类只有在浏览器屏幕宽度超过600px时才会有效。

　　因此，使用min-width和max-width可以同时判断屏幕尺寸与浏览器实际宽度，如果希望通过Media Query作用于某种特定设备，但忽略在其上运行的浏览器是否由于没有最大化尺寸与设备屏幕尺寸不一致，则可以使用max-device-width和max-device-width属性来判断设备本身屏幕尺寸。
　　Media Query不是唯一的解决方案，同样可以通过Javascript来实现自适应设计，特别是某些旧浏览器无法完美支持CSS3的Media Query时，它可以作为备选方案。当然，我们仍然能借助专业的Javascript库来帮助旧浏览器(IE5+,Firefox 1+,Safari 2等)支持CSS3的Media Queries.使用方法:下载css3-mediaqueries.js,然后在页面中调用它即可，例如:
　<!--[if lt IE 9]>
    <script src=http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js></script>
  <![endif]-->

6、 设计响应式图片
　　有很多同比缩放图片的技术，其中有不少是简单易行的，比较流行的方法是使用CSS的max-width属性：
 img { max-width: 100%;}
老版本的IE不支持max-width，所以只好写成：
img { width: 100%; }此外，windows平台缩放图片时，可能出现图像失真现象。这时，可以尝试使用IE的专有命令：
img { -ms-interpolation-mode: bicubic; }
或者，Ethan Marcotte的imgSizer.js。
addLoadEvent(function() {
var imgs = 
ocument.getElementById("content").getElementsByTagName("img");
imgSizer.collate(imgs);
});
如果有条件的话，最好能根据屏幕的不同大小，加载不同分辨率的图片。

三、 自适应站点对百度友好的关键
1，applicable-device标注应该怎么写
　　有了自适应设计的网页，还要照顾到对百度友好的设计，即告诉百度“我是自适应页面”方便百度进行识别校验。方法也很简单，只要在上面viewport标签下面再添加一个applicable-device标签就行：
<meta name="applicable-device" content="pc,mobile">
表示页面同时适合在移动设备和PC上进行浏览。

2，在使用百度站长平台链接提交工具的sitemp进行提交时，要做mobile type标记，具体取值：
<mobile:mobile type="pc,mobile"/>

其他网页取值如下： 
<mobile:mobile/> ：移动网页
<mobile:mobile type="mobile"/> ：移动网页
<mobile:mobile type="htmladapt"/>：代码适配
无该上述标签表示为PC网页

原文：http://zhanzhang.baidu.com/college/documentinfo?id=481&page=4

你可能感兴趣的:(响应式网站对百度友好关键)

  • postcss插件-实现vw适配 ordinary90 前端全栈开发VUEpostcss前端javascript
    PostCSS是一个用JavaScript编写的插件工具，它可以帮助我们对CSS进行模块化、自动化处理和优化。使用PostCSS插件可以扩展CSS的功能，实现更多的特性，其中一个常用的插件就是实现vw适配的插件。vw（ViewportWidth）是CSS3中的一个单位，它表示相对于视口宽度的百分比。使用vw单位可以根据视口的大小，实现自适应布局。在移动端开发中，vw适配可以帮助我们在不同的屏幕尺寸
  • 从CentOS到龙蜥：企业级Linux迁移实践记录（龙蜥开局） 名为逗比 linuxcentos运维
    引言：在我们之前的文章中，我们详细探讨了从CentOS迁移到龙蜥操作系统的基本过程和考虑因素。今天，我们将继续这个系列，重点关注龙蜥系统的实际应用——特别是常用软件的安装和配置。龙蜥操作系统（OpenAnolis）作为一个强大的企业级Linux发行版，不仅提供了稳定的基础环境，还支持广泛的软件生态系统。对于从CentOS迁移过来的用户来说，了解如何在龙蜥上安装和管理常用软件是确保平稳过渡的关键步骤
  • Vue+ArcGIS API for JS实现地图邮编分区以及定位的区域高亮 小伙伴123456 arcgisjavascript开发语言vue.js前端
    前言最近公司开发国际物流系统，如果使用国内地图，类似百度，腾讯，高德地图，那么国外的地理信息不会那么全，而且获取邮编api只对国内生效，所以考虑使用esri公司的arcgis地图，但是这个地图在国内社区并不完善，踩过很多坑，在网上也找不到相关的解决办法。在此分享给需要做类似需求的小伙伴，希望能帮到大家。官网：https://www.esri.com/zh-cn/arcgis/products/de
  • 企业架构业务流程设计五步法 公众号：优享智库 数字化转型数据治理主数据数据仓库架构
    企业架构业务流程设计五步法企业架构与业务流程概述企业架构定义及重要性业务流程概念及作用企业架构与业务流程关系第一步：明确战略目标与需求确定企业战略目标分析业务需求及痛点制定项目目标与计划第二步：梳理现有业务流程调研现有业务流程情况识别关键业务环节及问题评估现有流程效率与效果第三步：设计优化方案与实施路径制定优化策略及原则设计新业务流程框架图规划实施步骤与时间表第四步：落地实施与持续改进搭建支持新流
  • 深度学习模块C2f代码详解 你是狒狒吗 目标检测人工智能计算机视觉pytorchYOLO神经网络
    C2f是一个用于构建卷积神经网络（CNN）的模块，特别是在YOLOv5和YOLOv8等目标检测模型中。这个模块是一个改进的CSP（CrossStagePartial）Bottleneck结构，旨在提高计算效率和特征提取能力。下面是对C2f类的详细解释：类定义和初始化Python复制classC2f(nn.Module):“”“FasterImplementationofCSPBottleneckw
  • 数据仓库数据质量监控：实现准确决策的关键 百度_开发者中心 程序人生
    随着企业数据量的不断增加，数据仓库已成为企业运营的重要支柱。为了保证数据仓库中的数据能够准确、及时地支持决策，数据仓库数据质量监控变得至关重要。本文将重点介绍数据仓库数据质量监控的相关概念和实践方法。一、数据仓库数据质量监控的概念数据质量数据质量是指数据的准确性、完整性、一致性、及时性和可利用性。在数据仓库中，数据质量问题是不可避免的，因为数据来源广泛、格式多样、转换复杂，容易引入错误。数据质量监
  • 文秘要学计算机吗,高考志愿：计算机专业和文秘专业哪个适合女生？ weixin_39707851 文秘要学计算机吗
    原标题：高考志愿：计算机专业和文秘专业哪个适合女生？肯定是文秘专业更加适合女生吧，这对绝大部分女生来说是适用的。其实目前对高中毕业之后读大专的话，能够选择的热门专业不多。目前这个文秘类的专业，像这种速度方向的专业的话，还算是比较热门的。对于绝大部分大专生而言，尤其是女生而言是比较适合报考这种文秘类的专业的。因为目前来说像文秘类这种专业，社会上的需求比较大的。虽然目前有出现这种人工智能方面的软件，减
  • 计算机专业毕业可以做文秘吗,高考志愿：计算机专业和文秘专业哪个适合女生？... ShuYini 计算机专业毕业可以做文秘吗
    原标题：高考志愿：计算机专业和文秘专业哪个适合女生？肯定是文秘专业更加适合女生吧，这对绝大部分女生来说是适用的。其实目前对高中毕业之后读大专的话，能够选择的热门专业不多。目前这个文秘类的专业，像这种速度方向的专业的话，还算是比较热门的。对于绝大部分大专生而言，尤其是女生而言是比较适合报考这种文秘类的专业的。因为目前来说像文秘类这种专业，社会上的需求比较大的。虽然目前有出现这种人工智能方面的软件，减
  • lineage os android 9,LineageOS 16.0 发布，基于 Android 9 哈里叔叔 lineageosandroid9
    自源自CyanogenMod的社区项目LineageOS开始向部分型号手机推出基于Android9的16.0。8月份以来，LineageOS一直在努力将独特功能移植到这个新版本的Android上。由于在上一个版本中进行了大量的清理和重构，这次能够更多地关注特性和可靠性;特别是，隐私保护和su插件都得到了相当大的改进。通过对StylesAPI进行一些细微更改，它现在与Android中最终成为默认实现
  • 使用工具深度优化Docker镜像 ivwdcwso 运维docker容器云原生
    1.引言Docker镜像优化是容器化应用开发中的关键环节。一个优化良好的镜像不仅可以减少存储和传输成本，还能提升应用的启动速度和安全性。然而，优化镜像的同时，必须确保镜像的功能不受影响。本文将从专业研究员的角度，详细介绍如何使用工具深度优化Docker镜像，并确保优化后的镜像能够正常运行。2.Docker镜像优化的核心目标减小镜像体积：减少存储和传输成本。提升构建效率：通过缓存和并行构建减少构建时
  • Python 对海表面温度进行EOF分解与前n模态合成 我有一个梦想——人在家中葛优躺 pythonmatplotlib
    一、EOF分解数据来源：来自NOAA的2017-2021年0.25°×0.25°的日平均OISST数据（海表面温度数据）。关于EOF的理解：利用2017-2020年4年数据进行EOF分解，2021年1月1日的数据来做合成检验。对长度是1461的二维海表面温度数据进行分解，分解得到的时间序列一共1461组长度1461的时间序列，一共1461个二维空间模态。按照方差大小从前到后。代码实现：import
  • 「C/C++」C++关键字 之 mutable 可变变量关键字 何曾参静谧 c语言c++java
    ✨博客主页何曾参静谧的博客（✅关注、点赞、⭐收藏、转发）全部专栏（专栏会有变化，以最新发布为准）「Win」Windows程序设计「IDE」集成开发环境「定制」定制开发集合「C/C++」C/C++程序设计「DSA」数据结构与算法「UG/NX」NX二次开发「QT」QT5程序设计「File」数据文件格式「UG/NX」BlockUI集合「Py」Python程序设计「Math」探秘数学世界「PK」Paras
  • 华为 Ascend 平台 YOLOv5 目标检测推理教程 Lunar* 目标检测华为YOLO目标检测
    1.背景介绍随着人工智能技术的快速发展，目标检测在智能安防、自动驾驶、工业检测等领域中扮演了重要角色。YOLOv5是一种高效的目标检测模型，凭借其速度和精度的平衡广受欢迎。华为Ascend推理框架（ACL）是AscendCANN软件栈的核心组件，专为AscendAI加速硬件（如Atlas300I）设计，可实现高性能的深度学习推理。在本文中，我们将介绍如何基于华为AscendACL推理框架对YOLO
  • Vue.js组件开发-如何实现表头搜索 LCG元 前端vue.js
    在Vue.js组件开发中，实现表头搜索通常涉及在表格组件的表头添加输入框，并让用户能够输入搜索关键字来过滤表格数据。以下是一个使用ElementUI的el-table组件实现表头搜索的示例：一、准备阶段‌确保ElementUI已安装‌：确保Vue项目中已经安装了ElementUI，并且已经在项目中引入。‌准备表格数据‌：在Vue组件中准备一份表格数据，通常是一个数组。二、实现表头搜索‌定义搜索关键
  • 试题转excel；word转excel；大风车excel(1.1更新) 流形填表 excelword
    更新了大风车excel1.1版本主要优化在算法层面：1.0版本试题解析的成功率为95%，现在1.1版本已经优化到解析成功率为99%一、问题描述一名教师朋友，偶尔会需要整理一些高质量的题目到excel中以往都是手动复制搬运，几百道题几乎需要一个下午的时间关键这些事，枯燥无聊费眼睛，实在是看起来就很蠢的工作就想着做一个工具，可以自动处理这个工作，自动将word试题按照要求写入excel中，自动整理试题
  • 试题转excel；试题整理；试卷转Excel，word试题转excel 流形填表 excelword
    一、问题描述我父亲是一名教师，偶尔会需要整理一些高质量的题目到excel中以往都是手动复制搬运，几百道题几乎需要一个下午的时间关键这些事，枯燥无聊费眼睛，实在是看起来就很蠢的工作就想着做一个工具，可以自动处理这个工作，自动将word试题按照要求写入excel中，自动整理试题比如：图片中有550道选择题的文档，有很多不需要的信息，开头语，页眉页脚，还有广告、水印我也看了市面上一些处理方法大都是用正则
  • 行为识别的方法 人工智能专属驿站 深度学习
    行为识别主要有以下几大类方法，每类方法各有特点及典型算法：传统方法特点：利用手工设计特征对行为进行表征，再用统计学习的分类方法进行识别。需一定专业知识设计特征，耗费人力物力，对复杂场景、遮挡等适应性差，但对简单背景、规则动作识别效果尚可。典型算法：时空关键点（Space-TimeInterestPoints）：基于视频图像中的关键点在时空维度上的变化来提取动作特征，但可能忽略视频细节，泛化能力较弱
  • 电商数据API接口：开启个性化服务的新篇章 lovelin+vI7809804594 大数据人工智能python爬虫网络
    在当今高度互联和数字化的世界中，电商行业正经历着前所未有的变革。随着技术的不断进步和消费者需求的变化，电商平台需要不断寻求创新和优化，以适应市场的快速发展。在这个过程中，API接口（应用程序编程接口）成为了电商转型的关键驱动力，推动了电商行业的数字化进程。本文将深入探讨API接口在电商个性化服务中的作用、影响以及未来的发展趋势，以期为电商行业的从业者提供有价值的参考和启示。一、电商API接口的定义
  • 【PyCharm】成功解决“无法保存设置。请重新启动 PyCharm” keira674 pycharm
    设置了解释器，但是提示“无法保存设置。请重新启动PyCharm”，百度了说是因为存放文件的这个盘要有系统管理员权限才能写入，解决办法是，运行pycharm的时候右键以管理员身份运行。成功解决。
  • 浅谈滤波中Q和R的调整——KF第三篇笔记 MATLAB卡尔曼 卡尔曼专题免费专栏开发语言kalman卡尔曼滤波算法
    前段时间收到私信和email，问我关于Q和R怎么取、如何调。前面说过p0和x0怎么找的问题，Q和R怎么找还没有说过，这里就简单探讨一下。Q和R的意义Q值为过程噪声，越小系统越容易收敛，表示对模型预测的值信任度越高；但是太小则容易发散，如果Q为零，那么我们只相信预测值；Q值越大表示对于预测的信任度就越低，而对测量值的信任度就变高；如果Q值无穷大，那么则表示信任测量值。R值为测量噪声。R太大，滤波的响
  • 电商平台的API接口创新：开启智能化新时代 FB13713612741 人工智能python爬虫oneapi
    在当今数字化驱动的商业世界中，电商平台正以前所未有的速度蓬勃发展，成为经济增长的重要引擎。而在这一繁荣景象的背后，API接口（ApplicationProgrammingInterface，应用程序编程接口）的创新扮演着至关重要的角色。它们不仅为电商业务的高效运行和持续创新提供了坚实的支撑，更是开启智能化新时代的关键力量。一、API接口在电商平台中的基础作用API接口是一种定义和程序间交互的协议和
  • 阿里巴巴商品搜索结果页结构复杂吗？ 小爬虫程序猿 Javapython爬虫信息可视化
    阿里巴巴商品搜索结果页的结构相对复杂，但通过合理的方法和工具，可以有效地解析和提取所需信息。以下是对阿里巴巴商品搜索结果页结构的分析：一、返回值的主要组成部分（一）商品总数（totalItems）表示搜索到的商品总数，这一数值直接反映了搜索结果的规模。电商平台可以根据商品总数判断是否需要进行分页处理，以优化用户体验。（二）商品列表（items）包含与搜索关键字匹配的商品列表，每个商品都是一个对象，
  • 人工智能领域单词：英文解释 周杰伦_Jay 人工智能深度学习神经网络中文分词全文检索
    目录1、前言2、单词组1：15个3、单词组2：15个4、单词组3：15个5、单词组4：15个6、单词组5：15个1、前言亲爱的家人们，创作很不容易，若对您有帮助的话，请点赞收藏加关注哦，您的关注是我持续创作的动力，谢谢大家！有问题请私信或联系邮箱：[email protected]、单词组1：15个1、人工智能(ArtificialIntelligence,AI):atechnologythatsi
  • 自动驾驶中的混合决策架构 AI天才研究院 ChatGPTAI大模型企业级应用开发实战大数据AI人工智能大厂Offer收割机面试题简历程序员读书硅基计算碳基计算认知计算生物计算深度学习神经网络大数据AIGCAGILLMJavaPython架构设计Agent程序员实现财富自由
    自动驾驶中的混合决策架构关键词：自动驾驶、混合决策架构、决策模型、算法、数学模型、项目实战摘要：本文将深入探讨自动驾驶中的混合决策架构，从基础理论到实际应用，全面解析这一领域的核心概念、算法原理及其在自动驾驶中的具体应用。通过详细的项目实战案例，本文旨在为读者提供全面的技术指导和深刻的思考。第一部分：自动驾驶基础理论第1章：自动驾驶概述自动驾驶技术的发展背景源于人类对便捷、安全和高效的交通出行的需
  • 大模型开发的5种应用架构 我爱学大模型 大数据人工智能自然语言处理大模型机器人大模型开发ai大模型计算机技术
    架构对一个项目来说至关重要，它们能帮助构建高效、可维护的系统。然而，当我们进入大模型应用领域时，传统的设计模式似乎不再完全适用。生成式AI等新兴技术的出现，使得我们在设计这些系统时面临前所未有的挑战。在大模型应用实现过程中存在许多独特的问题，例如高昂的成本、较长的响应延迟以及生成内容的不确定性。这些问题要求我们在设计时采用新的方法和策略，以确保系统的稳定性和效率。为了解决这些问题，总结了一些针对大
  • 华为云计算平台架构介绍 单车~ 算法数据结构
    在当今数字化时代，云计算已成为企业实现数字化转型和创新发展的关键支撑技术。华为作为全球领先的信息与通信技术（ICT）解决方案供应商，凭借先进的技术和创新的设计，其云计算平台架构为用户提供了高效、可靠、安全且灵活的云计算服务。一、总体架构概述华为云计算平台架构秉持分层设计的理念，涵盖了基础设施层（IaaS）、平台层（PaaS）以及应用层（SaaS）。这样的分层架构，能够让各层实现独立的扩展与优化，并
  • Oracle 学习全攻略 来恩1003 Oracleoracle学习数据库
    Oracle学习资料Oracle学习资料Oracle学习资料在当今信息技术蓬勃发展的时代，数据库管理系统起着举足轻重的作用，而Oracle作为行业内的领军者，以其强大、稳定、高效的特性，广泛应用于金融、电信、政府等诸多关键领域。若你渴望踏入数据库领域的高阶殿堂，开启Oracle的学习之旅无疑是明智之举。以下将为你详细阐述Oracle的学习路径。一、入门奠基：环境搭建与初步认知了解Oracle体系架
  • 华为CANN架构与Ascend C算子开发 z1931195 华为
    CANN架构CANN（ComputeArchitectureforNeuralNetworks）是华为专为应对人工智能场景而推出的一种新型异构计算架构。在当前快速发展的AI技术背景下，CANN致力于提供一种高效且灵活的解决方案，以支持多种AI框架的应用。其设计不仅仅关注于上层应用的兼容性，同时也服务于底层AI处理器的优化和编程需求，发挥了承上启下的关键作用，成为华为昇腾AI处理器计算效率提升的核心
  • 数据仓库的复用性：流程层面 PersistDZ 大数据与AI数据仓库
    在数据仓库建设中，流程层面的复用性是提高开发效率和数据质量的关键。通过标准化ETL流程、模块化设计，以及实时与离线共用的架构，可以最大化数据处理流程的复用性，降低复杂度。以下是详细的介绍和落地方案。1.标准化ETL流程1.1标准化ETL的意义提高流程一致性，减少人为失误。降低维护成本，方便团队协作。支持多项目间共享和复用。1.2标准化ETL设计方法1.2.1标准化流程定义将ETL过程拆分为抽取（E
  • 数据仓库复用性：业务需求复用性设计 PersistDZ 大数据与AI数据仓库
    数据仓库的业务需求复用性设计是提升数据架构灵活性和扩展性的关键部分。以下是几个关键点，可以帮助实现业务需求复用性的设计：1.通用报表的复用标准化数据模型：设计通用的数据模型，例如通用的事实表和维度表，使得报表可以通过这些模型灵活生成，而不需要为每个报表单独设计数据结构。通过定义通用的维度，如时间维度、客户维度等，可以在不同业务场景下复用。报表模板化：将常见的报表需求抽象为模板，例如销售报表、财务报
  • 继之前的线程循环加到窗口中运行 3213213333332132 javathreadJFrameJPanel
    之前写了有关java线程的循环执行和结束，因为想制作成exe文件，想把执行的效果加到窗口上，所以就结合了JFrame和JPanel写了这个程序，这里直接贴出代码，在窗口上运行的效果下面有附图。 package thread; import java.awt.Graphics; import java.text.SimpleDateFormat; import java.util
  • linux 常用命令 BlueSkator linux命令
    1.grep 相信这个命令可以说是大家最常用的命令之一了。尤其是查询生产环境的日志，这个命令绝对是必不可少的。 但之前总是习惯于使用 （grep -n 关键字 文件名 ）查出关键字以及该关键字所在的行数，然后再用 （sed -n  '100,200p' 文件名），去查出该关键字之后的日志内容。 但其实还有更简便的办法，就是用（grep  -B n、-A n、-C n 关键
  • php heredoc原文档和nowdoc语法 dcj3sjt126com PHPheredocnowdoc
    <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Current To-Do List</title> </head> <body> <?
  • overflow的属性 周华华 JavaScript
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q
  • 《我所了解的Java》——总体目录 g21121 java
            准备用一年左右时间写一个系列的文章《我所了解的Java》，目录及内容会不断完善及调整。         在编写相关内容时难免出现笔误、代码无法执行、名词理解错误等，请大家及时指出，我会第一时间更正。    &n
  • [简单]docx4j常用方法小结 53873039oycg docx
            本代码基于docx4j-3.2.0，在office word 2007上测试通过。代码如下:         import java.io.File; import java.io.FileInputStream; import ja
  • Spring配置学习 云端月影 spring配置
    首先来看一个标准的Spring配置文件 applicationContext.xml <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi=&q
  • Java新手入门的30个基本概念三 aijuans java新手java 入门
    17.Java中的每一个类都是从Object类扩展而来的。　　18.object类中的equal和toString方法。　　equal用于测试一个对象是否同另一个对象相等。　　toString返回一个代表该对象的字符串,几乎每一个类都会重载该方法,以便返回当前状态的正确表示.(toString 方法是一个很重要的方法)　　 19.通用编程:任何类类型的所有值都可以同object类性的变量来代替。　
  • 《2008 IBM Rational 软件开发高峰论坛会议》小记 antonyup_2006 软件测试敏捷开发项目管理IBM活动
    我一直想写些总结,用于交流和备忘,然都没提笔,今以一篇参加活动的感受小记开个头,呵呵! 其实参加《2008 IBM Rational 软件开发高峰论坛会议》是9月4号,那天刚好调休.但接着项目颇为忙,所以今天在中秋佳节的假期里整理了下. 参加这次活动是一个朋友给的一个邀请书,才知道有这样的一个活动,虽然现在项目暂时没用到IBM的解决方案,但觉的参与这样一个活动可以拓宽下视野和相关知识.
  • PL/SQL的过程编程,异常,声明变量,PL/SQL块 百合不是茶 PL/SQL的过程编程异常PL/SQL块声明变量
    PL/SQL;    过程; 符号; 变量; PL/SQL块; 输出; 异常;     PL/SQL 是过程语言(Procedural Language)与结构化查询语言(SQL)结合而成的编程语言PL/SQL 是对 SQL 的扩展,sql的执行时每次都要写操作
  • Mockito(三)--完整功能介绍 bijian1013 持续集成mockito单元测试
            mockito官网：http://code.google.com/p/mockito/，打开documentation可以看到官方最新的文档资料。 一.使用mockito验证行为 //首先要import Mockito import static org.mockito.Mockito.*; //mo
  • 精通Oracle10编程SQL(8)使用复合数据类型 bijian1013 oracle数据库plsql
    /* *使用复合数据类型 */ --PL/SQL记录 --定义PL/SQL记录 --自定义PL/SQL记录 DECLARE TYPE emp_record_type IS RECORD( name emp.ename%TYPE, salary emp.sal%TYPE, dno emp.deptno%TYPE ); emp_
  • 【Linux常用命令一】grep命令 bit1129 Linux常用命令
    grep命令格式   grep [option] pattern [file-list]     grep命令用于在指定的文件(一个或者多个,file-list)中查找包含模式串(pattern)的行,[option]用于控制grep命令的查找方式。   pattern可以是普通字符串，也可以是正则表达式，当查找的字符串包含正则表达式字符或者特
  • mybatis3入门学习笔记 白糖_ sqlibatisqqjdbc配置管理
    MyBatis 的前身就是iBatis，是一个数据持久层(ORM)框架。  MyBatis 是支持普通 SQL 查询，存储过程和高级映射的优秀持久层框架。MyBatis对JDBC进行了一次很浅的封装。   以前也学过iBatis，因为MyBatis是iBatis的升级版本，最初以为改动应该不大，实际结果是MyBatis对配置文件进行了一些大的改动，使整个框架更加方便人性化。
  • Linux 命令神器：lsof 入门 ronin47 lsof
           lsof是系统管理/安全的尤伯工具。我大多数时候用它来从系统获得与网络连接相关的信息，但那只是这个强大而又鲜为人知的应用的第一步。将这个工具称之为lsof真实名副其实，因为它是指“列出打开文件（lists openfiles）”。而有一点要切记，在Unix中一切（包括网络套接口）都是文件。 有趣的是，lsof也是有着最多
  • java实现两个大数相加，可能存在溢出。 bylijinnan java实现
    import java.math.BigInteger; import java.util.regex.Matcher; import java.util.regex.Pattern; public class BigIntegerAddition { /** * 题目：java实现两个大数相加，可能存在溢出。 * 如123456789 + 987654321
  • Kettle学习资料分享，附大神用Kettle的一套流程完成对整个数据库迁移方法 Kai_Ge Kettle
    Kettle学习资料分享   Kettle 3.2 使用说明书 目录 概述..........................................................................................................................................7 1.Kettle 资源库管
  • [货币与金融]钢之炼金术士 comsci 金融
           自古以来,都有一些人在从事炼金术的工作.........但是很少有成功的        那么随着人类在理论物理和工程物理上面取得的一些突破性进展......        炼金术这个古老
  • Toast原来也可以多样化 dai_lm androidtoast
    Style 1： 默认 Toast def = Toast.makeText(this, "default", Toast.LENGTH_SHORT); def.show(); Style 2： 顶部显示 Toast top = Toast.makeText(this, "top", Toast.LENGTH_SHORT); t
  • java数据计算的几种解决方法3 datamachine javahadoopibatisr-languer
    4、iBatis     简单敏捷因此强大的数据计算层。和Hibernate不同，它鼓励写SQL，所以学习成本最低。同时它用最小的代价实现了计算脚本和JAVA代码的解耦，只用20%的代价就实现了hibernate 80%的功能,没实现的20%是计算脚本和数据库的解耦。     复杂计算环境是它的弱项，比如：分布式计算、复杂计算、非数据
  • 向网页中插入透明Flash的方法和技巧 dcj3sjt126com htmlWebFlash
    将 Flash 作品插入网页的时候，我们有时候会需要将它设为透明，有时候我们需要在Flash的背面插入一些漂亮的图片，搭配出漂亮的效果……下面我们介绍一些将Flash插入网页中的一些透明的设置技巧。 　　一、Swf透明、无坐标控制　　首先教大家最简单的插入Flash的代码，透明，无坐标控制： 　　注意wmode="transparent"是控制Flash是否透明
  • ios UICollectionView的使用 dcj3sjt126com
    UICollectionView的使用有两种方法，一种是继承UICollectionViewController，这个Controller会自带一个UICollectionView；另外一种是作为一个视图放在普通的UIViewController里面。 个人更喜欢第二种。下面采用第二种方式简单介绍一下UICollectionView的使用。 1.UIViewController实现委托，代码如
  • Eos平台java公共逻辑 蕃薯耀 Eos平台java公共逻辑Eos平台java公共逻辑
     Eos平台java公共逻辑 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年6月1日 17:20:4
  • SpringMVC4零配置--Web上下文配置【MvcConfig】 hanqunfeng springmvc4
    与SpringSecurity的配置类似，spring同样为我们提供了一个实现类WebMvcConfigurationSupport和一个注解@EnableWebMvc以帮助我们减少bean的声明。   applicationContext-MvcConfig.xml <!-- 启用注解，并定义组件查找规则 ，mvc层只负责扫描@Controller --> <
  • 解决ie和其他浏览器poi下载excel文件名乱码 jackyrong Excel
       使用poi,做传统的excel导出，然后想在浏览器中，让用户选择另存为，保存用户下载的xls文件，这个时候，可能的是在ie下出现乱码（ie,9,10,11),但在firefox,chrome下没乱码， 因此必须综合判断，编写一个工具类：      /** * * @Title: pro
  • 挥洒泪水的青春 lampcy 编程生活程序员
    2015年2月28日，我辞职了，离开了相处一年的触控，转过身--挥洒掉泪水，毅然来到了兄弟连，背负着许多的不解、质疑——”你一个零基础、脑子又不聪明的人，还敢跨行业，选择Unity3D？“，”真是不自量力••••••“，”真是初生牛犊不怕虎•••••“，••••••我只是淡淡一笑，拎着行李----坐上了通向挥洒泪水的青春之地——兄弟连！ 这就是我青春的分割线，不后悔，只会去用泪水浇灌——已经来到
  • 稳增长之中国股市两点意见-----严控做空，建立涨跌停版停牌重组机制 nannan408
       对于股市，我们国家的监管还是有点拼的，但始终拼不过飞流直下的恐慌，为什么呢？    笔者首先支持股市的监管。对于股市越管越荡的现象，笔者认为首先是做空力量超过了股市自身的升力，并且对于跌停停牌重组的快速反应还没建立好，上市公司对于股价下跌没有很好的利好支撑。    我们来看美国和香港是怎么应对股灾的。美国是靠禁止重要股票做空，在
  • 动态设置iframe高度(iframe高度自适应) Rainbow702 JavaScriptiframecontentDocument高度自适应局部刷新
    如果需要对画面中的部分区域作局部刷新，大家可能都会想到使用ajax。 但有些情况下，须使用在页面中嵌入一个iframe来作局部刷新。 对于使用iframe的情况，发现有一个问题，就是iframe中的页面的高度可能会很高，但是外面页面并不会被iframe内部页面给撑开，如下面的结构： <div id="content"> <div id=&quo
  • 用Rapael做图表 tntxia rap
    function drawReport(paper,attr,data){          var width = attr.width;     var height = attr.height;          var max = 0;   &nbs
  • HTML5 bootstrap2网页兼容（支持IE10以下） xiaoluode html5bootstrap
    <!DOCTYPE html> <html> <head lang="zh-CN"> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他