xxz15152
xxz15152

HTML中meta标签都有什么作用？

一直以来，对HTML中的meta标签一知半解，这次抽时间好好总结一下

meta标签


定义： meta元素提供有关页面的元信息(meta-information), 比如针对 搜索引擎和更新频度的描述和关键词,搜索引擎优化（SEO），定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，网页定级评价，控制网页显示的窗口等

 
 

1、所有的浏览器都支持meta标签

 HTML中meta标签都有什么作用？_第1张图片

 

2、标签不用关闭

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, viewport-fit=cover">

<meta name="author" content="xiaozi">

 

3、必需属性：content

< meta charset="iso-8859-1" >
 
< meta http-equiv="charset" content="iso-8859-1">
 
属性 值 备注
content value 定义一些与http-equiv或name属性相关的元信息

 

content 属性提供了名称/值对中的值。该值可以是任何有效的字符串。

content 属性始终要和 name 属性或 http-equiv 属性一起使用。

 

4、可选属性: http-equiv、name、scheme

属性 值 备注
http-equiv content-type、expires、refresh、set-cookie 把 content 属性关联到 HTTP 头部。
name author、description、keywords、generator、revised、others、viewport、apple-mobile-web-app-title、format-detection、format-detection、apple-mobile-web-app-capable、apple-mobile-web-app-status-bar-style 把 content 属性关联到一个名称。
scheme some_text 不再支持。
property some_text 定义用于翻译 content 属性值的格式。

 

http-equive 指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。

<meta http-equiv="content-type" content="text/html;charset=gbk">
<meta http-equiv="expires" content="31 Dec 2008">

服务器发送给浏览器的头部就会包含：

content-type: text/html
charset: gbk
expires: 31 Dec 2008

refresh：重定向,在规定的时间之后跳转到另一页面

<meta http-equiv="pragma" content="no-cache">

<meta http-equiv="Pics-label" content="(PICS－1.1'http://www.rsac.org/ratingsv01.html'I gen comment 'RSACi North America Sever' by '[email protected]'for 'http://www.microsoft.com' on '1997.06.30T14:21－0500' r(n0 s0 v0 l0))">

<meta http-equiv="refresh" content="5;url=http://www.w3school.com.cn" />

<meta http-equiv="content-language" content="zh-CN">

<meta http-equiv="set-cookie" content="Mon,12 May 2001 00:20:00 GMT">
<meta http-equiv="windows-target" content="_top">
<meta http-equiv="Page-Enter" content="revealTrans(duration=10,transtion= 50)">和<meta http-equiv="Page-Exit" content="revealTrans(duration=20，transtion=6)">

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

scheme 不再支持
 

app-mobile-web-app-capable 控制苹果工具栏和菜单栏, 需要显示工具栏和菜单栏时，不需要添加，默认值为no，即正常显示。如果content设置为yes，Web应用会以全屏模式运行，可以通过只读属性window.navigator.standalone来确定网页是否以全屏模式显示。
 

property=og: open graph protocol开放内容协议 让网页成为一个“富媒体对象”， 你同意了网页内容可以被其他社会化网站引用，

name 属性提供了名称/值对中的名称，HTML 和 XHTML 标签都没有指定任何预先定义的 名称。通常情况下，您可以自由使用对自己和源文档的读者来说富有意义的名称。

 

  • keywords： 搜索的时候匹配到页面
< meta name="keywords" content="浏览器工作原理(22) - JavaScript是如何影响DOM树构建的？" >
 

 

  • description： 页面描述
< meta name="description" content="上一篇文章我们讲了chrome性能面板的使用，了解了请求过程中的几个性能指标，这篇文章我们一起来看一下DOM树是如何生成的，" >
 
  • robots robots用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引
< meta name="robots" content="none" >
 
  • author 标注网页的作者
< meta name="author" content="[email protected]" >
 
  • generator 说明网站的采用的什么软件制作
< meta name="generator" content="信息参数" >
 
  • copyright 说明网站版权信息
< meta name="copyright" content="信息参数" >
 
  • renderer 告诉浏览器用webkit内核解析
< meta name="renderer" content="webkit" >
 
  • viewport 主要用于移动端，用来控制页面适配和响应各种不同分辨率的移动设备
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
1 概念：设备的屏幕上能用来显示网页的那一块区域，或者说是一个webview用来显示网页的那一部分，一般来说会把viewport的值设为大于屏幕，用来兼容为PC编写的网页
2 css中的1px并不等于设备的1px，桌面浏览器的css中1个像素往往对应着电脑屏幕的1个物理像素，在移动端就不一定了，window.devicePixelRatio属性意义：设备物理像素和设备独立像素的比例，css就是独立像素，devicePixelRatio代表设备上的一个css像素代表多少个物理像素，但是这个东西有兼容性，所以不能完全依赖。 另一个是用户缩放也会改变设备物理像素大小。为了让页面在不同的手机上显示同样的大小，可以将页面宽度固定，然后获取设备的宽度device-width，可以得到一个比例，再使用HTML5中viewport来对页面进行缩放，并固定不允许用户缩放

   
属性名 描述
width 设置layout viewport的宽度为设备宽度
initial-scale 设置页面的初始缩放值
minimum-scale 允许用户的最小缩放值
maximum-scale 允许用户的最大缩放值
user-scalable 是否允许用户进行缩放

 

<head>
<title>Test Pagetitle>
<script>
    var deviceWidth = parseInt(window.screen.width);  //获取当前设备的屏幕宽度
    var deviceScale = deviceWidth / 640;  //得到当前设备屏幕与640之间的比例，之后我们就可以将网页宽度固定为640px
    var ua = navigator.userAgent;
    //获取当前设备类型（安卓或苹果）
    if (/Android (\d+\.\d+)/.test(ua)) {
        var version = parseFloat(RegExp.$1);
        if (version > 2.3) {
            document.write('+ deviceScale + ', minimum-scale = ' + deviceScale + ', maximum-scale = ' + deviceScale + ', target-densitydpi=device-dpi">');
        } else {
            document.write('');
        }
    } else {
        document.write('');
    }
script>
head>
3 三个viewport:layout viewport 值为 document.documentElement.clientWidth. visual viewport 值为 window.innerWidth

HTML中meta标签都有什么作用？_第2张图片

HTML中meta标签都有什么作用？_第3张图片

3 三个viewport:还有一个理想viewport,能完美适配移动设备的viewport, ideal viewport所有的ideal viewport宽度都是320px，无论实际宽度是多少，在iPhone中，css中的320px就代表iPhone屏幕的宽度

4 利用meta标签来设置viewport，移动端默认的viewport是layout viewport, 但是我们想要ideal viewport, 怎么设置idea viewport呢，需要使用meta标签了，把viewport设置为设备宽度，就不会出现横向滚动条了

你可能感兴趣的:(html5,chrome)

  • 精通Canvas：15款时钟特效代码实现指南 烟幕缭绕
    本文还有配套的精品资源，点击获取简介：HTML5的Canvas是一个用于绘制矢量图形的API，通过JavaScript实现动态效果。本项目集合了15种不同的时钟特效代码，帮助开发者通过学习绘制圆形、线条、时间更新、旋转、颜色样式设置及动画效果等概念，深化对Canvas的理解和应用。项目中的CSS文件负责时钟的样式设定，而JS文件则包含实现各种特效的逻辑，通过不同的函数或类处理时间更新和动画绘制，提
  • 入门html这篇文章就够了 ξ流ぁ星ぷ132 html前端
    HTML笔记文章目录HTML笔记html介绍什么是htmlhtml的作用HTML标签介绍常用标签标签and标签and标签u标签del删除线br标签用于换行pre标签，预处理标签span标签div标签sub标签andsup标签hr标签h1,h2...h6标签：HTML5中的语义标签：特殊字符img标签a标签第一种用法：超链接第二种用法：锚点video标签表格标签：form标签input标签selec
  • 【前端】接口日志追踪 毕业茄 前端
    1.问题描述场景：前端提交数据后，接口回调再次添加参数，但页面跳转/刷新导致之前的console.log数据丢失。影响：无法追踪完整的请求流程，调试困难。2.环境信息项目说明浏览器GoogleChrome120+开发者工具ChromeDevTools技术栈前端：Vue/React/其他接口类型RESTfulAPI/GraphQL3.解决方案3.1保留控制台日志（推荐）步骤：打开Chrome开发者工
  • webview的使用说明
    1、WebChromeClient和WebViewClient的区别（1）、webviewclient就是帮助webview处理各种通知、请求事件的，具体来说包括：onloadresource、onpagestart、onpagefinish、onreceiveerror、onreceivedhttpauthrequest（2）、webchromeclient是辅助webview处理javascr
  • 观众信息设置与统计（视频高级分析与统计功能） 视频砖家 视频安全视频加密数据分析视频观看分析视频数据分析
    Web播放器（POLYV-html5-player）支持设置观众信息参数，设置后在播放器上报的观看日志中会附带观众信息，这样用户就可以通过管理后台的统计页面或服务端API来查看特定观众的视频观看情况了。一、观众信息设置播放器设置观众信息参数的代码示例如下：varplayer=polyvPlayer({wrap:'#player',width:800,height:533,vid:'88083abb
  • node.js、npm是什么？服务器脚本语言有哪些？
    文章目录1.node和nodejs有区别吗:2.Node.js是什么3.NPM4.安装Node.js和npm5.使用appium之前为什么安装node.js？6.Vue.js一定要安装node.js吗？7.开发环境：1.node和nodejs有区别吗:node和nodejs之间没有区别，node全称就是nodejs。nodejs是一个基于ChromeV8引擎的JavaScript运行环境，一个让J
  • LiveKit 本地部署全流程指南（含 HTTPS/WSS） 不老刘 工作记事livekitgolang实时音视频
    1.环境准备操作系统：Windows10/11或Linux/Mac需有本地公网/内网IP（如192.168.x.x）推荐浏览器：Chrome/Edge/Firefox/Safari端口未被占用，防火墙允许相关端口2.目录结构建议livekit/livekit-server.execonfig.yamlturn-cert.pemturn-key.pemcaddy.exeCaddyfilewww/#前
  • UI自动化测试 - POM设计模式 什么鬼昵称 selenium自动化设计模式
    一、介绍基于selenium的ui自动化测试核心上只要定位到元素，对元素执行相应的操作即可。例如下面的脚本代码：打开Chrome浏览器，在百度页面搜索自动化测试：fromseleniumimportwebdriverimporttimedriver=webdriver.chrome()driver.implicitly_wait(30)#打开浏览器，百度driver.get("http://www
  • 2025年6月全球以及中国市场浏览器份额
    全球市场网站通讯流量监测机构StatCounter最新数据显示，2025年6月谷歌Chrome浏览器以68.32%的份额继续稳居全球市场第一名。其中，GoogleChrome浏览器凭借68.32%的全球市场排名第一；AppleSafari浏览器凭借16.25%的全球市场排名第二，主要用于iOS和macOS设备；MicrosoftEdge浏览器凭借4.96%的全球市场排名第三，用户主要集中在Wind
  • 【总结】暂序 ncj393437906 《HTML5Canvas核心技术图形动画与游戏开发》canvas
    文章目录目前项目业务是使用canvas对数据进行成图，不涉及动画游戏业务，《HTML5Canvas核心技术图形、动画与游戏开发》这本书总共有10章，目前只用看到【第5章-动画】章节，目前笔记就先记录到这。
  • Node.js是什么？应用场景分析 编程 静谧星光 node.js编程
    Node.js是一个基于ChromeV8JavaScript引擎构建的开源、跨平台的运行时环境。它允许开发者使用JavaScript语言进行服务器端编程，实现高效的网络应用程序。Node.js采用事件驱动、非阻塞I/O模型，使得它能够处理大量并发请求，适用于构建高性能、可扩展的网络应用。Node.js的应用场景非常广泛，以下是一些常见的使用场景：服务器端应用程序开发：Node.js提供了一种高效的
  • Node.js 是什么？ yuanlnet nods.jsnode.js
    Node.js是什么？简单的说Node.js就是运行在服务端的JavaScript。Node.js是一个基于ChromeJavaScript运行时建立的一个平台,用于方便地搭建响应速度快、易于扩展的网络应用。Node.js使用事件驱动，非阻塞I/O模型而得以轻量和高效，非常适合在分布式设备上运行数据密集型的实时应用。Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google
  • Node.js是什么? 能做什么?
    ‌Node.js是一个基于ChromeV8引擎的JavaScript运行环境，它使用事件驱动、非阻塞式I/O模型，使得JavaScript能够在服务器端运行。Node.js允许JavaScript脱离浏览器，直接在服务器和计算机上使用，极大地扩展了JavaScript的应用范围。‌Node.js由RyanDahl开发，最初发布于2009年5月，现已成为与PHP、Python、Perl、Ruby等服
  • Python Selenium 使用指南
    Selenium是一个用于自动化Web浏览器交互的强大工具，常用于网页测试、数据抓取和自动化任务。以下是Python中Selenium的详细使用说明。安装Selenium首先需要安装Selenium库和浏览器驱动：pipinstallselenium然后下载对应浏览器的驱动：Chrome:ChromeDriverFirefox:GeckoDriverEdge:EdgeDriver将驱动放在系统PA
  • Selenium使用指南
    点击文末小卡片，免费获取软件测试全套资料，资料在手，涨薪更快Selenium是网页应用中最流行的自动化测试工具，可以用来做自动化测试或者浏览器爬虫等。官网地址为：相对于另外一款web自动化测试工具QTP来说有如下优点：免费开源轻量级，不同语言只需要一个体积很小的依赖包支持多种系统，包括Windows，Mac，Linux支持多种浏览器，包括Chrome，FireFox，IE，safari，opera
  • 浏览器渲染引擎和JS引擎分类
    渲染引擎：Firefox：Gecko引擎Safari：WebKit引擎Chrome：Blink引擎IE:Trident引擎Edge:EdgeHTML引擎JS引擎：SpiderMonkey(Firefox)，火狐Nitro/JavaScriptCore(Safari)，苹果IOS浏览器V8(Chrome,Chromium)，Node.js也是V8Chakra(MicrosoftInternetExp
  • Html+Css+JavaScript+Vue+Axios入门 chen_ever javascript前端html
    一.HTMLHTML（HyperTextMarkupLanguage）是构建网页的基础语言，用于定义网页的结构和内容。以下介绍HTML的基本概念和用法。页面标题这是一级标题这是一个段落。声明文档类型为HTML5。标签是文档的根元素。包含元信息，如标题和CSS链接。包含可见的页面内容。常用HTML标签到：标题标签，数字越小级别越高。：段落标签。链接文本：超链接标签。：图像标签。和：无序列表。和：有序
  • HTML5 浏览器支持 lsx202406 开发语言
    HTML5浏览器支持引言随着互联网技术的飞速发展，HTML5已经成为网页开发的新标准。HTML5的出现，使得网页开发更加便捷、高效。本文将详细探讨HTML5的浏览器支持情况，帮助开发者更好地了解和利用这一技术。HTML5浏览器支持概述支持程度目前，大多数主流浏览器都对HTML5提供了较好的支持。以下是一些主流浏览器的HTML5支持情况：Chrome：Chrome浏览器对HTML5的支持非常好，几乎
  • 已解决：React在Chrome F12 调试台断点调试中跳过node_modules内部黑盒 gzzeason react.jschromejavascript浏览器控制台React源码
    一、debugger代码如下当我在探究根节点和容器源码时候，将debugger代码添加在如下位置：importReactfrom'react';//用到JSXimportReactDOMfrom'react-dom/client';importAppfrom'./App';constparent_node=document.getElementById('root');//获取根节点debugge
  • Puppeteer 库简介：背景、用法与原理 超级土豆粉 typescriptjavascript前端html开发语言
    Puppeteer库简介：背景、用法与原理一、背景Puppeteer是Google官方推出的一个Node.js库，最初于2017年发布。它为开发者提供了一个高级API，用于通过编程方式控制Chrome或Chromium浏览器。Puppeteer主要用于自动化网页操作、爬虫、UI测试、生成PDF截图等场景。随着Web自动化需求的增长，Puppeteer逐渐成为前端开发、测试和数据采集领域的重要工具。
  • 会话对象 Cookie 四、Cookie的路径 best_virtuoso 会话前端前端
    1.Cookie的path属性Cookie还有一个path属性，可以通过Cookie#setPath(String)方法来设置。你可以使用HttpWatch查看响应中的Set-Cookie中是否存在路径。下面是通过Chrome查看Cookie信息。也就是说，就算你不设置Cookie的path，Cookie也是有路径的。这个路径就是请求的路径。例如在请求:http://localhost:8080/
  • nvm:NodeJs版本管理工具下载安装与使用教程 天天打码 大前端javascriptnode.jsvue.js
    nvm是什么nvm是一个node的版本管理工具，可以简单操作node版本的切换、安装、查看。。。等等，与npm不同的是，npm是依赖包的管理工具。nvm特点node：是一个基于ChromeV8引擎的JS运行环境。npm：是node.js默认的包管理系统（用JavaScript编写的），在安装的node的时候，npm也会跟着一起安装，管理node中的第三方插件。nvm：node版本管理器，也就是说：
  • HTML5中背景图片如何设置 十指流玉 HTML
    自己试验了很多种方式，最终发现有一种方式最得朕心～～哈哈哈哈哈先看一下效果图吧：只截取了一部分，图片的人物不会因为页面大小而变得扭曲（这一点非常重要），我已经很满足啦～～～～～下面看一下代码吧,其实也很简单。body{/*background:rgb(185,246,246);*//*设置颜色背景*/background-image:url(photo5.png);/*设置背景图片*/backgr
  • python笔记-Selenium谷歌浏览器驱动下载 hero.zhong python笔记selenium
    Selenium谷歌浏览器驱动下载地址：https://googlechromelabs.github.io/chrome-for-testing/#stable下面是遇到的问题：python网络爬虫技术中使用谷歌浏览器代码，报错：OSError:[WinError193]%1不是有效的Win32应用程序：遇到错误OSError:[WinError193]%1不是有效的Win32应用程序通常意味着
  • python规划 t_hj python
    -----------动态内容与反爬策略----------动态页面处理Selenium：自动化浏览器（点击、滚动、表单提交）Playwright（更现代的替代方案）API逆向工程分析Ajax请求（ChromeDevTools）直接调用API接口（如知乎热榜API）反爬应对User-Agent轮换、IP代理（免费/付费代理池）验证码处理（简单验证码用OCR，复杂验证码需打码平台）请求频率控制（ti
  • MyChrome.exe与Selenium联动避坑指南：User Data目录冲突解决方案 龙潜月七 selenium测试工具
    在自动化测试与网络数据采集场景中，MyChrome.exe与Selenium的联动能发挥强大作用，但二者的UserData目录配置若处理不当，易引发冲突。下面我将重点围绕该问题，详细阐述联动的注意事项。MyChrome.exe与Selenium联动避坑指南：UserData目录冲突解决方案在自动化测试与网络数据采集的领域中，MyChrome.exe与Selenium的组合常常是开发者的得力助手。M
  • 一：以理论结合实践方式梳理前端 React 框架 ——— 初识 React 框架 十三餍 React专栏javascriptes6前端
    初识React框架假设我们并不了解node&npm的情况下，使用最被大家熟知的方法：脚本引入方式，来开始学习react框架。官方文档：https://react.docschina.org/创建第一个应用管他三七二十一，先整一个项目再说：在你习惯放置学习代码的地方，建个目录（例：F:\wwwroot\react-demo），并建一个demo01.html，搭好html5格式：DocumentRea
  • 使用Node.js命令行进行编程 翠绿探寻 node.jsvim编辑器编程
    Node.js是一个基于ChromeV8JavaScript引擎构建的运行时环境，它可以让开发者使用JavaScript语言编写服务器端代码。Node.js命令行界面（CLI）是一个强大的工具，它提供了与Node.js交互和执行JavaScript代码的能力。在本文中，我们将介绍如何在Node.js命令行中使用JavaScript进行编程，并提供相应的源代码示例。1.安装Node.js首先，我们需
  • 前端页面结构介绍 斯kk 前端前端
    前端页面中常见的标签结构通常遵循HTML5标准，以下是典型的结构分类和示例：1.文档基础结构页面标题：声明文档类型。：根标签，通常包含语言声明（lang属性）。：存放元数据、引用的CSS/JS等。：页面可见内容。2.内容分区标签网站页眉（Logo/导航）主导航链接独立内容（如博客文章）内容区块（通常带标题）侧边栏/附加内容页脚（版权/联系方式）语义化标签：HTML5引入的语义化标签，提升可读性和S
  • 【批处理脚本】bat解决谷歌浏览器跨域问题 一殊酒 网络安全文档解析前端开发服务器linux运维网络安全
    新建TXT文件，复制粘贴以下代码@echooff:Startsetindex=""for/f"delims=="%%iin('wherechrome')dosetindex="%%i"echo"%index%"if%index%==""(gotoA)else(gotoGOON):GOONfor/f"delims=\,tokens=1,*"%%ain(%index%)do(::echo%%a%%bs
  • SQL的各种连接查询 xieke90 UNION ALLUNION外连接内连接JOIN
    一、内连接   概念：内连接就是使用比较运算符根据每个表共有的列的值匹配两个表中的行。                 内连接（join 或者inner join ）       SQL语法：       select * fron
  • java编程思想--复用类 百合不是茶 java继承代理组合final类
          复用类看着标题都不知道是什么,再加上java编程思想翻译的比价难懂,所以知道现在才看这本软件界的奇书   一:组合语法:就是将对象的引用放到新类中即可     代码:     package com.wj.reuse; /** * * @author Administrator 组
  • [开源与生态系统]国产CPU的生态系统 comsci cpu
          计算机要从娃娃抓起...而孩子最喜欢玩游戏....       要让国产CPU在国内市场形成自己的生态系统和产业链,国家和企业就不能够忘记游戏这个非常关键的环节....       投入一些资金和资源,人力和政策,让游
  • JVM内存区域划分Eden Space、Survivor Space、Tenured Gen，Perm Gen解释 商人shang jvm内存
    jvm区域总体分两类，heap区和非heap区。heap区又分：Eden Space（伊甸园）、Survivor Space(幸存者区)、Tenured Gen（老年代-养老区）。 非heap区又分：Code Cache(代码缓存区)、Perm Gen（永久代）、Jvm Stack(java虚拟机栈)、Local Method Statck(本地方法栈)。 HotSpot虚拟机GC算法采用分代收
  • 页面上调用 QQ oloz qq
    <A href="tencent://message/?uin=707321921&amp;Site=有事Q我&amp;Menu=yes">   <img style="border:0px;" src=http://wpa.qq.com/pa?p=1:707321921:1></a>
  • 一些问题 文强chu 问题
    1.eclipse 导出 doc  出现“The Javadoc command does not exist.” javadoc command 选择 jdk/bin/javadoc.exe 2.tomcate 配置 web 项目 ..... SQL:3.mysql  * 必须得放前面 否则  select&nbs
  • 生活没有安全感 小桔子 生活孤独安全感
           圈子好小，身边朋友没几个，交心的更是少之又少。在深圳，除了男朋友，没几个亲密的人。不知不觉男朋友成了唯一的依靠，毫不夸张的说，业余生活的全部。现在感情好，也很幸福的。但是说不准难免人心会变嘛，不发生什么大家都乐融融，发生什么很难处理。我想说如果不幸被分手(无论原因如何)，生活难免变化很大，在深圳，我没交心的朋友。明
  • php 基础语法 aichenglong php 基本语法
    1 .1 php变量必须以$开头 <?php $a=” b”; echo ?> 1 .2 php基本数据库类型 Integer  float/double Boolean string 1 .3 复合数据类型 数组array和对象 object 1 .4 特殊数据类型  null 资源类型(resource)    $co
  • mybatis tools 配置详解 AILIKES mybatis
    MyBatis Generator中文文档 MyBatis Generator中文文档地址： http://generator.sturgeon.mopaas.com/ 该中文文档由于尽可能和原文内容一致，所以有些地方如果不熟悉，看中文版的文档的也会有一定的障碍，所以本章根据该中文文档以及实际应用，使用通俗的语言来讲解详细的配置。 本文使用Markdown进行编辑，但是博客显示效
  • 继承与多态的探讨 百合不是茶 JAVA面向对象 继承 对象
    继承 extends   多态 继承是面向对象最经常使用的特征之一：继承语法是通过继承发、基类的域和方法 //继承就是从现有的类中生成一个新的类，这个新类拥有现有类的所有extends是使用继承的关键字：     在A类中定义属性和方法； class A{ //定义属性 int age； //定义方法 public void go
  • JS的undefined与null的实例 bijian1013 JavaScriptJavaScript
    <form name="theform" id="theform"> </form> <script language="javascript"> var a alert(typeof(b)); //这里提示undefined if(theform.datas
  • TDD实践（一） bijian1013 java敏捷TDD
    一.TDD概述         TDD：测试驱动开发，它的基本思想就是在开发功能代码之前，先编写测试代码。也就是说在明确要开发某个功能后，首先思考如何对这个功能进行测试，并完成测试代码的编写，然后编写相关的代码满足这些测试用例。然后循环进行添加其他功能，直到完全部功能的开发。     
  • [Maven学习笔记十]Maven Profile与资源文件过滤器 bit1129 maven
    什么是Maven Profile Maven Profile的含义是针对编译打包环境和编译打包目的配置定制，可以在不同的环境上选择相应的配置，例如DB信息，可以根据是为开发环境编译打包，还是为生产环境编译打包，动态的选择正确的DB配置信息   Profile的激活机制 1.Profile可以手工激活，比如在Intellij Idea的Maven Project视图中可以选择一个P
  • 【Hive八】Hive用户自定义生成表函数(UDTF) bit1129 hive
    1. 什么是UDTF   UDTF，是User Defined Table-Generating Functions，一眼看上去，貌似是用户自定义生成表函数，这个生成表不应该理解为生成了一个HQL Table， 貌似更应该理解为生成了类似关系表的二维行数据集   2. 如何实现UDTF 继承org.apache.hadoop.hive.ql.udf.generic
  • tfs restful api 加auth 2.0认计 ronin47
    　　目前思考如何给tfs的ngx-tfs api增加安全性。有如下两点： 　　一是基于客户端的ip设置。这个比较容易实现。 　　二是基于OAuth2.0认证，这个需要lua，实现起来相对于一来说，有些难度。 　　现在重点介绍第二种方法实现思路。 　　 前言：我们使用Nginx的Lua中间件建立了OAuth2认证和授权层。如果你也有此打算，阅读下面的文档，实现自动化并获得收益。SeatGe
  • jdk环境变量配置 byalias javajdk
    进行java开发，首先要安装jdk，安装了jdk后还要进行环境变量配置： 1、下载jdk（http://java.sun.com/javase/downloads/index.jsp），我下载的版本是：jdk-7u79-windows-x64.exe 2、安装jdk-7u79-windows-x64.exe 3、配置环境变量：右击"计算机"-->&quo
  • 《代码大全》表驱动法-Table Driven Approach-2 bylijinnan java
    package com.ljn.base; import java.io.BufferedReader; import java.io.FileInputStream; import java.io.InputStreamReader; import java.util.ArrayList; import java.util.Collections; import java.uti
  • SQL 数值四舍五入 小数点后保留2位 chicony 四舍五入
    1.round() 函数是四舍五入用，第一个参数是我们要被操作的数据，第二个参数是设置我们四舍五入之后小数点后显示几位。 2.numeric 函数的2个参数，第一个表示数据长度，第二个参数表示小数点后位数。 例如： 　　select   cast(round(12.5,2)   as   numeric(5,2))  
  • c++运算符重载 CrazyMizzz C++
    一、加+，减-，乘*，除/ 的运算符重载 Rational operator*(const Rational &x) const{ return Rational(x.a * this->a); } 在这里只写乘法的，加减除的写法类似 二、<<输出,>>输入的运算符重载      &nb
  • hive DDL语法汇总 daizj hive修改列DDL修改表
    hive DDL语法汇总 １、对表重命名 hive> ALTER TABLE table_name RENAME TO new_table_name;   2、修改表备注 hive> ALTER TABLE table_name SET TBLPROPERTIES ('comment' = new_comm
  • jbox使用说明 dcj3sjt126com Web
    参考网址：http://www.kudystudio.com/jbox/jbox-demo.html jBox v2.3 beta [ 点击下载]  技术交流QQGroup：172543951 100521167 [2011-11-11] jBox v2.3 正式版 - [调整&修复] IE6下有iframe或页面有active、applet控件
  • UISegmentedControl 开发笔记 dcj3sjt126com
      //    typedef NS_ENUM(NSInteger, UISegmentedControlStyle) {     //        UISegmentedControlStylePlain,     // large plain   &
  • Slick生成表映射文件 ekian scala
    Scala添加SLICK进行数据库操作，需在sbt文件上添加slick-codegen包 "com.typesafe.slick" %% "slick-codegen" % slickVersion 因为我是连接SQL Server数据库，还需添加slick-extensions，jtds包 "com.typesa
  • ES-TEST gengzg test
    package com.MarkNum; import java.io.IOException; import java.util.Date; import java.util.HashMap; import java.util.Map; import javax.servlet.ServletException; import javax.servlet.annotation
  • 为何外键不再推荐使用 hugh.wang mysqlDB
    表的关联，是一种逻辑关系，并不需要进行物理上的“硬关联”，而且你所期望的关联，其实只是其数据上存在一定的联系而已，而这种联系实际上是在设计之初就定义好的固有逻辑。 在业务代码中实现的时候，只要按照设计之初的这种固有关联逻辑来处理数据即可，并不需要在数据库层面进行“硬关联”，因为在数据库层面通过使用外键的方式进行“硬关联”，会带来很多额外的资源消耗来进行一致性和完整性校验，即使很多时候我们并不
  • 领域驱动设计 julyflame VODAO设计模式DTOpo
    概念： VO（View Object）：视图对象，用于展示层，它的作用是把某个指定页面（或组件）的所有数据封装起来。 DTO（Data Transfer Object）：数据传输对象，这个概念来源于J2EE的设计模式，原来的目的是为了EJB的分布式应用提供粗粒度的数据实体，以减少分布式调用的次数，从而提高分布式调用的性能和降低网络负载，但在这里，我泛指用于展示层与服务层之间的数据传输对
  • 单例设计模式 hm4123660 javaSingleton单例设计模式懒汉式饿汉式
           单例模式是一种常用的软件设计模式。在它的核心结构中只包含一个被称为单例类的特殊类。通过单例模式可以保证系统中一个类只有一个实例而且该实例易于外界访问，从而方便对实例个数的控制并节约系统源。如果希望在系统中某个类的对象只能存在一个，单例模式是最好的解决方案。      &nb
  • logback zhb8015 loglogback
    一、logback的介绍      Logback是由log4j创始人设计的又一个开源日志组件。logback当前分成三个模块：logback-core,logback- classic和logback-access。logback-core是其它两个模块的基础模块。logback-classic是log4j的一个 改良版本。此外logback-class
  • 整合Kafka到Spark Streaming——代码示例和挑战 Stark_Summer sparkstormzookeeperPARALLELISMprocessing
    作者Michael G. Noll是瑞士的一位工程师和研究员，效力于Verisign，是Verisign实验室的大规模数据分析基础设施（基础Hadoop）的技术主管。本文，Michael详细的演示了如何将Kafka整合到Spark Streaming中。 期间， Michael还提到了将Kafka整合到 Spark Streaming中的一些现状，非常值得阅读，虽然有一些信息在Spark 1.2版
  • spring-master-slave-commondao 王新春 DAOspringdataSourceslavemaster
    互联网的web项目，都有个特点：请求的并发量高，其中请求最耗时的db操作，又是系统优化的重中之重。 为此，往往搭建 db的 一主多从库的 数据库架构。作为web的DAO层，要保证针对主库进行写操作，对多个从库进行读操作。当然在一些请求中，为了避免主从复制的延迟导致的数据不一致性，部分的读操作也要到主库上。（这种需求一般通过业务垂直分开，比如下单业务的代码所部署的机器，读去应该也要从主库读取数
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他