风雨路上砥砺前行
风雨路上砥砺前行

HTML基础篇

目录
    1. 基本概念
    2. body中的常用标签
    3. css 和 javascript

HTML ：负责 显示界面
CSS ：负责 修饰界面（样式、大小位置）
JS ：负责 交互

HTML 简介

全称 Hyper Text Markup Language，超文本标记语言

  并不是一种编程语言，而是一种标记语言(拥有一套标记标签,可被编辑用来显示网页) 

优点：
  开发成本低（跨平台开发---节省了硬件、人力、时间成本）
缺点：
  1.不够原生态（交互不流畅）   
  2.加载速度慢
  3.兼容性问题

开发工具:
    WebStorm、Dreamweaver、Editplus、记事本...

HTML 示例

helloWorld.html

                          
                                   
                                       
                           
            helloWorld            
                                      
                                       
                                      
                                  

说明：
  1、第一行：文档声明标签，写法固定。
      表明页面使用哪个 HTML 版本进行编写，必须位于HTML文档的第一行（在  标签之前）。
  2、
     页面的所有内容都是在写页面标签中。
     页面的标题等头部信息写在标签中。
     页面的显示内容写在标签中。
  3、
    不区分单双引号（当内容中包含双引号则必须使用单引号）
    不区分大小写
  4、
1. 基本概念
HTML文档（.html文件）
  即网页，包含 HTML 标签和纯文本。

HTML 标签
  由尖括号包围的关键词，比如 
  通常成对出现（也有单个如
），比如  和 。标签对中的第一个标签是开始标签，第二个标签是结束标签（开始和结束标签也被称为开放标签和闭合标签）。
  标签之间的关系： 兄弟标签 | 父子标签

HTML 元素
  从开始标签到结束标签的所有代码(包括标签)。
  元素的内容：开始标签与结束标签之间的内容。
  元素的属性（用来修饰标签）：开始标签中的键值对，如
。
  1. head部分
可包含、<base>、<link>、<meta>、<script> 、<style>
</code></pre> 
 <p>title元素</p> 
 <pre><code>必须包含（用来定义浏览器中本页面的标题,会在浏览器导航栏上显示）

<title>主页

base元素

为页面上的所有链接规定默认地址或默认目标

meta元素

用来描述文档 相关信息

类型/编码

作者

最后修改

 编辑工具

描述

关键字（搜索引擎使用）

重定向

link元素

引入外部样式文件

script元素

脚本（处理交互）

引入外部脚本文件


本页脚本文件

style元素

本页样式
  1. body部分
   

网页背景
background="clouds.gif"
background="http://www.w3school.com.cn/clouds.gif"
bgcolor="black"
bgcolor="rgb(0,0,0)"
bgcolor="yellow"
2. body中的常用标签
  1. 文本
标题（级别1~6，1最大）
    
最大字体的标题

    align对齐方式：
      left(默认) center right justify
    事件：
      onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
    注意：
      元素前后会有换行。
      不要为了粗体而使用标题，因为索引擎使用标题为您的网页的结构和内容编制索引。

文本容器(作用：用于对指定文本设置样式)
    简单文本

段落文本（元素前后有换行）(也可通过
换行)
    
段落文本(字体 颜色 大小)


预编译段落文本（空格换行有效）（元素前后有换行）
    
段落文本


粗体文本(注意不是bold，big或b或strong)           
    粗体文本
斜体文本
    斜体文本
    斜体文本
小字体文本
    小字体文本    
下标文本
    subscript
上标文本
    superscript
删除文本
    二十
下划线文本
    十二
引用文本（会自动添加双引号）
    
引用长文本
    

位置地址（会自动换行+斜体）
    




换行
    

分割线
    

空格
                      



列表（可嵌套）
    ol                      有序列表（子标签li）
    ul                      无序列表（子标签li）
    dl                      说明列表（子标签dt：展示  dd：描述--换一行显示）

    ul的type：
        disc 实心圆、circle 空心圆、square 实心方块
    ol的type：
        不写默认 数字、A 大写字母、a 小写字母、I 大写罗马数字、i 小写罗马数字
    例：
        
                    
            
  1. apple
    2.                 
            
  2. banner
    3. 
        


        
      
            
  • apple
    • 
            
  • banner
    • 
        


        

            
文本

                
文本描述

            
文本

                
文本描述

        




编程相关(会进行修改样式)
    代码
    Keyboard input
    Teletype text
    Sample text
    变量





    

  1. 图片
    2. 





图片 
    图片不显示时显示的文本
    支持gif，加载图片会耗时

背景图片
    
    支持gif，大小不够时会重复显示
    align ：middle top bottom left right 

点击图片上的某处区域跳转
    
    
        
    





    

  1. 链接
    2. 





超链接，跳到下一页
    百度   
        _blank：在新页面中打开(默认)
        _self： 在当前页打开
        _top：跳出当前框架

发邮件（注意不是mail，是mailto。subject主题、body内容）
    Send e-mail

锚（直接跳转到相应位置，不用来回翻）
    定义锚 
    跳转到锚的位置
    跳到该页面的锚所在位置，没有则跳顶部





    

  1. 布局
    2. 





容器div（常用）
    

    自动换行，不设高度时自适应高
    使用id来区分



表格table 

           边框 单元格与内容的间距 单元格与单元格的间距 
             标题
                表头（粗体，可不要）
                                    行
                      列                   
                      跨2列          
                  跨2行               
                
标题

                HeadingAnother Heading
            
                
            
1行1列1行2列
                
            
                    
                2行1列2行1列               
            

        


说明：
    1、frame可设置为
      box（上下左右）
      above
      below
      hsides（上下）
      vsides（左右）
    2、如果在table元素内加上， tbody所包含的部分行内容下载完优先显示，不必等待表格结束后在显示。如果不加，table表格加载完后才显示。



frameset框架:同一窗口中显示多个页面

 3列 不可拖动改变大小
  
  
   

<body>您的浏览器无法处理框架！</body>


 2行
  

注意：
      标签不能与  标签同时使用，除非在noframes中。


iframe用于在网页内显示网页

// 在iframeName内打开网页
W3School.com.cn





    

  1. 表单form
    2. 





表单
  用于将用户输入的数据提交到服务器
  每一个控件必须设置name属性让服务器接收（否则服务器接收不到数据）


  地址，请求方式（post/get），点击submit按钮执行login方法，在新窗口打开，字符集，编码，不自动完成表单（默认：自动），不验证表单

label作用：点击标签后，对应的input获取焦点

隐藏控件




文本(注意不是textfield)


文本区域


密码




多选框（注意不是）
 apple
 apple2

单选框(name一致可实现单选)
Male
Female

下拉列表




提交按钮（提交form）


重置按钮（重置表单内容）


按钮




数字（有上下箭头）


颜色


滑动条（注意不是slider）




日期（会弹出日历视图）


月份和年份


周和年


时间（小时和分钟）


日期和时间（时间，日，月，年）


时间，日，月，年




手机号


网址


邮箱







step 属性（与 max min 一起）适用于：
    number、range、date、datetime、datetime-local、month、time、week

min 和 max 属性
    min="0" max="10" 设置最小最大值
    适用于：
    number、range、date、datetime、datetime-local、month、time 以及 week

required 属性
    required="required"  该元素内容必填
    适用于：
    text、search、url、tel、email、password、date pickers、number、checkbox、radio、file

placeholder 属性
    placeholder="Search W3School"  提示内容
    适用于：
    text、search、url、tel、email 以及 password

novalidate 属性
    novalidate="true"不再验证 form 或 input 域（不再需要满足那些限制条件如正则等）
    适用于 
    
 以及以下类型的  标签：text, search, url, telephone, email, password, date pickers, range 以及 color.

pattern 属性
    pattern="[A-z]{3}" 内容需满足正则
    适用于：
    text、search、url、tel、email、and password

multiple 属性
    multiple="multiple" 多选，允许选择多个文件
    适用于：
    email 和 file

height 和 width 属性仅用于 

datalist 属性
    适用于text, search, url, telephone, email, date pickers, number, range 以及 color。
    
    

autocomplete 属性
    适用于
     标签，以及以下类型的  标签：text, search, url, telephone, email, password, datepickers, range 以及 color

autofocus 属性
    autofocus="autofocus"  自动获取焦点
    适用于：
    所有  标签的类型    
    
form 属性
    form="user_form"  属于哪个form
    在
外
    适用于：
    所有  标签的类型

表单重写属性
    formaction - 重写表单的 action 属性
    formenctype - 重写表单的 enctype 属性
    formmethod - 重写表单的 method 属性
    formnovalidate - 重写表单的 novalidate 属性
    formtarget - 重写表单的 target 属性
    适用于：
    submit 和 image



3. css 和 javascript


css


放在head中，或者放在.css文件中然后引用，也可以直接属性style。
    .className , div.className , #idName
    
===========具体见CSS篇============



例：







.css文件（style写在另一个文件里）





 

 





javascript


可以放在head，body中，或放在.js文件中然后引用。



 



===========具体见Javascript篇============



其他


转义字符

     空格                      
<    小于号            <         <
>    大于号            >         >
&    和号              &       &
"    引号              "      "
'    撇号              ' (IE不支持)    '
￠   分（cent）         ¢      ¢
£    镑（pound）        £    £
¥    元（yen）          ¥      ¥
€    欧元（euro）       €     €
§    小节              §     §
©    版权（copyright）  ©     ©
®    注册商标           ®      ®
™    商标              ™    ™
×    乘号              ×    ×
÷    除号              ÷    ÷



颜色
    aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow
    #F0F8FF



W3CSchool颜色参考


字符编码

ASCII
    万维网早期使用字符集（支持 0-9 的数字，大写和小写英文字母表，以及一些特殊字符）
ISO-8859-1
    现代浏览器的默认字符集(如果网页使用其他字符集，需  指定)
    ISO-8859-1 的较低部分（从 1 到 127 之间的代码）是最初的 7 比特 ASCII。
    ISO-8859-1 的较高部分（从 160 到 255 之间的代码）全都有实体名称
Unicode 
    涵盖了世界上的所有字符、标点和符号。



ASCII参考手册

你可能感兴趣的:(HTML基础篇)

  • 深入解析`node-html-to-image`的`main.ts`源码：实现HTML到图片的转换 软考鸭 nodeHtmlToImagehtml前端nodeHtmlToImage
    引言node-html-to-image是一个强大的Node.js库，它允许开发者将HTML内容转换为图片。本文将深入解析该库的main.ts文件，揭示其内部工作原理，并帮助开发者更好地理解和使用该库。项目背景与功能概述node-html-to-image的主要功能是将HTML字符串或文件渲染为图片。它支持多种输出格式（如PNG、JPEG等），并提供了一系列配置选项，如图片质量、透明度等。该库利用
  • ubuntu 16(7) 2401_84715880 单元测试功能测试学习
    网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化的资料的朋友，可以戳这里获取一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！conf：存放配置文件html：静态网页logs：存
  • 使用transform对html的video播放器窗口放大 宣晨光 前端整理htmlvideo缩放transform
    核心是使用播放容器$('video').css({'transform':'scale(2)','transform-origin':'centertop'});其中scale表示放大倍数，可以是小数transform-origin表示位置，1）可以使用坐标点如'120px200px'2）或者使用方位坐标，leftrighttopbottom总共九个，如左上方'lefttop'上方‘topcent
  • RapidJson递归去除空值元素Value Cloudox_
    RapidJson是一款高效的C++处理JSON字符串的库。教程：http://rapidjson.org/zh-cn/md_doc_tutorial_8zh-cn.html#QueryObject源码：https://github.com/Tencent/rapidjson但不得不说教程写的不太全，网上资料也很少，大都重复教程的范畴。项目中有个蛋疼的需求要把JSON字符串中值为空的键值对去掉，C
  • element-ui layout布局 铺满整个空间方法 遇事不决AI解决 uicss3cssvue.jsjavascript
    h5布局文件上传css样式有些朋友用height:100%并不能铺满，这个时候可以使用height:100vh即可铺满html,body,.el-container{/*设置内部填充为0，几个布局元素之间没有间距*/padding:0px!important;/*外部间距也是如此设置*/margin:0px!important;/*统一设置高度为100%*/height:100vh;}有任何问题都
  • vue 搜索关键字，关键字标红 Feng、锋 vuejsjavascriptvue.jshtml
    vue使用v-htmlthis.voice_result.map(e=>{if(this.red_text){//匹配关键字正则letreplaceReg=newRegExp(this.red_text,'g');//高亮替换v-html值letreplaceString=''+this.red_text+'';//开始替换e.info=e.info.replace(replaceReg,repl
  • 用python的NiceGUI库 实现webApp___官网文档熟悉 错误重复学习记录 webapp
    官网文档文本元素ui.label、、ui.markdown和ui.restructured_text等元素ui.html可用于显示文本和其他内容。TextElementsLabel、Link、ChatMessage、GenericElement、MarkdownElement、ReStructuredText、MermaidDiagrams、HTMLElement控制NiceGUI提供了多种用于用
  • HTML、CSS实现树状图 凉风听雪 CSS炫酷使用htmlcss前端
    效果图：源码：（未做移动端自适应）Document海关数据海关数据类型海关申报数据贸易提单数据进口数据出口数据过境数据海运数据空运数据搜索方式产品hs编码小语种查询进口商出口商提单号口岸时间国别数据查询提关单记录买家实时监控同行实时监控出口全球分析进口商分析出口商分析产品分析供应国分析进口国分析开发工具公司概况联系邮箱领英联系WhatsApp进出口详情分析展会记录LBS地理信息B2B店铺社媒动态社
  • HTML常用特殊字符列表 前端无冕之王 前端cssjava
    以下是更详细的HTML常用特殊字符列表，分为常见符号、货币符号、数学符号和其他符号，涵盖了它们的字符实体名称及对应的编号：常见符号符号描述实体名称实体编号&和号&&大于号>>"双引号""'单引号''©版权符号©©®注册商标符号®®™商标符号™™§段落符号§
  • 正则表达式-运算符优先级 一只小棉花 正则表达式正则表达式-优先级
    转自：http://www.runoob.com/regexp/regexp-operator.html
  • ray.tune文档总结 AI大司马 python人工智能深度学习
    ray.tune文档总结tune.runconfig指定超参数的搜索方法ConcurrencyLimiter搜索算法scheduler试验调度程序分析资源（并行、GPU、分布式）原文档请看这里https://docs.ray.io/en/latest/tune/key-concepts.htmltune.run执行超参数调整、用于管理实验，例如日志检查、提前停止tune.run(trainable
  • java中IO流详解 一路向上的桃子 学习资料java
    java中IO流详解转载：https://www.cnblogs.com/biehongli/p/6074713.html
  • ECS a19576
    https://www.jianshu.com/p/d9a3093bd151https://blog.csdn.net/mzl87/article/details/89462311https://www.jianshu.com/p/1617d6948ee8http://www.voidcn.com/article/p-udretuox-bsw.htmlhttps://www.e-learn.cn/
  • 每日CSS一道题day01 [代码的搬运工] html布局csshtml前端css
    内容：什么是双飞翼布局以及如何书写？原理：左右固定宽高，利用定位、负定位距离，实现中间的宽度自适应代码演示：HTML：头部中左右头部这里引入头部和尾部是为了突出如何在具体内容插入一个双飞翼布局CSS：/*去除浏览器默认样式*/*{margin:0;padding:0;}.header,.footer{height:200px;width:100%;background-color:aqua;}/*
  • CSS具有哪些特点呢？ weixin_54503231 css前端
    CSS是CascadingStyleSheets（层叠样式表）的缩写，它是一种用来描述HTML或XML（包括如SVG、MathML等衍生技术）文档样式的计算机语言。CSS的主要目的是为网页提供样式设计，包括颜色、字体、布局等，通过CSS，可以控制网页元素的外观和排版，使得网页更加美观和易于阅读。CSS的特点简单易学：CSS语言短小精悍，语法简单易学，使用起来很方便，可以快速地修改样式。内容与样式分
  • Vue中使用pdfJs预览PDF、图片 viceen vue3+ts-运维vue项目-运维vue.jshtmlhtml5
    Vue中使用pdfJs预览PDF、图片pdf.js是一个使用HTML5构建的可移植文档格式库。它可以帮助我们在浏览器中构建pdf文档，实现在线查看pdf文件的功能。实现步骤如下：1.下载pdfJs到本地（官网下载地址），放到项目根目录下的静态资源目录static文件夹内，将文件命名为pdfJs。如下图使用iframe打开或者需要注意的是：file参数中默认只允许传简单路径比如：http://www
  • python使用rocketmq发送消息_阿里云消息队列RocketMQ使用示例 weixin_39953481
    本文代码示例参见：https://gitee.com/imlichao/RocketMQ-exampleApacheRocketMQ文档：http://rocketmq.apache.org/docs/quick-start/阿里云RocketMQ文档：https://help.aliyun.com/product/29530.html简介消息队列RocketMQ是阿里巴巴集团自主研发的专业消息中
  • HTML与CSS网页制作指南 vvvae1234 html
    在当今数字化的时代，网页已成为信息传递和展示的主要方式。无论是个人博客、企业官网还是在线商店，网页设计都扮演着至关重要的角色。掌握HTML（超文本标记语言）和CSS（层叠样式表）是制作网页的基础。本指南旨在帮助初学者学习如何使用HTML和CSS创建简单而美观的网页，通过实际操作案例提升学习的趣味性。2.HTML与CSS简介2.1什么是HTMLHTML（HyperTextMarkupLanguage
  • SpringMVC架构介绍 丹_妮 spring
    MVC框架要做的事情？1)将url映射到java类或java类的方法2)封装用户提交的数据3)处理请求-调用相关的业务处理-封装响应数据4)将响应的数据进行渲染jsphtml为什么要学习SpringMVC？性能较struts2好简单、便捷、易学天生和Spring无缝集成，使用Spring的IOC和AOP还有事务使用约定由于配置能够进行简单的junit测试支持restful风格异常处理本地化、国际化
  • Html 标签marquee 去除点击时候的黑色边框 XUE_雪 cssjavascripthtml前端
    项目中使用marquee标签制作走马灯效果的信息公告，遇到一个尴尬的问题，点击走马灯会出现黑色边框并且点击文字会出现鼠标闪烁现象，网上搜索半天也没找到有效解决方案，特此记录一下针对这一问题做出的解决修改方案。HTML:       {{message?message:'暂无通知信息！'}}CSS:.marquee,.marquee:active,.marquee:visited{outline:n
  • 《响应式 Web 设计：纯 HTML 和 CSS 的实现技巧》 陈在天box 前端htmlcss
    一、引言在当今数字化时代，人们使用各种不同的设备访问互联网，包括台式电脑、笔记本电脑、平板电脑、智能手机等。为了确保网站在不同设备上都能呈现出良好的用户体验，响应式Web设计变得至关重要。响应式Web设计是一种能够使网页根据不同设备的屏幕尺寸和分辨率自动调整布局和样式的设计方法。本文将重点介绍如何使用纯HTML和CSS实现响应式Web设计的技巧。二、响应式Web设计的基本原则移动优先在设计响应式网
  • elementui Cascader 级联选择器的使用总结 XUE_雪 elementui前端javascript
    实现效果技术要点总结如下：1、点击添加自动增加多行，实现自主选择增加多条节点数据2、节点地址使用的是Cascader级联选择器，需要动态生成，涉及到一个技术要点是：因v-modal只能获取value不能获取label，故需要解决在多个动态生成的Cascader分别获取他们选中的label和value,下面开始展示相关代码：html:添加删除确定取消js:handleChange(index){va
  • CSS样式的引用方式以及选择器使用 爱掉发的小龙 css前端开发语言java后端小程序笔记
    1.CSS引用方式CSS可以通过三种方式引用到HTML文件中：行内样式（InlineStyles）：直接在HTML元素中定义样式。内部样式表（InternalCSS）：在HTML文档的部分使用标签定义样式。外部样式表（ExternalCSS）：将样式写在单独的.css文件中，并通过标签进行引用。示例：CSS示例body{background-color:#f0f0f0;font-family:Ar
  • Vue项目结构 永远的12 vue.js前端javascriptcsshtml
    Vue项目的结构可以比较灵活，但通常情况下会包含以下几个部分：public目录：这个目录包含项目的静态资源文件，例如index.html，图片等。src目录：这个目录包含项目的源代码。src/main.js：这个文件是项目的入口文件，用于初始化Vue应用。src/router目录：这个目录包含项目的路由配置文件。src/components目录：这个目录包含项目的组件文件。src/assets目录
  • 随笔记录git提交出错和原生js以JSON格式请求接口导出Excel 山丘lemon
    GIT提交代码出错Fileexists.原文链接https://www.cnblogs.com/sweetbullet/p/9889997.html前端js导出,参数以json格式发送post请求原文链接https://www.cnblogs.com/sweetbullet/p/9843178.html
  • 端午作业 关若飞
    效果html代码Polo360首页HOMEBacktohomePRODUCTSWhatwehaveforyouSERVICESThingswedoBLOGFollowourupdatesCONTAVTWaystoreachusLoremipsumdolorsitamet,constecteturadipisicingslitPerfectLogicAllyouwantyourwebsitetoso
  • 【Redis基础篇】详细讲解Redis ‍小林同学学JAVA redis数据库redis服务器nosql缓存数据库javaspringboot
    这篇文章让你详细了解Redis的相关知识，有代码讲解以及图片剖析，让你更轻松掌握制作不易，感觉不错，请点赞收藏哟！！！目录1redis基础1.1定义1.2SQL和NOSQL不同点1.3特征1.4Redis通用命令1.5Redis数据结构介绍1.6Redis的java客户端2Jedis快速入门2.1操作步骤2.2Jedis连接池3SpringDataRedis3.1定义3.2优势3.3API3.4操
  • Nginx中Location匹配(官方文档解读) 宁静的猫
    学习一样东西，最直观的就是学习它的官方文档，Nginx也不例外。本文要学习的是Nginx配置文件中Location的配置规则。官方文档链接：http://nginx.org/en/docs/http/ngx_http_core_module.html#locationSyntax:location[=|~|~*|^~]uri{...}location@name{...}Default:—Conte
  • redis 主从配置 zfl092005 redis
    转自：http://www.ttlsa.com/html/3494.html市面上太多kv的缓存，最常用的就属memcache了，但是memcache存在单点问题，不过小日本有复制版本，但是使用的人比较少，redis的出现让kv内存存储的想法成为现实。今天主要内容便是redis主从实现简单的集群，实际上redis的安装配置砸门ttlsa之前就有个文章，废话少说，进入正题吧Redis简介redis是
  • HTML文档中折行的使用,10_h5是如何做移动端适配的？折行的时候如何实现不断行... Mr.Zzzzzzz HTML文档中折行的使用
    一、百分比适配1、要点元素的宽度使用了百分比来定宽，根据屏幕的宽度进行自适应适合页面内容结构均匀分配,固定高度,结构不是很复杂,注意要设置viewport视口内容宽度等于设备的宽度使用百分比定宽的元素，百分比参考的是该元素最近的，定了宽度的父元素2、示例固定高度,宽度自适应,100%比做适配*{padding:0;margin:0;}body{font-size:16px;overflow:hid
  • Spring4.1新特性——Spring MVC增强 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • mysql 性能查询优化 annan211 javasql优化mysql应用服务器
    1 时间到底花在哪了？ mysql在执行查询的时候需要执行一系列的子任务，这些子任务包含了整个查询周期最重要的阶段，这其中包含了大量为了 检索数据列到存储引擎的调用以及调用后的数据处理，包括排序、分组等。在完成这些任务的时候，查询需要在不同的地方 花费时间，包括网络、cpu计算、生成统计信息和执行计划、锁等待等。尤其是向底层存储引擎检索数据的调用操作。这些调用需要在内存操
  • windows系统配置 cherishLC windows
    删除Hiberfil.sys ：使用命令powercfg -h off 关闭休眠功能即可： http://jingyan.baidu.com/article/f3ad7d0fc0992e09c2345b51.html 类似的还有pagefile.sys msconfig 配置启动项 shutdown 定时关机 ipconfig 查看网络配置 ipconfig /flushdns
  • 人体的排毒时间 Array_06 工作
    ======================== ||  人体的排毒时间是什么时候？|| ======================== 转载于： http://zhidao.baidu.com/link?url=ibaGlicVslAQhVdWWVevU4TMjhiKaNBWCpZ1NS6igCQ78EkNJZFsEjCjl3T5EdXU9SaPg04bh8MbY1bR
  • ZooKeeper cugfy zookeeper
    Zookeeper是一个高性能，分布式的，开源分布式应用协调服务。它提供了简单原始的功能，分布式应用可以基于它实现更高级的服务，比如同步， 配置管理，集群管理，名空间。它被设计为易于编程，使用文件系统目录树作为数据模型。服务端跑在java上，提供java和C的客户端API。 Zookeeper是Google的Chubby一个开源的实现，是高有效和可靠的协同工作系统，Zookeeper能够用来lea
  • 网络爬虫的乱码处理 随意而生 爬虫网络
    下边简单总结下关于网络爬虫的乱码处理。注意，这里不仅是中文乱码，还包括一些如日文、韩文 、俄文、藏文之类的乱码处理，因为他们的解决方式 是一致的，故在此统一说明。     网络爬虫，有两种选择，一是选择nutch、hetriex，二是自写爬虫，两者在处理乱码时，原理是一致的，但前者处理乱码时，要看懂源码后进行修改才可以，所以要废劲一些；而后者更自由方便，可以在编码处理
  • Xcode常用快捷键 张亚雄 xcode
    一、总结的常用命令：     隐藏xcode command+h     退出xcode command+q     关闭窗口 command+w     关闭所有窗口 command+option+w     关闭当前
  • mongoDB索引操作 adminjun mongodb索引
    一、索引基础：    MongoDB的索引几乎与传统的关系型数据库一模一样，这其中也包括一些基本的优化技巧。下面是创建索引的命令：    > db.test.ensureIndex({"username":1})    可以通过下面的名称查看索引是否已经成功建立： &nbs
  • 成都软件园实习那些话 aijuans 成都 软件园 实习
    无聊之中，翻了一下日志，发现上一篇经历是很久以前的事了，悔过~~ 　　断断续续离开了学校快一年了，习惯了那里一天天的幼稚、成长的环境，到这里有点与世隔绝的感觉。不过还好，那是刚到这里时的想法，现在感觉在这挺好，不管怎么样，最要感谢的还是老师能给这么好的一次催化成长的机会，在这里确实看到了好多好多能想到或想不到的东西。 　　都说在外面和学校相比最明显的差距就是与人相处比较困难，因为在外面每个人都
  • Linux下FTP服务器安装及配置 ayaoxinchao linuxFTP服务器vsftp
    检测是否安装了FTP [root@localhost ~]# rpm -q vsftpd 如果未安装：package vsftpd is not installed  安装了则显示：vsftpd-2.0.5-28.el5累死的版本信息   安装FTP 运行yum install vsftpd命令，如[root@localhost ~]# yum install vsf
  • 使用mongo-java-driver获取文档id和查找文档 BigBird2012 driver
    注：本文所有代码都使用的mongo-java-driver实现。   在MongoDB中，一个集合（collection）在概念上就类似我们SQL数据库中的表（Table），这个集合包含了一系列文档（document）。一个DBObject对象表示我们想添加到集合（collection）中的一个文档（document），MongoDB会自动为我们创建的每个文档添加一个id，这个id在
  • JSONObject以及json串 bijian1013 jsonJSONObject
    一.JAR包简介     要使程序可以运行必须引入JSON-lib包，JSON-lib包同时依赖于以下的JAR包：     1.commons-lang-2.0.jar     2.commons-beanutils-1.7.0.jar     3.commons-collections-3.1.jar &n
  • [Zookeeper学习笔记之三]Zookeeper实例创建和会话建立的异步特性 bit1129 zookeeper
    为了说明问题，看个简单的代码，   import org.apache.zookeeper.*; import java.io.IOException; import java.util.concurrent.CountDownLatch; import java.util.concurrent.ThreadLocal
  • 【Scala十二】Scala核心六：Trait bit1129 scala
    Traits are a fundamental unit of code reuse in Scala. A trait encapsulates method and field definitions, which can then be reused by mixing them into classes. Unlike class inheritance, in which each c
  • weblogic version 10.3破解 ronin47 weblogic
    版本：WebLogic Server 10.3 说明：%DOMAIN_HOME%：指WebLogic Server 域(Domain）目录 例如我的做测试的域的根目录 DOMAIN_HOME=D:/Weblogic/Middleware/user_projects/domains/base_domain 1.为了保证操作安全，备份%DOMAIN_HOME%/security/Defa
  • 求第n个斐波那契数 BrokenDreams
            今天看到群友发的一个问题：写一个小程序打印第n个斐波那契数。         自己试了下，搞了好久。。。基础要加强了。           &nbs
  • 读《研磨设计模式》-代码笔记-访问者模式-Visitor bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; interface IVisitor { //第二次分派，Visitor调用Element void visitConcret
  • MatConvNet的excise 3改为网络配置文件形式 cherishLC matlab
    MatConvNet为vlFeat作者写的matlab下的卷积神经网络工具包，可以使用GPU。 主页： http://www.vlfeat.org/matconvnet/ 教程： http://www.robots.ox.ac.uk/~vgg/practicals/cnn/index.html 注意：需要下载新版的MatConvNet替换掉教程中工具包中的matconvnet： http
  • ZK Timeout再讨论 chenchao051 zookeepertimeouthbase
    http://crazyjvm.iteye.com/blog/1693757 文中提到相关超时问题，但是又出现了一个问题，我把min和max都设置成了180000，但是仍然出现了以下的异常信息： Client session timed out, have not heard from server in 154339ms for sessionid 0x13a3f7732340003
  • CASE WHEN 用法介绍 daizj sqlgroup bycase when
    CASE WHEN 用法介绍 1. CASE WHEN 表达式有两种形式 --简单Case函数  CASE sex  WHEN '1' THEN '男'  WHEN '2' THEN '女'  ELSE '其他' END  --Case搜索函数  CASE WHEN sex = '1' THEN
  • PHP技巧汇总:提高PHP性能的53个技巧 dcj3sjt126com PHP
    PHP技巧汇总:提高PHP性能的53个技巧　　用单引号代替双引号来包含字符串，这样做会更快一些。因为PHP会在双引号包围的字符串中搜寻变量，　　单引号则不会，注意：只有echo能这么做，它是一种可以把多个字符串当作参数的函数译注：　　PHP手册中说echo是语言结构，不是真正的函数，故把函数加上了双引号)。　　1、如果能将类的方法定义成static，就尽量定义成static，它的速度会提升将近4倍
  • Yii框架中CGridView的使用方法以及详细示例 dcj3sjt126com yii
    CGridView显示一个数据项的列表中的一个表。 表中的每一行代表一个数据项的数据,和一个列通常代表一个属性的物品(一些列可能对应于复杂的表达式的属性或静态文本)。　　CGridView既支持排序和分页的数据项。排序和分页可以在AJAX模式或正常的页面请求。使用CGridView的一个好处是,当用户浏览器禁用JavaScript,排序和分页自动退化普通页面请求和仍然正常运行。 实例代码如下：
  • Maven项目打包成可执行Jar文件 dyy_gusi assembly
    Maven项目打包成可执行Jar文件 在使用Maven完成项目以后，如果是需要打包成可执行的Jar文件，我们通过eclipse的导出很麻烦，还得指定入口文件的位置，还得说明依赖的jar包，既然都使用Maven了，很重要的一个目的就是让这些繁琐的操作简单。我们可以通过插件完成这项工作，使用assembly插件。具体使用方式如下： 1、在项目中加入插件的依赖： <plugin>
  • php常见错误 geeksun PHP
    1.  kevent() reported that connect() failed (61: Connection refused) while connecting to upstream, client: 127.0.0.1, server: localhost, request: "GET / HTTP/1.1", upstream: "fastc
  • 修改linux的用户名 hongtoushizi linuxchange password
    Change Linux Username 更改Linux用户名，需要修改4个系统的文件： /etc/passwd /etc/shadow /etc/group /etc/gshadow 古老/传统的方法是使用vi去直接修改，但是这有安全隐患（具体可自己搜一下），所以后来改成使用这些命令去代替： vipw vipw -s vigr vigr -s   具体的操作顺
  • 第五章 常用Lua开发库1-redis、mysql、http客户端 jinnianshilongnian nginxlua
    对于开发来说需要有好的生态开发库来辅助我们快速开发，而Lua中也有大多数我们需要的第三方开发库如Redis、Memcached、Mysql、Http客户端、JSON、模板引擎等。 一些常见的Lua库可以在github上搜索，https://github.com/search?utf8=%E2%9C%93&q=lua+resty。   Redis客户端 lua-resty-r
  • zkClient 监控机制实现 liyonghui160com zkClient 监控机制实现
             直接使用zk的api实现业务功能比较繁琐。因为要处理session loss，session expire等异常，在发生这些异常后进行重连。又因为ZK的watcher是一次性的，如果要基于wather实现发布/订阅模式，还要自己包装一下，将一次性订阅包装成持久订阅。另外如果要使用抽象级别更高的功能，比如分布式锁，leader选举
  • 在Mysql 众多表中查找一个表名或者字段名的 SQL 语句 pda158 mysql
    在Mysql 众多表中查找一个表名或者字段名的 SQL 语句： 　　方法一：SELECT table_name, column_name from information_schema.columns WHERE column_name LIKE 'Name'; 　　方法二：SELECT column_name from information_schema.colum
  • 程序员对英语的依赖 Smile.zeng 英语程序猿
    1、程序员最基本的技能，至少要能写得出代码，当我们还在为建立类的时候思考用什么单词发牢骚的时候，英语与别人的差距就直接表现出来咯。 2、程序员最起码能认识开发工具里的英语单词，不然怎么知道使用这些开发工具。 3、进阶一点，就是能读懂别人的代码，有利于我们学习人家的思路和技术。 4、写的程序至少能有一定的可读性，至少要人别人能懂吧... 以上一些问题，充分说明了英语对程序猿的重要性。骚年
  • Oracle学习笔记(8) 使用PLSQL编写触发器 vipbooks oraclesql编程活动Access
        时间过得真快啊，转眼就到了Oracle学习笔记的最后个章节了，通过前面七章的学习大家应该对Oracle编程有了一定了了解了吧，这东东如果一段时间不用很快就会忘记了，所以我会把自己学习过的东西做好详细的笔记，用到的时候可以随时查找，马上上手！希望这些笔记能对大家有些帮助！     这是第八章的学习笔记，学习完第七章的子程序和包之后