god_human
god_human

前端基础网页开发学习——HTML和CSS

HTML入门知识汇总

在学习HTML和CSS之前，咱们先来聊一聊网页Web。众所周知，Web一般是由HTML、CSS和JS组成的。其实早有网友一图以蔽之了。（看下图）前端基础网页开发学习——HTML和CSS_第1张图片
正如上图所言，HTML就好比是一个毛坯房，CSS就是房间装修，网页美不美观这就取决于你的装修水平了（CSS技术过不过硬）。
下面咱们回归正题了哈。
1、常见的浏览器及其内核
(1)常用的六大浏览器:谷歌的Chrome、微软的IE和Edge、火狐firefox、Safari和Opera。近年来，后起之秀——谷歌的Chrome迅速占据市场，一跃成为最受欢迎的浏览器，所以其市场份额也是最大的。查看浏览器市场份额
前端基础网页开发学习——HTML和CSS_第2张图片(2)Chrome的内核是Chromium/Blink、IE的内核是Trident、firefox的内核是Gecko、Safar的内核是webkit、Opera的内核是blink。
前端基础网页开发学习——HTML和CSS_第3张图片总而言之，浏览器内核的作用其实就是显示网页。
2、常见的html标签及其使用
咱们先来通过一个简单的实例代码认识一下HTML的基本框架（也称为是骨架）：


<html>
<head>

<title>崇志广勤title>
head>
<body>
崇志广勤网，欢迎您！
body>
html>

然后大家看看最后生成的效果图：
前端基础网页开发学习——HTML和CSS_第4张图片
其实，HTML的基本框架有很多标签，常见的有骨架标签（如根标签< html >、< head >、< title >、< body >）、空标签< br / >、单标签和双标签等。这里的单标签和双标签的区别是否成对出现，例如常见的单标签有空标签< br / >、水平线< hr />;常见的双标签有骨架标签、< strong >字体加粗< /strong >、< em >斜字体< /em >、< del >加删除线< /del >、< ins >加下划线< /ins >、< span>相当于一个盒子，呈现在一行显示的，用于分区, 可一行多个元素< /span>、< div>相当于一个盒子，上下显示，双标签、一行一个、用于布局< /div>等。

下面咱们来看看html标签关系。

常见的html标签关系有两种分别是:嵌套(注意下一行要tab缩进)和并列。
标签属性:<电脑 颜色=“红” 大小=“8寸”>
图像标签img:

1.图像标签：①打开图片：②图片标签的属性：src（指出图片路径）、alt（替换文本，图像不能显示的文字）、title（提示文本，鼠标放在图片上会显示文字）、width（图片宽度）、height（图片高度）、border(边框粗细)
2.链接标签：① 文本或图像 ②分类：外部链接 < a href=“http:// www.baidu.com “> 百度、内部链接（当前网页） < a href=“index.html”> 首页 、空连接< a href=”#”> 首页 、下载链接、网页元素链接: 在网页中的各种网页元素，如文本、图像、表格、音频、视频等都可以添加超链接、锚点链接: 点我们点击链接,可以快速定位到页面中的某个位置


3.路径：①作用：通过新建一个文件夹来存放图片方便查找②分类：相对路径（分为同级、上级、下级，相对于html页面的位置，）和绝对路径(图片在电脑磁盘里的位置，从盘符开始的路径，“D:\web\img\logo.gif”)
4.注释： （Ctrl+/快捷键将当前一行进行注释）

1、学会了创建表格：①定义：

（行）
第一行表头元素
②表格属性：align（left、center、right，表格相对周围元素的对齐方式）、border（单元有无边框，默认“”，表示无边框）、cellpadding（单元边与内容的空白，默认1）、width(表格宽度)、cellspacing(单元格间的空白，默认2).
2、学会了表格结构标签：①标签 （表格的头部区域，用于定义表格的头部， 内部必须拥有 标签，一般是位于第一行）、（标签 表格的主体区域，用于定义表格的主体，主要用于放数据本体）②和 都是放在
标签中。
3、学会了表格标签：①合并单元格： 跨行合并：rowspan=“合并单元格的个数”，跨列合并：colspan=“合并单元格的个数”。②合并单元格的步骤：先确定是跨行还是跨列合并； 找到目标单元格. 写上合并方式 = 合并的单元格数量。比如：；删除多余的单元格。

1.学会了列表标签：①用途：页面布局。②分类:无序列表(

  • 列表项1
  • ，其中
      中只能嵌套
    • 。)、有序列表（
      1. 列表项1
      ，
      1. 标签用于定义有序列表，列表排序以数字来显示，并且使用
      2. 标签来定义列表项）和自定义列表(
        标签用于定义描述列表/定义列表，该标签会与 （定义项目/名字）和
        （描述每一个项目/名字）一起使用)③无序标签只包含li，使用相对较多，li里面可以包含任何标签；有序标签只包含li，使用相对较少，li里面可以包含任何标签；自定义列表里只包含dt和dd，dt和dd里可以放任何标签。
        2.学会了制作小型表单网页。
        3.学会了制作小型注册页面。

      1.学会了CSS的基本知识：①定义：层叠样式表。 ②CSS 是一种标记语言。③CSS 主要用于设置 HTML 页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。④CSS 最大价值: 由 HTML 专注去做结构呈现，样式交给 CSS，即 结构 ( HTML ) 与样式( CSS ) 相分离。
      2.学会了 CSS 语法规范：①CSS 规则由两个主要的部分构成：选择器以及一条或多条声明。选择器是用于指定 CSS 样式的 HTML 标签，花括号内是对该对象设置的具体样式。②。
      3.学会了CSS的样式：（1）CSS 样式格式书写两种：①紧凑h3 { color: deeppink;font-size: 20px;}②展开h3 { color: pink;font-size: 20px;}。（2）样式大小写：h3 {color: pink;}/H3 {COLOR: PINK;}③空格规范：h3 {color: pink;}。【①属性值前面，冒号后面，保留一个空格② 选择器（标签）和大括号中间保留空格】
      4.标签选择器：①标签选择器（元素选择器）是指用 HTML 标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的 CSS 样式。②标签名{属性1: 属性值1;属性2: 属性值2 属性3: 属性值3;…}③类选择器用于差异化选择不同的标签，单独选一个或者某几个标签。.类名 {属性1: 属性值1; …}。结构需要用class属性来调用 class 类的意思

      变红色

      1.学习了CSS选择器的基本知识和使用方法：①选择器是用于指定 CSS 样式的 HTML 标签，花括号内是对该对象设置的具体样式。②格式：h3 {color: pink;}或者H3 {COLOR: PINK;}③注意空格规范的格式是：h3 {color: pink;}。
      2.在CSS选择器需要注意：①属性值前面，冒号后面，保留一个空格② 选择器（标签）和大括号中间保留空格。
      3.div 就是一个盒子,用来装网页内容的。
      4.利用HTML和CSS的基本知识制作了疫情新闻页面。

      接下来，我们开始聊聊“页面布局”。
      首先，页面布局就是将用 CSS 来摆放盒子并把盒子摆放到相应位置，以此完成页面布局。实际开发中，一个页面基本都包含了这三种布局方式： 普通流、浮动、定位。

      网页布局二大准侧：
      （1）网页布局第一准侧：多个块级元素纵向排列找标准流，多个块级元素横向排列找浮动。
      （2）网页布局第二准侧：先设置盒子的大小, 之后设置盒子的位置。

      1.CSS 提供了三种传统布局方式(也就是盒子如何进行排列顺序)：
      (1) 普通流（标准流）
      ①本质上是标签按照规定好默认方式排列。
      ②块级元素会独占一行，从上向下顺序排列。像这些常用元素：div、hr、p、h1~h6、ul、ol、dl、form、table。
      ③行内元素会按照顺序，从左到右顺序排列，碰到父元素边缘则自动换行。 像这些常用元素：span、a、i、em 等。

      (2) 浮动（float）
      ①本质上通过改变元素标签默认的排列方式来多个块级元素一行内排列显示（也是浮动最常用的应用）。
      ②浮动布局的第一准则：多个块级元素纵向排列找标准流，多个块级元素横向排列找浮动。
      ③float 属性用于创建浮动框，将其移动到一边，直到左边缘或右边缘触及包含块或另一个浮动框的边缘。
      形式：选择器 { float: 属性值; }
      属性值有三个：none（不浮动）、left（向左）和right（向右）。
      ④浮动的重难点：脱标和不保留。
      脱标：脱离标准普通流的控制移动到指定位置。
      不保留：浮动的盒子不再保留原先的位置
      ⑤注意：浮动元素经常和标准流父级搭配使用。为了约束浮动元素位置, 我们网页布局一般采取的策略是:
      先用标准流的父元素排列上下位置, 之后内部子元素采取浮动排列左右位置，符合网页布局第一准侧。

      (3) 定位
      定位：将盒子定在某一个位置，所以定位也是在摆放盒子， 按照定位的方式移动盒子。
      定位 = 定位模式 + 边偏移(边偏移就是定位的盒子移动到最终位置,有 top、bottom、left 和 right 4 个属性) 。
      定位模式用于指定一个元素在文档中的定位方式。边偏移则决定了该元素的最终位置。
      定位模式决定元素的定位方式 ，它通过 CSS 的 position 属性来设置，其值可以分为四个：static、relative、absolute和fixed。

      案例模仿项目——品优购网购商城：
      首先我们先来看看项目的效果图：
      1.首页：

    你可能感兴趣的:(html,css,html5,css3)

    • swagger访问路径 igotyback swagger
      Swagger2.x版本访问地址：http://{ip}:{port}/{context-path}/swagger-ui.html{ip}是你的服务器IP地址。{port}是你的应用服务端口，通常为8080。{context-path}是你的应用上下文路径，如果应用部署在根路径下，则为空。Swagger3.x版本对于Swagger3.x版本（也称为OpenAPI3）访问地址：http://{ip
    • html 中如何使用 uniapp 的部分方法 某公司摸鱼前端 htmluni-app前端
      示例代码：Documentconsole.log(window);效果展示：好了，现在就可以uni.使用相关的方法了
    • 四章-32-点要素的聚合 彩云飘过
      本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.
    • DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计 网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业
      ️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
    • 关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业javascripthtmlcss旅游风景
      ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
    • HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动 二挡起步 web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
      Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
    • webpack图片等资源的处理 dmengmeng
      需要的loaderfile-loader（让我们可以引入这些资源文件）url-loader（其实是file-loader的二次封装）img-loader（处理图片所需要的）在没有使用任何处理图片的loader之前，比如说css中用到了背景图片，那么最后打包会报错的，因为他没办法处理图片。其实你只想能够使用图片的话。只加一个file-loader就可以，打开网页能准确看到图片。{test:/\.(p
    • 00. 这里整理了最全的爬虫框架（Java + Python） 有一只柴犬 爬虫系列爬虫javapython
      目录1、前言2、什么是网络爬虫3、常见的爬虫框架3.1、java框架3.1.1、WebMagic3.1.2、Jsoup3.1.3、HttpClient3.1.4、Crawler4j3.1.5、HtmlUnit3.1.6、Selenium3.2、Python框架3.2.1、Scrapy3.2.2、BeautifulSoup+Requests3.2.3、Selenium3.2.4、PyQuery3.2
    • 详解：如何设计出健壮的秒杀系统？ 夜空_2cd3
      作者：Yrion博客园：cnblogs.com/wyq178/p/11261711.html前言：秒杀系统相信很多人见过，比如京东或者淘宝的秒杀，小米手机的秒杀。那么秒杀系统的后台是如何实现的呢？我们如何设计一个秒杀系统呢？对于秒杀系统应该考虑哪些问题？如何设计出健壮的秒杀系统？本期我们就来探讨一下这个问题：image目录一：****秒杀系统应该考虑的问题二：****秒杀系统的设计和技术方案三：*
    • 斟一小组鸡血视频 和自己一起成长
      http://m.v.qq.com/play/play.html?coverid=&vid=c0518henl2a&ptag=2_6.0.0.14297_copy有一种努力叫做靠自己http://m.v.qq.com/play/play.html?coverid=&vid=i0547o426g4&ptag=2_6.0.0.14297_copy世界最励志短片https://v.qq.com/x/pa
    • Dockerfile命令详解之 FROM 清风怎不知意 容器化java前端javascript
      许多同学不知道Dockerfile应该如何写，不清楚Dockerfile中的指令分别有什么意义，能达到什么样的目的，接下来我将在容器化专栏中详细的为大家解释每一个指令的含义以及用法。专栏订阅传送门https://blog.csdn.net/qq_38220908/category_11989778.html指令不区分大小写。但是，按照惯例，它们应该是大写的，以便更容易地将它们与参数区分开来。(引用
    • 《HTML 与 CSS—— 响应式设计》 陈在天box htmlcss前端
      一、引言在当今数字化时代，人们使用各种不同的设备访问互联网，包括智能手机、平板电脑、笔记本电脑和台式机等。为了确保网站在不同设备上都能提供良好的用户体验，响应式设计成为了网页开发的关键。HTML和CSS作为网页开发的基础技术，在实现响应式设计方面发挥着重要作用。本文将深入探讨HTML与CSS中的响应式设计原理、方法和最佳实践。二、响应式设计的概念与重要性（一）概念响应式设计是一种网页设计方法，旨在
    • 【C语言】- 自定义类型：结构体、枚举、联合 Cavalier_01 C语言
      【C语言】：操作符（https://mp.csdn.net/editor/html/115218055）数据类型（https://mp.csdn.net/editor/html/115219664）自定义类型：结构体、枚举、联合（https://mp.csdn.net/editor/html/115373785）变量、常量（https://mp.csdn.net/editor/html/11523
    • html+css网页设计 旅游网站首页1个页面 html+css+js网页设计 htmlcss旅游
      html+css网页设计旅游网站首页1个页面网页作品代码简单，可使用任意HTML辑软件（如：Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等任意html编辑软件进行运行及修改编辑等操作）。获取源码1，访问该网站https://download.csdn.net/download/qq_42431718/897527112，点击
    • spring mvc @RequestBody String类型参数 zoyation spring-mvcspringmvc
      通过如下配置：text/html;charset=UTF-8application/json;charset=UTF-8在springmvc的Controller层使用@RequestBody接收Content-Type为application/json的数据时，默认支持Map方式和对象方式参数@RequestMapping(value="/{code}/saveUser",method=Requ
    • ubuntu安装opencv最快的方法 Derek重名了
      最快方法，当然不能太多文字$sudoapt-getinstallpython-opencv借助python就可以把ubuntu的opencv环境搞起来，非常快非常容易参考：https://docs.opencv.org/trunk/d2/de6/tutorial_py_setup_in_ubuntu.html
    • 处理标签包裹的字符串，并取出前250字符 周bro 前端javascript开发语言
      //假设这是你的HTML字符串varhtmlString=`这是一个段落。这是一个标题这是另一个段落，包含一些链接。`;//解析HTML字符串并提取文本functionextractTextFromHTML(html){varparser=newDOMParser();vardoc=parser.parseFromString(html,"text/html");vartextContent=do
    • css设置当字数超过限制后以省略号（...）显示 周bro css前端vuecss3html经验分享
      1、文字超出一行，省略超出部分，显示’…’用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。overflow:hidden;text-overflow:ellipsis;white-space:nowrap;2、多行文本溢出显示省略号display:-webkit-box;-webkit-box-orient:vertical;-webkit-lin
    • 360前端星计划-动画可以这么玩 马小蜗
      动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画functionupdate(context){//更新属性}constticker=newTicker();ticker.tick(update,context);动画的种类1、JavaScript动画操作DOMCanvas2、CSS动画transitionanimation3、SVG动画SMILJS动画的优缺点优点：灵活度、可控性、性能
    • h5小游戏定制开发 红匣子实力推荐
      随着科技的不断发展，移动互联网已经成为人们生活中不可或缺的一部分。在这个背景下，H5小游戏应运而生，为人们带来了丰富的娱乐体验。H5小游戏定制开发作为一种新兴的游戏开发方式，正逐渐受到市场的关注和青睐。那么，什么是H5小游戏定制开发呢？它又具有哪些特点和优势呢？让我们一起来深入了解一下。首先，我们来了解一下H5小游戏的基本概念。H5小游戏是一种基于HTML5技术的游戏，可以在移动端、PC端等多平台
    • css2中的透明 琪33
      .out{width:400px;height:400px;background-color:blue;margin:100pxauto;border:1pxsolid#000;opacity:0.6;}.in{width:200px;height:200px;background-color:red;margin:100pxauto;}
    • Nginx从入门到实践(三) 听你讲故事啊
      动静分离动静分离是将网站静态资源（JavaScript，CSS，img等文件）与后台应用分开部署，提高用户访问静态代码的速度，降低对后台应用访问。动静分离的一种做法是将静态资源部署在nginx上，后台项目部署到应用服务器上，根据一定规则静态资源的请求全部请求nginx服务器，达到动静分离的目标。rewrite规则Rewrite规则常见正则表达式Rewrite主要的功能就是实现URL的重写，Ngin
    • Nginx的使用场景：构建高效、可扩展的Web架构 张某布响丸辣 nginx前端架构
      Nginx，作为当今最流行的Web服务器和反向代理软件之一，凭借其高性能、稳定性和灵活性，在众多Web项目中扮演着核心角色。无论是个人博客、中小型网站，还是大型企业级应用，Nginx都能提供强大的支持。本文将探讨Nginx的几个主要使用场景，帮助读者理解如何在实际项目中充分利用Nginx的优势。1.静态文件服务对于包含大量静态文件（如HTML、CSS、JavaScript、图片等）的网站，Ngin
    • 前端知识点 ZhangTao_zata 前端javascriptcss
      下面是一个最基本的html代码body{font-family:Arial,sans-serif;margin:20px;}//JavaScriptfunctionthatdisplaysanalertwhencalledfunctionshowMessage(){alert("Hello!Youclickedthebutton.");}MyFirstHTMLPageWelcometoMyPage
    • 非关系型数据库 天秤-white nosql
      一、为什么要用Nosql1.单机MySQL的时代。一个基本的网站访问量一般不会太大，单个数据库完全足够。那时候更多使用的静态网页html，服务器根本没有太大压力。这时候网站的瓶颈是什么？-数据量如果太大，一个机器放不下。-数据量太大需要建立数据的索引（B+Tree），一个服务器内存放不下。-访问量读写混合，一个服务器承受不了。2.memcached缓存+MySQL+垂直拆分（读写分离）。网站80%
    • Python精选200Tips：121-125 AnFany Python200+Tipspython开发语言
      Spendyourtimeonself-improvement121Requests-简化的HTTP请求处理发送GET请求发送POST请求发送PUT请求发送DELETE请求会话管理处理超时文件上传122BeautifulSoup-网页解析和抓取解析HTML和XML文档查找单个标签查找多个标签使用CSS选择器查找标签提取文本修改文档内容删除标签处理XML文档123Scrapy-强大的网络爬虫框架示例
    • 前端CSS面试常见题 剑亦未配妥 前端面试前端css面试
      边界塌陷盒模型有两种：W3C盒模型和IE盒模型，区别在于宽度是否包含边框定义：同时给兄弟/父子盒模型设置上下边距，理论上边距值是两者之和，实际上不是注意：浮动和定位不会产生边界塌陷；只有块级元素垂直方向才会产生margin合并margin计算方案margin同为正负：取绝对值大的值一正一负：求和父子元素边界塌陷解决父元素可以通过调整padding处理；设置overflowhidden，触发BFC子
    • 爬虫技术抓取网站数据 Bearjumpingcandy 爬虫
      爬虫技术是一种自动化获取网站数据的技术，它可以模拟人类浏览器的行为，访问网页并提取所需的信息。以下是爬虫技术抓取网站数据的一般步骤：发起HTTP请求：爬虫首先会发送HTTP请求到目标网站，获取网页的内容。解析HTML：获取到网页内容后，爬虫会使用HTML解析器解析HTML代码，提取出需要的数据。数据提取：通过使用XPath、CSS选择器或正则表达式等工具，爬虫可以从HTML中提取出所需的数据，如文
    • 七.正则化 愿风去了
      吴恩达机器学习之正则化（Regularization）http://www.cnblogs.com/jianxinzhou/p/4083921.html从数学公式上理解L1和L2https://blog.csdn.net/b876144622/article/details/81276818虽然在线性回归中加入基函数会使模型更加灵活，但是很容易引起数据的过拟合。例如将数据投影到30维的基函数上，模
    • 创建一个完整的购物商城系统是一个复杂的项目，涉及前端（用户界面）、后端（服务器逻辑）、数据库等多个部分。由于篇幅限制，我无法在这里提供一个完整的系统代码，但我可以分别给出一些关键部分的示例代码，涵盖几 uthRaman 前端ui服务器
      前端（HTML/CSS/JavaScript）grsyzp.cnHTML页面结构（index.html）html购物商城欢迎来到购物商城JavaScript（Ajax请求商品数据，app.js）javascriptdocument.addEventListener('DOMContentLoaded',function(){fetch('/api/products').then(response=
    • Java实现的基于模板的网页结构化信息精准抽取组件：HtmlExtractor yangshangchuan 信息抽取HtmlExtractor精准抽取信息采集
      HtmlExtractor是一个Java实现的基于模板的网页结构化信息精准抽取组件，本身并不包含爬虫功能，但可被爬虫或其他程序调用以便更精准地对网页结构化信息进行抽取。   HtmlExtractor是为大规模分布式环境设计的，采用主从架构，主节点负责维护抽取规则，从节点向主节点请求抽取规则，当抽取规则发生变化，主节点主动通知从节点，从而能实现抽取规则变化之后的实时动态生效。 如
    • java编程思想 -- 多态 百合不是茶 java多态详解
      一: 向上转型和向下转型 面向对象中的转型只会发生在有继承关系的子类和父类中（接口的实现也包括在这里）。父类：人    子类：男人向上转型： Person p = new Man() ; //向上转型不需要强制类型转化向下转型： Man man =
    • [自动数据处理]稳扎稳打,逐步形成自有ADP系统体系 comsci dp
            对于国内的IT行业来讲,虽然我们已经有了"两弹一星",在局部领域形成了自己独有的技术特征,并初步摆脱了国外的控制...但是前面的路还很长....       首先是我们的自动数据处理系统还无法处理很多高级工程...中等规模的拓扑分析系统也没有完成,更加复杂的
    • storm 自定义 日志文件 商人shang stormclusterlogback
      Storm中的日志级级别默认为INFO，并且，日志文件是根据worker号来进行区分的，这样，同一个log文件中的信息不一定是一个业务的，这样就会有以下两个需求出现： 1. 想要进行一些调试信息的输出 2. 调试信息或者业务日志信息想要输出到一些固定的文件中   不要怕，不要烦恼，其实Storm已经提供了这样的支持，可以通过自定义logback 下的 cluster.xml 来输
    • Extjs3 SpringMVC使用 @RequestBody 标签问题记录 21jhf
      springMVC使用 @RequestBody(required = false) UserVO userInfo 传递json对象数据，往往会出现http 415，400,500等错误，总结一下需要使用ajax提交json数据才行，ajax提交使用proxy，参数为jsonData，不能为params；另外，需要设置Content-type属性为json，代码如下： （由于使用了父类aaa
    • 一些排错方法 文强chu 方法
      1、java.lang.IllegalStateException: Class invariant violation at org.apache.log4j.LogManager.getLoggerRepository(LogManager.java:199)at org.apache.log4j.LogManager.getLogger(LogManager.java:228) at o
    • Swing中文件恢复我觉得很难 小桔子 swing
             我那个草了！老大怎么回事，怎么做项目评估的？只会说相信你可以做的，试一下，有的是时间！        用java开发一个图文处理工具，类似word，任意位置插入、拖动、删除图片以及文本等。文本框、流程图等，数据保存数据库，其余可保存pdf格式。ok,姐姐千辛万苦，
    • php 文件操作 aichenglong PHP读取文件写入文件
      1 写入文件 @$fp=fopen("$DOCUMENT_ROOT/order.txt", "ab"); if(!$fp){ echo "open file error" ; exit; } $outputstring="date:"." \t tire:".$tire."
    • MySQL的btree索引和hash索引的区别 AILIKES 数据结构mysql算法
      Hash 索引结构的特殊性，其 检索效率非常高，索引的检索可以一次定位，不像B-Tree 索引需要从根节点到枝节点，最后才能访问到页节点这样多次的IO访问，所以 Hash 索引的查询效率要远高于 B-Tree 索引。     可能很多人又有疑问了，既然 Hash 索引的效率要比 B-Tree 高很多，为什么大家不都用 Hash 索引而还要使用 B-Tree 索引呢
    • JAVA的抽象--- 接口 --实现 百合不是茶
      抽象 接口 实现接口   //抽象 类 ,方法   //定义一个公共抽象的类 ,并在类中定义一个抽象的方法体 抽象的定义使用abstract   abstract class A 定义一个抽象类 例如： //定义一个基类 public abstract class A{     //抽象类不能用来实例化，只能用来继承 //
    • JS变量作用域实例 bijian1013 作用域
      <script> var scope='hello'; function a(){ console.log(scope); //undefined var scope='world'; console.log(scope); //world console.log(b);
    • TDD实践（二） bijian1013 javaTDD
      实践题目：分解质因数 Step1： 单元测试： package com.bijian.study.factor.test; import java.util.Arrays; import junit.framework.Assert; import org.junit.Before; import org.junit.Test; import com.bijian.
    • [MongoDB学习笔记一]MongoDB主从复制 bit1129 mongodb
      MongoDB称为分布式数据库，主要原因是1.基于副本集的数据备份， 2.基于切片的数据扩容。副本集解决数据的读写性能问题，切片解决了MongoDB的数据扩容问题。   事实上，MongoDB提供了主从复制和副本复制两种备份方式，在MongoDB的主从复制和副本复制集群环境中，只有一台作为主服务器，另外一台或者多台服务器作为从服务器。 本文介绍MongoDB的主从复制模式，需要指明
    • 【HBase五】Java API操作HBase bit1129 hbase
      import java.io.IOException; import org.apache.hadoop.conf.Configuration; import org.apache.hadoop.hbase.HBaseConfiguration; import org.apache.hadoop.hbase.HColumnDescriptor; import org.apache.ha
    • python调用zabbix api接口实时展示数据 ronin47
      zabbix api接口来进行展示。经过思考之后，计划获取如下内容：     1、  获得认证密钥     2、  获取zabbix所有的主机组     3、  获取单个组下的所有主机     4、  获取某个主机下的所有监控项  
    • jsp取得绝对路径 byalias 绝对路径
      在JavaWeb开发中，常使用绝对路径的方式来引入JavaScript和CSS文件，这样可以避免因为目录变动导致引入文件找不到的情况，常用的做法如下： 一、使用${pageContext.request.contextPath} 　　代码” ${pageContext.request.contextPath}”的作用是取出部署的应用程序名，这样不管如何部署，所用路径都是正确的。
    • Java定时任务调度：用ExecutorService取代Timer bylijinnan java
      《Java并发编程实战》一书提到的用ExecutorService取代Java Timer有几个理由，我认为其中最重要的理由是： 如果TimerTask抛出未检查的异常，Timer将会产生无法预料的行为。Timer线程并不捕获异常，所以 TimerTask抛出的未检查的异常会终止timer线程。这种情况下，Timer也不会再重新恢复线程的执行了;它错误的认为整个Timer都被取消了。此时，已经被
    • SQL 优化原则 chicony sql
      一、问题的提出 　在应用系统开发初期，由于开发数据库数据比较少，对于查询SQL语句，复杂视图的的编写等体会不出SQL语句各种写法的性能优劣，但是如果将应用系统提交实际应用后，随着数据库中数据的增加，系统的响应速度就成为目前系统需要解决的最主要的问题之一。系统优化中一个很重要的方面就是SQL语句的优化。对于海量数据，劣质SQL语句和优质SQL语句之间的速度差别可以达到上百倍，可见对于一个系统
    • java 线程弹球小游戏 CrazyMizzz java游戏
      最近java学到线程，于是做了一个线程弹球的小游戏，不过还没完善 这里是提纲 1.线程弹球游戏实现 1.实现界面需要使用哪些API类 JFrame JPanel JButton FlowLayout Graphics2D Thread Color ActionListener ActionEvent MouseListener Mouse
    • hadoop jps出现process information unavailable提示解决办法 daizj hadoopjps
      hadoop jps出现process information unavailable提示解决办法   jps时出现如下信息： 3019 -- process information unavailable3053 -- process information unavailable2985 -- process information unavailable2917 --
    • PHP图片水印缩放类实现 dcj3sjt126com PHP
      <?php class Image{ private $path; function __construct($path='./'){ $this->path=rtrim($path,'/').'/'; } //水印函数，参数：背景图，水印图，位置，前缀,TMD透明度 public function water($b,$l,$pos
    • IOS控件学习：UILabel常用属性与用法 dcj3sjt126com iosUILabel
      参考网站： http://shijue.me/show_text/521c396a8ddf876566000007 http://www.tuicool.com/articles/zquENb http://blog.csdn.net/a451493485/article/details/9454695 http://wiki.eoe.cn/page/iOS_pptl_artile_281
    • 完全手动建立maven骨架 eksliang javaeclipseWeb
      建一个 JAVA 项目 ： mvn archetype:create -DgroupId=com.demo -DartifactId=App [-Dversion=0.0.1-SNAPSHOT] [-Dpackaging=jar] 建一个 web 项目 ： mvn archetype:create -DgroupId=com.demo -DartifactId=web-a
    • 配置清单 gengzg 配置
      1、修改grub启动的内核版本 vi /boot/grub/grub.conf 将default 0改为1 拷贝mt7601Usta.ko到/lib文件夹 拷贝RT2870STA.dat到 /etc/Wireless/RT2870STA/文件夹 拷贝wifiscan到bin文件夹，chmod 775 /bin/wifiscan 拷贝wifiget.sh到bin文件夹，chm
    • Windows端口被占用处理方法 huqiji windows
      以下文章主要以80端口号为例，如果想知道其他的端口号也可以使用该方法..........................1、在windows下如何查看80端口占用情况?是被哪个进程占用?如何终止等.        这里主要是用到windows下的DOS工具,点击"开始"--"运行",输入&
    • 开源ckplayer 网页播放器， 跨平台(html5, mobile)，flv, f4v, mp4, rtmp协议. webm, ogg, m3u8 ！ 天梯梦 mobile
      CKplayer，其全称为超酷flv播放器，它是一款用于网页上播放视频的软件，支持的格式有：http协议上的flv,f4v,mp4格式，同时支持rtmp视频流格 式播放，此播放器的特点在于用户可以自己定义播放器的风格，诸如播放/暂停按钮，静音按钮，全屏按钮都是以外部图片接口形式调用，用户根据自己的需要制作 出播放器风格所需要使用的各个按钮图片然后替换掉原始风格里相应的图片就可以制作出自己的风格了，
    • 简单工厂设计模式 hm4123660 java工厂设计模式简单工厂模式
             简单工厂模式（Simple Factory Pattern）属于类的创新型模式，又叫静态工厂方法模式。是通过专门定义一个类来负责创建其他类的实例，被创建的实例通常都具有共同的父类。简单工厂模式是由一个工厂对象决定创建出哪一种产品类的实例。简单工厂模式是工厂模式家族中最简单实用的模式，可以理解为是不同工厂模式的一个特殊实现。
    • maven笔记 zhb8015 maven
      跳过测试阶段： mvn package -DskipTests 临时性跳过测试代码的编译： mvn package -Dmaven.test.skip=true   maven.test.skip同时控制maven-compiler-plugin和maven-surefire-plugin两个插件的行为，即跳过编译，又跳过测试。   指定测试类 mvn test
    • 非mapreduce生成Hfile，然后导入hbase当中 Stark_Summer maphbasereduceHfilepath实例
      最近一个群友的boss让研究hbase，让hbase的入库速度达到5w+/s，这可愁死了，4台个人电脑组成的集群，多线程入库调了好久，速度也才1w左右，都没有达到理想的那种速度，然后就想到了这种方式，但是网上多是用mapreduce来实现入库，而现在的需求是实时入库，不生成文件了，所以就只能自己用代码实现了，但是网上查了很多资料都没有查到，最后在一个网友的指引下，看了源码，最后找到了生成Hfile
    • jsp web tomcat 编码问题 王新春 tomcatjsppageEncode
      今天配置jsp项目在tomcat上，windows上正常，而linux上显示乱码，最后定位原因为tomcat 的server.xml 文件的配置，添加 URIEncoding 属性： <Connector port="8080" protocol="HTTP/1.1" connectionTi
    按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他