寻梦&之璐
寻梦&之璐

HTML+CSS实战作业

文章目录

  • 题目一
    • 实现代码
    • 总结
  • 题目2
    • 实现代码
    • 总结
      • 注意点

题目一

HTML+CSS实战作业_第1张图片

实现代码

<!DOCTYPE html>
<html>
	<head>
	
		<style  type="text/css">
	#div1{
     
		background-color: #ffc33c;
		border: 2px solid #333;
		height: 300px;
		width: 300px;
		float: left;
		margin-left: 25px;
		}
	#div2{
     
		background-color: #ff33cc;
		border: 2px solid #333;
		height: 300px;
		width: 300px;
		float: left;
		margin-left: 25px;
		margin-right: 25px;
		
	}
	#div3{
     
		background-color: #ff33cc;
		border: 2px solid #333;
		height: 300px;
		width: 300px;
		float: left;
		margin-left: 25px;
	}
		</style>
	</head>
	<body>
<div id="div1">左列</div>
<div id="div2">右列1</div>
<div id="div3">右列2</div>
</body>
</html>

HTML+CSS实战作业_第2张图片

总结

感觉不是太难，没什么难点

题目2

HTML+CSS实战作业_第3张图片

实现代码

<!DOCTYPE html>
<html>
	<head>
	
		<style  type="text/css">
	#div1{
     
		background-color: cadetblue;
		border: 2px solid #333;
		height: 100px;
		width: 100%;
		float: left;
		margin-left: 25px;
		}
	#div2{
     
		background-color: blue;
		border: 2px solid #333;
		height: 500px;
		width: 100%;
		float: left;
		margin-left: 25px;
		margin-right: 25px;
		
	}
	#div3{
     
		background-color: gray;
		border: 2px solid #333;
		height: 100px;
		width: 100%;
		float: left;
		margin-left: 25px;
	}
	#div2-1{
     
		background-color: #ff0000;
		width: 25%;
		height: 500px;
		float: left;
		
	}
	#div2-2{
     
		background-color: brown;
		width: 50%;
		height: 500px;
		float: left;
	}
	#div2-3{
     
		background-color:green;
		width: 25%;
		height: 500px;
		float: left;
	}
	#div2-2-1{
     
		background-color:yellowgreen;
	
		height: 200px;
	}
	#div2-2-2{
     
		background-color:white;
	
		height: 300px;
	}
		</style>
	</head>
	<body>
<div id="div1">div1</div>
<div id="div2">
	<div id="div2-1">div2-1</div>
	<div id="div2-2">
		<div id="div2-2-1">div2-2-1</div>
		<div id="div2-2-2">div2-2-2</div>
	</div>
	<div id="div2-3">div2-3</div>
</div>
<div id="div3">div3</div>
</body>
</html>

总结

注意点

#div2-1{
     
		background-color: #ff0000;
		width: 25%;
		height: 500px;
		float: left;
		
	}
	#div2-2{
     
		background-color: brown;
		width: 50%;
		height: 500px;
		float: left;
	}
	#div2-3{
     
		background-color:green;
		width: 25%;
		height: 500px;
		float: left;
	}

想要同行显示时得设置浮动
HTML+CSS实战作业_第4张图片
就同行显示div2这里注意浮动即可，说实话，这点没想到，其它的基本就是框架性的。就这些

你可能感兴趣的:(Web前端技术)

  • 【Web前端技术 02】深入探索HTML5：标签全解析与案例演示！ wcyd Web前端技术前端html5html
    深入探索HTML5：标签全解析与案例演示！大家好！在上一篇文章中，我们对HTML5有了一个基本的了解。今天，我们将更深入地探索HTML5，全面介绍各种标签及其应用。从基础标签到新增标签，从文档结构到格式标签，我们将一一解析，并提供丰富的案例演示。准备好了吗？让我们开始吧！️HTML5基础结构首先，让我们回顾一下HTML5的基本结构。HTML5文档的结构就像一座房子的蓝图，指导我们如何构建网页。下面
  • web前端技术分享：koa中间件是如何实现的？ 程序员的小傲娇 web前端编程语言web
    在前端开发过程中我们可能会使用到koa中间件，但很多同学却不知道它是如何实现的，下面小千就来给大家介绍一下这个koa中间件（洋葱模型）。一、问题分析asyncawait是promise的语法糖，await后面跟一个promise，所以上面的代码可以写成：改成这样更好理解一些，所以流程控制的核心在于next的实现。next要求调用队列中下一个middleware，当达到最后一个的时候resolve。
  • 1.初识Tauri 余识- 前端框架tauri
    文章目录一、前言二、基本认识三、js与rust通信四、构建应用一、前言原文以及后续文章可点击查看：初识Tauri。Tauri是一款比较新的跨平台桌面框架，也是我目前最喜欢的一个框架，其官网为：Tauri它的作用其实和Electron很像：使用Web前端技术开发桌面软件。但不同之处在于，Electron是可以通过纯粹前端技术进行开发，也就是你只需要懂html、js、css，就可以使用它来开发软件了。
  • web前端项目-进击的玉兔【附源码】 温轻舟 web前端项目-源码自取前端htmlcssjavascript
    进击的玉兔【进击的玉兔】是一款基于Web前端技术的游戏，其主题和背景与中国的传统文化和神话有关。在游戏中，玩家需要通过解决各种难题和挑战来收集月饼，最终达成游戏目标。运行效果：HTML源码：进击的玉兔0CSS源码：*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-tap-
  • JavaScript原型和原型链是什么 JJCTO JavaScriptjavascript原型模式开发语言
    JavaScript原型和原型链是Web前端技术中的重要概念，了解它们可以帮助开发者更好地理解JavaScript对象的创建和继承机制。本文将深入探讨JavaScript原型和原型链，并提供相关的示例代码和解析。首先，让我们了解一下JavaScript中的原型。每个JavaScript对象都有一个原型（prototype）。原型可以理解为一个模板对象，包含了对象共享的属性和方法。当我们创建一个新对
  • 2020年小白要知道的Web前端学习路线 web前端学习指南
    今天小编要跟大家分享的文章是关于2020年小白要知道的Web前端学习路线。准备在2020年学习Web前端技术的小伙伴们来和小编一起看看本篇文章，希望能够对大家有所帮助！第一阶段：●HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、●JavaScript基础：Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器
  • Web前端实现导出Excel的方案 Devil枫 ecxel导出前端excel
    相信大家都有遇到需要在web页面上要展示表格数据的情况，一般情况下甲方都会要求这些显示的数据可以导出成excel吧。今天分享一下关于前端如何导出Excel的方案实例吧。一：背景与目标随着Web技术的不断发展，越来越多的应用程序需要在前端实现导出Excel功能。这一功能不仅方便用户导出数据，还能提高工作效率。本文将介绍一种基于Web前端技术实现导出Excel的方案，并给出相应的实例。二：技术选型1.
  • 软件架构体系 ·H·976 B/SC/S前端
    C/S（Client/Server）架构：客户端/服务端exp：QQ、微信、爱奇艺B/S（Browser/Server）架构：浏览器/服务器exp：百度、淘宝、网页版的爱奇艺、基于web前端技术实现的一些手机App（百度地图、消消乐）web前端技术是基于浏览器实现客户端的一套综合技术，包括HTML、CSS、JS等UI客户端技术是基于UI模块实现客户端的一种UI模块+打包模块，包括pygame、py
  • Web前端技术课程设计——技术栈【SpringBoot+Vue+MySQL+MyBatis】的在线英语考试系统 Mr_BigG Web前端技术课程设计前端vue.jsmysqlspringbootmybatis
    一、技术简介本网站使用了前后端分离的开发技术，是基于SpringBoot+VUE的在线英语考试系统，支持选择题、填空题、判断题、多选题。系统包含三种角色（管理员、老师、考生），实现的功能包含在线考试、查看答题情况、管理试卷、管理题库、管理用户等。前端技术栈：VUE(构建用户界面的渐进式框架)VUEX(状态管理)Vue-router(动态路由)Js-cookie(保存信息)Axios(页面请求)后端
  • 如何有效的学习Web前端开发？ 强哥科技兴
    一个好的Web前端工程师在知识体系上既要有广度，又要有深度，所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师。那么如何系统的学习企业实用的web前端技术呢？当大家有了一些HTML的静态布局的基础，那么我们学完HTML、CSS这些最简单的东西就算是有了小小的入门，知道了Web前端到底是做什么的，那么我们入门之后应该学习哪些系统的前端知识体系呢？如果我们大家选择自学，那么我们就应该根据个人的学
  • 如何有效的学习Web前端开发？ 强哥科技兴
    一个好的Web前端工程师在知识体系上既要有广度，又要有深度，所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师。那么如何系统的学习企业实用的web前端技术呢？当大家有了一些HTML的静态布局的基础，那么我们学完HTML、CSS这些最简单的东西就算是有了小小的入门，知道了Web前端到底是做什么的，那么我们入门之后应该学习哪些系统的前端知识体系呢？如果我们大家选择自学，那么我们就应该根据个人的学
  • web前端项目-中国象棋【附源码】 温轻舟 web前端项目-源码自取前端htmlcssjavascript
    中国象棋【中国象棋】是一款历史悠久、深受人们喜爱的策略类游戏。在Web前端技术中，我们可以使用HTML、CSS和JavaScript等语言来制作一款中国象棋游戏。玩家使用棋子（帅/相/士/炮/马/车/炮/卒）在棋盘上相互对弈，将对手的“帅”棋子吃掉即为胜利。运行效果：HTML源码：中国象棋对不起，您的浏览器不支持HTML5，请升级浏览器至IE9、firefox或者谷歌浏览器！适用浏览器：360、F
  • 基于VUE框架、前端UI样式库Bootstrap4、在线WebApi资源调用的Web前端技术课程设计《天气易搜》 好教员好 vuejsonechartsvisualstudiojavascript
    1.设计内容简介1.1技术知识点html标签:正文部分，网页头部，网页主体，样式，脚本语言，有序列表，容器，标签，标签，标签，标签,标签,标签等。Css基础选择器：class类标签，id标签。Date函数:该函数返回组件实例的data对象。Methods:将被混入到组件实例中。可以直接通过vm实例访问这些方法或者者在指令表达式中使用。方法中的this自动绑定为组件实例。Mounted函数:在Vue
  • 在上海乐字节学习的三十六天 阿丫o
    如何用Web前端技术就能开发出桌面应用程序？Web前端技术开发桌面应用的方式CEF：用Chromium&Webkit来呈现web页面，是客户端里面嵌浏览器，浏览器里面跑网页。heX：基于CEF，内部整合了开源项目Chromium及node.js。nw：基于Chromium和node.js，利用web方式开发跨平台桌面应用的平台技术。electron：底层也是基于Chromium和node.js。等
  • 【Top10】天津高性价比Web前端培训机构（Web前端需要掌握什么技能） qq_38453958 web前端天津web前端培训天津web前端培训班天津web前端培训机构天津web前端培训学校web前端培训
    Web前端开发已经成为了一门备受瞩目的技能，对于一些初学者或者转行的人来说，也是非常友好的，当然越火也越会存在争议，大部分没有经验的人会选择参加培训来学习Web前端技术，也有不少人对于参加Web前端培训的必要性存在疑虑，今天我们就从下面几个方面来了解一下Web前端。Web前端就业前景互联网行业对于具备Web前端开发技能的人才需求持续增长。随着越来越多的企业和组织，意识到网站和应用程序对于业务的重要
  • 天津最新web前端培训班 如何提升web技能？ qq_38453958 web前端天津web前端培训天津web前端培训班天津web前端培训机构天津web前端培训学校web前端培训
    随着互联网的迅猛发展，web前端成为了一个热门的职业方向。越来越多的人希望能够通过学习web前端技术来提升自己的就业竞争力。为了满足市场的需求，许多培训机构纷纷推出了web前端培训课程。什么是WEB前端web前端就是web给用户展示的东西，这里面可能包含了设计，特效，用户交互等等，现在对于从业人员通常叫法是：前端美工，前端开发，前端架构三个最基本级别。主要职责是利各种Web技术进行客户端产品的开发
  • 管理系统设计开发与学习 en...小瓶子 JAVAspring
    目录封面一．内容简介二．技术概述1.SpringBoot2.MVC模式3.数据库技术4.Web前端技术5.对接技术四．体系架构设计架构系统分层系统结构五.数据库的设计六.开发准备开发工具开发环境七．学习总结八．学习心得一．内容简介：基于SpringBoot和KAQ模型的大学生成长平台，旨在帮助大学生提高综合素质，培养能力、知识和品质。基于以下相关技术进行理论学习，为日后开发做好准备。1.系统架构设
  • 现代前端技术解析-第5章 前端项目与技术实践（一） DxCaesar #读书笔记-现代前端技术解析javascript前端现代前端技术解析读书笔记
    《现代前端技术解析》第5章阅读笔记（一）笔记章节目录第1章Web前端技术基础第2章前端与协议第3章前端三层结构与应用第4章现代前端交互框架第5章前端项目与技术实践一（5.1前端开发规范）二（5.2前端组件规范&5.3自动化构建）三（5.3自动化构建）四（5.5前端用户数据分析&5.6前端搜索引擎优化基础&5.7前端协作）第6章前端跨栈技术第7章未来前端时代2020/02/195.1前端开发规范本节
  • 探索Web前端技术的新趋势与发展 工业甲酰苯胺 前端开发语言低代码docker
    随着互联网的不断发展，Web前端技术作为构建现代Web应用的重要组成部分，也在不断演变和发展。本文将从新趋势和发展方向两个角度，探讨Web前端技术的最新动态和未来展望。Web前端技术是构建现代网页和应用程序的重要组成部分。随着互联网的快速发展，人们对用户体验和交互性的要求越来越高，Web前端技术也日新月异。本文将介绍一些主要的Web前端技术以及它们在实际应用中的作用。一、新趋势响应式设计随着移动设
  • Tauri：构建高效安全的桌面应用程序 | 开源日报 No.124 开源服务指南 开源日报开源
    tauri-apps/tauriStars:64.6kLicense:Apache-2.0Tauri是一个开源项目，它可以通过Web前端构建更小、更快和更安全的桌面应用程序。该项目具有以下优势和特点：Tauri可以帮助用户构建桌面应用程序，并使用web前端技术进行界面设计。通过Tauri，用户可以创建运行时核心、工具和实用插件等组件来满足不同需求。运行时核心是Tauri的主要组成部分之一，它处理资
  • 自学web前端到什么程度才能就业 前端大叔熟
    首先，这个问题主要问：自学web前端技术，如果才能找到一份web前端的工作。按照现在的招聘标准来看，无论你去哪个公司面试，你只需要满足他们公司的需求就可以。找到一份web前端工作需要掌握的内容如下：首先是html，css这些简单的静态布局这是最基本的学习内容，不在多说。然后是掌握JavaScript的基本原理，因为做web前端开发，用到JavaScript非常多，但是现在很多公司是不用去写原生的J
  • 天津web前端就业培训班，Web机构选择重点 qq_38453958 web前端天津web前端培训天津web前端培训班天津web前端培训机构天津web前端培训学校web前端培训web前端培训班web前端培训机构
    Web前端培训是目前非常热门的培训领域之一。很多领域都会涉及到web前端开发，比如传统互联网、房地产、金融、游戏、影视传媒等行业都需要web前端技术的支持。越来越多的企业和个人也需要建立自己的网站和移动应用程序，因此市场对web前端工程师的需求是非常大的，其薪资待遇也比较高。前端培训两个主要分类前端培训按技术栈主要可以分为两类：全栈开发和非全栈开发。全栈主要是多了node.js以及对应的框架exp
  • 怎么有效的学习Web前端开发？ 强哥科技兴
    一个好的Web前端工程师在知识体系上既要有广度，又要有深度，所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师。那么如何系统的学习企业实用的web前端技术呢？当大家有了一些HTML的静态布局的基础，那么我们学完HTML、CSS这些最简单的东西就算是有了小小的入门，知道了Web前端到底是做什么的，那么我们入门之后应该学习哪些系统的前端知识体系呢？如果我们大家选择自学，那么我们就应该根据个人的学
  • 44.0/认识前端 光明是人的信仰 前端
    44.1目录44.1.1网页44.1.1.1网页的组成44.1.1.2网页的分类44.1.2网站44.1.2.1网站的分类44.1.3主页44.2.Internet、IP地址和域名44.2.1Internet44.2.2IP44.2.3域名44.3.Web前端技术概述44.3.1html544.3.2CSS344.3.3Javascript44.4.Web前端开发工具44.4.1编辑器——（HBu
  • 探索Web前端技术的变革与未来发展 液态不合群 前端web3
    Web前端技术作为构建现代互联网应用的重要一环，自诞生以来已经经历了多轮的发展和变革。本文将回顾过去的进展，介绍当前的前端技术栈，并展望未来前端领域的发展趋势，包括新兴技术和重要概念。引言在信息时代的快速发展的背景下，Web前端技术经历了不断的迭代和进化，引入了大量的新技术和框架，以满足用户对于交互性和体验的不断提升的需求。如今，Web前端技术的应用范围已经扩展到移动应用、桌面应用和嵌入式系统等领
  • 大学荒废三年，大四自学8个月Java，找到了11K的工作 IT届老实人
    通过这个故事我希望学弟们不要像我一样，等到临近毕业后才醒悟要学习知识学习技术的重要性，能趁早尽量要趁早，过去应该做的事情没有去做，后面都需要你加倍补回来。我是一个二本院校，专业是机械工程，当时以为考上了大学就可以高枕无忧放开了玩，可以说我整个大学期间都是打LOL过来的。到了大四才发现，同学们都陆续去找了实习，有的做机械工作，有的在大三的时候就自学了Java或者web前端技术，然后他们通过秋招找到了
  • 《Web前端技术H5+CSS3》笔记--第四章 初识CSS3[云图智联] 云图智联IT教育
    1.1CSS概述1.1.1什么是CSSHTML标签原本被设计为用于定义文档内容。通过使用h1、p、table这样的标签，HTML的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。同时文档布局由浏览器来完成，而不使用任何的格式化标签。由于两种主要的浏览器（Netscape和InternetExplorer）不断地将新的HTML标签和属性（比如字体标签和颜色属性）添加到HTML规范中，创
  • 在上海乐字节学习的第三十七天（持续更新中） 阿丫o
    如何用Web前端技术就能开发出桌面应用程序？Web前端技术开发桌面应用的方式CEF：用Chromium&Webkit来呈现web页面，是客户端里面嵌浏览器，浏览器里面跑网页。heX：基于CEF，内部整合了开源项目Chromium及node.js。nw：基于Chromium和node.js，利用web方式开发跨平台桌面应用的平台技术。electron：底层也是基于Chromium和node.js。等
  • 前端已死？看看我的秋招上岸历程 幸运的小何 前端面试求职招聘
    背景求职方向：web前端技术栈：vue2、springboot（学校开过课，简单的学习过）实习经历：两段，但都是实训类的，说白了就是类似培训，每次面试官问起时我也会坦诚交代，面试官也不会因为这个卡我学历：211本专业：软件工程基础：一开始有一些前端的基础，照着b站做过一个vue2的电商项目，但基本就到此为止了，一些深入的东西都不会，八股也没背，算法也没刷几道，刷过的也都忘记了，甚至之前做的项目也记
  • 零基础如何系统学前端？ 骨灰设计师小X
    很多刚入门的小白都会幻想着，通过自学快速学习前端知识，来拿到大厂offer，这可能吗？小编很遗憾的告诉你，web前端技术是有一些“江湖气”的。图片源自网络，仅做配文，不做商业用途它的知识点过于琐碎，技术价值观的博弈也难分伯仲，另外全局的系统知识结构并未成体系，这些因素都会客观影响了“正统”前端技术的沉淀。另一方面，前端开发是个非常新的职业，对一些规范和最佳实践的研究都处于探索阶段，总有新的灵感和技
  • 统一思想认识 永夜-极光 思想
    1.统一思想认识的基础,才能有的放矢  原因:    总有一种描述事物的方式最贴近本质,最容易让人理解.    如何让教育更轻松,在于找到最适合学生的方式.          难点在于,如何模拟对方的思维基础选择合适的方式.   &
  • Joda Time使用笔记 bylijinnan javajoda time
    Joda Time的介绍可以参考这篇文章： http://www.ibm.com/developerworks/cn/java/j-jodatime.html 工作中也常常用到Joda Time，为了避免每次使用都查API，记录一下常用的用法：     /** * DateTime变化（增减） */ @Tes
  • FileUtils API eksliang FileUtilsFileUtils API
    转载请出自出处：http://eksliang.iteye.com/blog/2217374 一、概述 这是一个Java操作文件的常用库，是Apache对java的IO包的封装，这里面有两个非常核心的类FilenameUtils跟FileUtils，其中FilenameUtils是对文件名操作的封装;FileUtils是文件封装，开发中对文件的操作，几乎都可以在这个框架里面找到。 非常的好用。
  • 各种新兴技术 不懂事的小屁孩 技术
    1:gradle Gradle 是以 Groovy 语言为基础，面向Java应用为主。基于DSL（领域特定语言）语法的自动化构建工具。 现在构建系统常用到maven工具，现在有更容易上手的gradle， 搭建java环境: http://www.ibm.com/developerworks/cn/opensource/os-cn-gradle/ 搭建android环境： http://m
  • tomcat6的https双向认证 酷的飞上天空 tomcat6
    1.生成服务器端证书 keytool -genkey -keyalg RSA -dname "cn=localhost,ou=sango,o=none,l=china,st=beijing,c=cn" -alias server -keypass password -keystore server.jks -storepass password -validity 36
  • 托管虚拟桌面市场势不可挡 蓝儿唯美
    用户还需要冗余的数据中心，dinCloud的高级副总裁兼首席营销官Ali Din指出。该公司转售一个MSP可以让用户登录并管理和提供服务的用于DaaS的云自动化控制台，提供服务或者MSP也可以自己来控制。 在某些情况下，MSP会在dinCloud的云服务上进行服务分层，如监控和补丁管理。 MSP的利润空间将根据其参与的程度而有所不同，Din说。 “我们有一些合作伙伴负责将我们推荐给客户作为个
  • spring学习——xml文件的配置 a-john spring
    在Spring的学习中，对于其xml文件的配置是必不可少的。在Spring的多种装配Bean的方式中，采用XML配置也是最常见的。以下是一个简单的XML配置文件： <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.or
  • HDU 4342 History repeat itself 模拟 aijuans 模拟
    来源：http://acm.hdu.edu.cn/showproblem.php?pid=4342 题意：首先让求第几个非平方数，然后求从1到该数之间的每个sqrt(i)的下取整的和。 思路：一个简单的模拟题目，但是由于数据范围大，需要用__int64。我们可以首先把平方数筛选出来，假如让求第n个非平方数的话，看n前面有多少个平方数，假设有x个，则第n个非平方数就是n+x。注意两种特殊情况，即
  • java中最常用jar包的用途 asia007 java
    java中最常用jar包的用途 jar包用途axis.jarSOAP引擎包commons-discovery-0.2.jar用来发现、查找和实现可插入式接口，提供一些一般类实例化、单件的生命周期管理的常用方法.jaxrpc.jarAxis运行所需要的组件包saaj.jar创建到端点的点到点连接的方法、创建并处理SOAP消息和附件的方法，以及接收和处理SOAP错误的方法.  w
  • ajax获取Struts框架中的json编码异常和Struts中的主控制器异常的解决办法 百合不是茶 jsjson编码返回异常
    一:ajax获取自定义Struts框架中的json编码  出现以下 问题:       1,强制flush输出  json编码打印在首页 2, 不强制flush js会解析json 打印出来的是错误的jsp页面   却没有跳转到错误页面 3,  ajax中的dataType的json 改为text 会
  • JUnit使用的设计模式 bijian1013 java设计模式JUnit
    JUnit源代码涉及使用了大量设计模式 1、模板方法模式（Template Method）         定义一个操作中的算法骨架，而将一些步骤延伸到子类中去，使得子类可以不改变一个算法的结构，即可重新定义该算法的某些特定步骤。这里需要复用的是算法的结构，也就是步骤，而步骤的实现可以在子类中完成。   
  • Linux常用命令（摘录） sunjing crondchkconfig
    chkconfig --list   查看linux所有服务 chkconfig --add servicename 添加linux服务 netstat -apn | grep 8080  查看端口占用 env 查看所有环境变量 echo $JAVA_HOME 查看JAVA_HOME环境变量   安装编译器 yum install -y gcc
  • 【Hadoop一】Hadoop伪集群环境搭建 bit1129 hadoop
     结合网上多份文档，不断反复的修正hadoop启动和运行过程中出现的问题，终于把Hadoop2.5.2伪分布式安装起来，跑通了wordcount例子。Hadoop的安装复杂性的体现之一是，Hadoop的安装文档非常多，但是能一个文档走下来的少之又少，尤其是Hadoop不同版本的配置差异非常的大。Hadoop2.5.2于前两天发布，但是它的配置跟2.5.0，2.5.1没有分别。 &nb
  • Anychart图表系列五之事件监听 白糖_ chart
    创建图表事件监听非常简单：首先是通过addEventListener('监听类型',js监听方法)添加事件监听，然后在js监听方法中定义具体监听逻辑。 以钻取操作为例，当用户点击图表某一个point的时候弹出point的name和value，代码如下： <script> //创建AnyChart var chart = new AnyChart(); //添加钻取操作&quo
  • Web前端相关段子 braveCS web前端
    Web标准：结构、样式和行为分离   使用语义化标签 0）标签的语义：使用有良好语义的标签，能够很好地实现自我解释，方便搜索引擎理解网页结构，抓取重要内容。去样式后也会根据浏览器的默认样式很好的组织网页内容，具有很好的可读性，从而实现对特殊终端的兼容。 1）div和span是没有语义的：只是分别用作块级元素和行内元素的区域分隔符。当页面内标签无法满足设计需求时，才会适当添加div
  • 编程之美-24点游戏 bylijinnan 编程之美
    import java.util.ArrayList; import java.util.Arrays; import java.util.HashSet; import java.util.List; import java.util.Random; import java.util.Set; public class PointGame { /**编程之美
  • 主页面子页面传值总结 chengxuyuancsdn 总结
    1、showModalDialog returnValue是javascript中html的window对象的属性,目的是返回窗口值,当用window.showModalDialog函数打开一个IE的模式窗口时,用于返回窗口的值 主界面 var sonValue=window.showModalDialog("son.jsp"); 子界面 window.retu
  • [网络与经济]互联网+的含义 comsci 互联网+
          互联网+后面是一个人的名字 = 网络控制系统       互联网+你的名字 =  网络个人数据库       每日提示:如果人觉得不舒服,千万不要外出到处走动,就呆在床上,玩玩手游,更不能够去开车,现在交通状况不
  • oracle 创建视图 with check option daizj 视图vieworalce
    我们来看下面的例子： create or replace view testview as select empno,ename from emp where ename like ‘M%’ with check option; 这里我们创建了一个视图，并使用了with check option来限制了视图。 然后我们来看一下视图包含的结果： select * from testv
  • ToastPlugin插件在cordova3.3下使用 dibov Cordova
        自己开发的Todos应用，想实现“ 再按一次返回键退出程序 ”的功能，采用网上的ToastPlugins插件，发现代码或文章基本都是老版本，运行问题比较多。折腾了好久才弄好。下面吧基于cordova3.3下的ToastPlugins相关代码共享。       ToastPlugin.java package&nbs
  • C语言22个系统函数 dcj3sjt126com cfunction
    C语言系统函数一、数学函数下列函数存放在math.h头文件中Double floor(double num) 求出不大于num的最大数。Double fmod(x, y) 求整数x/y的余数。Double frexp(num, exp); double num; int *exp; 将num分为数字部分（尾数）x和 以2位的指数部分n，即num=x*2n，指数n存放在exp指向的变量中，返回x。D
  • 开发一个类的流程 dcj3sjt126com 开发
    本人近日根据自己的开发经验总结了一个类的开发流程。这个流程适用于单独开发的构件，并不适用于对一个项目中的系统对象开发。开发出的类可以存入私人类库，供以后复用。   以下是开发流程： 1. 明确类的功能，抽象出类的大概结构 2. 初步设想类的接口 3. 类名设计（驼峰式命名） 4. 属性设置(权限设置) 判断某些变量是否有必要作为成员属
  • java 并发 shuizhaosi888 java 并发
    能够写出高伸缩性的并发是一门艺术   在JAVA SE5中新增了3个包 java.util.concurrent java.util.concurrent.atomic java.util.concurrent.locks 在java的内存模型中，类的实例字段、静态字段和构成数组的对象元素都会被多个线程所共享，局部变量与方法参数都是线程私有的，不会被共享。
  • Spring Security（11）——匿名认证 234390216 Spring SecurityROLE_ANNOYMOUS匿名
    匿名认证 目录 1.1     配置 1.2     AuthenticationTrustResolver          对于匿名访问的用户，Spring Security支持为其建立一个匿名的AnonymousAuthenticat
  • NODEJS项目实践0.2[ express,ajax通信...] 逐行分析JS源代码 Ajaxnodejsexpress
      一、前言         通过上节学习，我们已经        ubuntu系统搭建了一个可以访问的nodejs系统，并做了nginx转发。本节原要做web端服务 及 mongodb的存取，但写着写着，web端就
  • 在Struts2 的Action中怎样获取表单提交上来的多个checkbox的值 lhbthanks javahtmlstrutscheckbox
    第一种方法：获取结果String类型 在 Action 中获得的是一个 String 型数据，每一个被选中的 checkbox 的 value 被拼接在一起，每个值之间以逗号隔开(,)。 所以在 Action 中定义一个跟 checkbox 的 name 同名的属性来接收这些被选中的 checkbox 的 value 即可。 以下是实现的代码： 前台 HTML 代码：
  • 003.Kafka基本概念 nweiren hadoopkafka
    Kafka基本概念：Topic、Partition、Message、Producer、Broker、Consumer。 Topic：             消息源（Message）的分类。 Partition：             Topic物理上的分组，一
  • Linux环境下安装JDK roadrunners jdklinux
    1、准备工作 创建JDK的安装目录： mkdir -p /usr/java/   下载JDK，找到适合自己系统的JDK版本进行下载： http://www.oracle.com/technetwork/java/javase/downloads/index.html   把JDK安装包下载到/usr/java/目录，然后进行解压： tar -zxvf jre-7
  • Linux忘记root密码的解决思路 tomcat_oracle linux
    1：使用同版本的linux启动系统，chroot到忘记密码的根分区passwd改密码 　　2：grub启动菜单中加入init=/bin/bash进入系统，不过这时挂载的是只读分区。根据系统的分区情况进一步判断. 　　3: grub启动菜单中加入 single以单用户进入系统. 　　4:用以上方法mount到根分区把/etc/passwd中的root密码去除 　　例如: 　　ro
  • 跨浏览器 HTML5 postMessage 方法以及 message 事件模拟实现 xueyou jsonpjquery框架UIhtml5
    postMessage 是 HTML5 新方法，它可以实现跨域窗口之间通讯。到目前为止，只有 IE8+, Firefox 3, Opera 9, Chrome 3和 Safari 4 支持，而本篇文章主要讲述 postMessage 方法与 message 事件跨浏览器实现。postMessage 方法 JSONP 技术不一样，前者是前端擅长跨域文档数据即时通讯，后者擅长针对跨域服务端数据通讯，p
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他