明月看潮生
明月看潮生

编程笔记 html5&css&js 013 HTML布局

编程笔记 html5&css&js 013 HTML布局

  • 一、使用 `
    ` 元素的网页布局
  • 二、使用 `` 元素的网页布局
  • 三、布局框架
  • 小结

    • 网页布局对改善网站的外观非常重要。请慎重设计您的网页布局。

    一、使用
    元素的网页布局

    div 元素是用于分组 HTML 元素的块级元素。
    下面的例子使用五个 div 元素来创建多列布局：

    实例

    DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>网页布局(runoob.com)title> 
head>
<body>
<div id="container" style="width:500px">
<div id="header" style="background-color:#FFA500;">
<h1 style="margin-bottom:0;">网页标题h1>div>
<div id="menu" style="background-color:#FFD700;height:200px;width:100px;float:left;">
<b>菜单b><br>
HTML<br>
CSS<br>
JavaScriptdiv>
 <div id="content" style="background-color:#EEEEEE;height:200px;width:400px;float:left;">
内容在这里div>
 <div id="footer" style="background-color:#FFA500;clear:both;text-align:center;">
版权 © 9999999.comdiv>
 div>
 body>
html>

    二、使用

    元素的网页布局

    使用 HTML

    标签是创建布局的一种简单的方式。
    大多数站点可以使用
    或者
    元素来创建多列。CSS 用于对元素进行定位，或者为页面创建背景以及色彩丰富的外观。

    实例

    DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>网页布局(runoob.com)title> 
head>
<body>
<table width="500" border="0">
<tr>
<td colspan="2" style="background-color:#FFA500;">
<h1>网页标题h1>
td>
tr>
<tr>
<td style="background-color:#FFD700;width:100px;">
<b>菜单b><br>
HTML<br>
CSS<br>
JavaScript
td>
<td style="background-color:#eeeeee;height:200px;width:400px;">
内容在这里td>
tr>
<tr>
<td colspan="2" style="background-color:#FFA500;text-align:center;">
版权 © 999999.comtd>
tr>
table>
body>
html>

    三、布局框架

    是一种用于设计和组织网页布局的结构。它可以帮助开发者将网页内容划分为不同的区域，并指定它们的位置、尺寸和样式。常见的布局框架有以下几种：

    1. 表格布局：使用HTML的table标签来创建网页布局。表格布局的优点是简单易懂，兼容性好，但缺点是不灵活，不适合响应式设计。
    2. 块级元素布局：使用HTML的块级元素（如div）来划分网页布局。块级元素布局的优点是灵活，可以轻松实现响应式设计，但缺点是需要一些CSS样式来控制元素的位置和尺寸。
    3. 栅格布局：使用CSS框架（如Bootstrap）提供的栅格系统来创建网页布局。栅格布局的优点是简单易用，适用于响应式设计，并且具有一致的样式，但缺点是需要引入额外的框架。
    4. 弹性布局：使用CSS的弹性布局（flexbox）来创建网页布局。弹性布局的优点是灵活性、响应式设计能力强，但缺点是兼容性较差。
    5. 网格布局：使用CSS的网格布局（grid）来创建网页布局。网格布局的优点是灵活性、响应式设计能力强，但缺点是兼容性较差。
      选择合适的布局框架可以根据项目需求和开发者熟悉程度来决定。

    小结

    具体使用哪种布局，视需要而定。

    你可能感兴趣的:(#,html5,css3,javascript,少年工程师)

    • 移动端城市区县二级联动选择功能实现包 good2know
      本文还有配套的精品资源，点击获取简介：本项目是一套为移动端设计的jQuery实现方案，用于简化用户在选择城市和区县时的流程。它包括所有必需文件：HTML、JavaScript、CSS及图片资源。通过动态更新下拉菜单选项，实现城市到区县的联动效果，支持数据异步加载。开发者可以轻松集成此功能到移动网站或应用，并可基于需求进行扩展和优化。1.jQuery移动端解决方案概述jQuery技术简介jQuery
    • 车载刷写架构 --- 整车刷写中为何增加了ECU 队列刷写策略？ 汽车电子实验室 电子电器架构——刷写方案车载电子电气架构架构开发语言车载诊断进阶篇汽车中央控制单元HPC软件架构关于网关转发性能引起的思考
      我是穿拖鞋的汉子，魔都中坚持长期主义的汽车电子工程师。老规矩，分享一段喜欢的文字，避免自己成为高知识低文化的工程师：周末洗了一个澡，换了一身衣服，出了门却不知道去哪儿，不知道去找谁，漫无目的走着，大概这就是成年人最深的孤独吧!旧人不知我近况，新人不知我过往，近况不该旧人知，过往不与新人讲。纵你阅人何其多，再无一人恰似我。时间不知不觉中，来到新的一年。2025开始新的忙碌。成年人的我也不知道去哪里渡
    • 车载诊断架构 ---面向售后的DTC应该怎么样填写？ 汽车电子实验室 车载电子电气架构漫谈UDS诊断协议系列EV（电动汽车）常规知识必备架构面向售后的DTC车载诊断架构OEM怎么掌握软件开发能力车载通信网络槪述androidZEVonUDS-J1979
      我是穿拖鞋的汉子，魔都中坚持长期主义的汽车电子工程师。老规矩，分享一段喜欢的文字，避免自己成为高知识低文化的工程师：简单，单纯，喜欢独处，独来独往，不易合同频过着接地气的生活，除了生存温饱问题之外，没有什么过多的欲望，表面看起来很高冷，内心热情，如果你身边有这样灵性的人，一定要好好珍惜他们眼中有神有光，干净，给人感觉很舒服，有超强的感知能力有形的无形的感知力很强，能感知人的内心变化喜欢独处，好静，
    • 车载诊断架构 --- 关于诊断时间参数P4的浅析 汽车电子实验室 车载电子电气架构漫谈UDS诊断协议系列架构开发语言关于网关转发性能引起的思考汽车中央控制单元HPC软件架构车载诊断进阶篇
      关于诊断时间参数P4的浅析我是穿拖鞋的汉子，魔都中坚持长期主义的汽车电子工程师。老规矩，分享一段喜欢的文字，避免自己成为高知识低文化的工程师：所谓鸡汤，要么蛊惑你认命，要么怂恿你拼命，但都是回避问题的根源，以现象替代逻辑，以情绪代替思考，把消极接受现实的懦弱，伪装成乐观面对不幸的豁达，往不幸上面喷“香水”来掩盖问题。无人问津也好,技不如人也罢,你都要试着安静下来,去做自己该做的事.而不是让内心的烦
    • 车载刷写架构 --- 刷写思考扩展 汽车电子实验室 电子电器架构——刷写方案架构开发语言关于网关转发性能引起的思考汽车中央控制单元HPC软件架构车载诊断进阶篇
      我是穿拖鞋的汉子，魔都中坚持长期主义的汽车电子工程师。老规矩，分享一段喜欢的文字，避免自己成为高知识低文化的工程师：做到欲望极简，了解自己的真实欲望，不受外在潮流的影响，不盲从，不跟风。把自己的精力全部用在自己。一是去掉多余，凡事找规律，基础是诚信；二是系统思考、大胆设计、小心求证；三是“一张纸制度”，也就是无论多么复杂的工作内容，要在一张纸上描述清楚；四是要坚决反对虎头蛇尾，反对繁文缛节，反对老
    • 为什么焦虑、抑郁、自残的青少年越来越多？ 精神健康
      很多家长觉得没缺孩子吃的穿的，他们有安稳的生活，他们有什么可焦虑、抑郁的，但现在的孩子，学习压力越来越大，每天休息的时间越来越少，出现焦虑抑郁是很正常的。从发展的角度看，青少年时期，人的身体、情绪，智力、人格都急剧发展，正从未成熟走向成熟，情绪起伏不定，易冲动，再者，由于缺乏生活经验，以及来自于家长、学校、社会的各种要求和压力，从而不知所措，心中的焦虑、恐惧、彷徨得不到及时的排解，从而导致心理上的
    • 人民日报每日金句摘抄精选8.1 飞云写作
      1.岁月因青春慨然以赴而更加静好，世间因少年挺身向前而更加瑰丽。2.与其朋友圈字斟句酌，不如现实中好好生活。3.真正的优秀不是别人逼出来的，而是自己和自己死磕。4.时代的考题已经列出，我们的答卷正在写就。5.人生不就是这样，经历过一次次考验才能成长；人生不就是这样，哪怕雨雪霏霾也要去追寻阳光。6.忆往昔，百年征程砥砺“同心”；看今朝，千秋伟业催人奋进。7.真理的波涛，喷涌而出就奔流不息；理想的火焰
    • 用代码生成艺术字：设计个性化海报的秘密
      本文围绕“用代码生成艺术字：设计个性化海报的秘密”展开，先概述代码生成艺术字在海报设计中的独特价值，接着介绍常用的代码工具（如HTML、CSS、JavaScript等），详细阐述从构思到实现的完整流程，包括字体样式设计、动态效果添加等，还分享了提升艺术字质感的技巧及实际案例。最后总结代码生成艺术字的优势，为设计师提供打造个性化海报的实用指南，助力提升海报设计的独特性与吸引力，符合搜索引擎SEO标准
    • 【剽悍读书营成长记录】十天，稍纵即逝 慢慢存钱
      又一个十天过去了，又一个主题营结束了。回顾这十天的时间，如过眼云烟，稍纵即逝。1.买书得知这次主题营要读的书必须是纸质版，我就有点慌神儿了。记得上次去书店，还是学生时代，已经多少年没去过书店了。即便一直没去过，还想着这次终于有机会再去书店逛逛了。第二天，带我妈去医院看望住院的小舅妈，本打算抽出些时间，去书店逛一圈。但计划没有变化快，也因为这个医院附近没有书店，我要么去知道的新华书店，要么就得再附近
    • 好可怕୧( ⁼̴̶̤̀ω⁼̴̶̤́ )૭人会因为思维狭隘而限制自己的选择范围，并且导致做出糟糕选择 寻世良方Cc_Sandy拎0
      人间天堂举个例子，希思兄弟指出，青少年们的决定中，有65%左右都属于表决心式和“是否式”决定。表决心式决定是类似于“我再也不吃垃圾食品”这种；“是否式”决定指的是像“我要不要吃炸鸡”，或者“我要不要跟男朋友分手”这种决定。作者说，这其实是一种“认知气泡”。在“认知气泡”里面，人们看不到更多的选择，相当于思维被局限住。而且，这种现象不仅仅是青少年中会出现，成熟的组织也会犯同样的错误。比如，公司在收购
    • 李汶翰、徐娇领衔主演，杭州2022年亚运组委会授权电视剧《泳往直前》阵容官宣！ 楚离杜子腾
      今日，杭州亚组委授权电视剧《泳往直前》阵容官宣，由黄克敏执导，李汶翰、徐娇领衔主演。《泳往直前》是亚运会筹备工作启动以来,着手谋划创作的亚运主题文艺精品项目之一，也是杭州亚组委官方授权拍摄的唯一一部亚运主题电视剧。《泳往直前》主要讲述了四名背景各异，独具个性的少年在泳池奋力拼搏、执着追梦的故事。中年失意的游泳教练梁友光，为了证明自己的能力，四处挖掘游泳的好苗子冲刺亚运会，在发现了毫无训练经验却颇有
    • 夏有凉风 麦大西
      初夏傍晚的风，有些微凉。一个人坐在地板上，开半个瓜，用勺子挖着吃……什么也不用想，仿佛世界，就剩下了你和风，花和瓜……有些惬意，只能自己独享。所以开始怀念单身和孤独，怀念从前。怀念无忧无虑，或者少年不知愁滋味的时候。青春真好，太阳正好。——【随手成札】2022.5.27
    • Docker ℡余晖^ 黑马点评项目相关问题和笔记dockereureka容器
      在黑马点评项目中，在谈到Redisson解决redis的主从一致性问题时，弹幕提到了Docker，本文来简单了解一下Docker，我的初步理解运维是维护多个集群的稳定，那它和VM虚拟机的区别又是什么？，如果要更深入地理解与学习（运维工程师），可以到b站搜索专门的课程（SpringCloud）。一、Docker是什么？重新理解“容器化”的本质1.1Docker的定义Docker是一个开源的容器化平台
    • Java 代理机制详解：从静态代理到动态代理，彻底掌握代理模式的原理与实战 大葱白菜 java合集java开发语言后端个人开发学习代理模式
      作为一名Java开发工程师，你一定在使用Spring、MyBatis、RPC框架等技术时接触过“代理”（Proxy）这个概念。无论是Spring的AOP（面向切面编程）、事务管理，还是远程调用、日志记录、权限控制等场景，代理机制都扮演着至关重要的角色。本文将带你全面掌握：什么是代理？静态代理与动态代理的区别JDK动态代理与CGLIB动态代理的实现原理代理模式的典型应用场景代理在主流框架中的使用（如
    • java web开发实战经典 当当_java web项目实战开发 飞翔的酋长大人 javaweb开发实战经典当当
      本书以问题为导向，涵盖JavaWeb开发技术中所有的核心知识点；实战开发案例丰富，所有的知识案例都来源于企业真实项目，实战性和可操作性强；代码注释详细准确，结构简洁清晰；语言简明易懂，由浅入深地带你学会JavaWeb技术及应用。本书面向广大Java开发工程师和普通高校学生，可作为高等学校计算机及其相关专业Web编程技术课程教材，也可供从事JavaWeb应用开发的技术人员学习参考。¥80.00定价：
    • 为什么学习Web前端一定要掌握JavaScript？ web前端学习指南
      为什么学习Web前端一定要掌握JavaScript？在前端的世界里，没有什么是JavaScript实现不了的，关于JS有一句话：凡是可以用JavaScript来写的应用，最终都会用JavaScript，JavaScript可运行在所有主要平台的所有主流浏览器上，也可运行在每一个主流操作系统的服务器端上。现如今我们在为网站写任何一个主要功能的时候都需要有懂能够用JavaScript写前端的开发人员。
    • 《跨域资源共享CORS的深层逻辑与前端实践精要》
      不同源头的资源交互已成为常态，而跨域资源共享（CORS）正是支撑这种交互的隐形架构。现代Web安全体系中平衡开放与防护的精妙设计。理解CORS的深层逻辑，不仅能解决实际开发中的跨域难题，更能触及网络安全与资源流通的核心矛盾，为前端工程师构建稳健的应用提供底层认知支撑。跨域资源共享的诞生，源于网络安全与应用发展的必然冲突。浏览器的同源策略，作为早期网络安全的基石，通过限制不同源文档的交互，有效阻挡了
    • Vue CSR 到 Nuxt 3 SSR 迁移：技术实现与问题解决实录 二倍速播放 前端vue.js
      1.迁移动机与技术选型1.1CSR架构的局限性基于Vue3和Vite构建的客户端渲染(CSR)单页应用(SPA)提供了良好的开发体验和用户交互流畅性。但是其核心局限在于：搜索引擎优化(SEO)：初始HTML响应仅包含一个根div元素，实际内容由JavaScript在浏览器端动态生成。虽然主流搜索引擎（如Google）能够执行部分JavaScript，但其抓取效率和稳定性不如直接获取完整HTML。非
    • FloEFD 工程师使用灵活，企业如何科学管控许可证资源？
      随着制造企业对设计仿真一体化需求的增长，FloEFD作为SiemensDigitalIndustriesSoftware提供的CAD嵌入式计算流体动力学（CFD）工具，凭借与SolidWorks、Creo、NX、CATIA等主流CAD平台深度集成，广泛应用于电子散热、汽车、能源装备、流体机械等行业。FloEFD的优势在于其“工程师友好型”理念，使设计工程师可以直接在CAD环境中完成几何建模、网格生
    • 12. 什么是事件委托 yqcoder 前端面试-CSScss面试
      总结事件委托（EventDelegation）是JavaScript中一种重要的事件处理机制，它利用了事件冒泡的特性，将事件的处理程序绑定到父元素或祖先元素上，而不是直接绑定到具体的子元素上。什么是事件委托？事件冒泡：在DOM中，事件通常会从触发元素开始，然后逐级向上冒泡到其父元素、祖先元素，直到window对象。核心思想：事件委托的核心思想是利用事件冒泡机制，在父元素上监听事件，而不是在每个子元
    • 2019-3-16晨间日记 素若初心
      今天是懒懒的日子起床：10:30就寝：12:00天气：晴心情：平静纪念日：无任务清单昨日完成的任务，最重要的三件事：1、爷爷出ICU，转进病房2、儿子在家观察照顾儿子3、打扫卫生（客厅角角落落）改进：不睡懒觉习惯养成：日更英语周目标·完成进度漫无目标爷爷进病房学习·信息·阅读速读健康·饮食·锻炼多吃青菜人际·家人·朋友陪护家人工作·思考无最美好的三件事1.懒懒的早晨2.电影《少年pi》3.和儿子聊
    • 2020.2.16 易亦逍遥
      1、不在巅峰时慕名而来，亦不在低谷时转身而去。2、从此我们俩，只有死别，没有生离。——钱钟书3、要么出众，要么出局。4、同是寒窗苦读，怎可甘拜下风？5、没有受过伤的人，才会讥笑别人身上的伤痕。——莎士比亚6、当泪的潮涌渐渐退远，理想的岛屿就会浮现。——顾城7、当命运需要你们去逆风飞翔的时候，就不能随风而去。——《少年班》8、凡事皆有可能，永远别说永远。——《放牛班的春天》9、心之所向，素履所往；心
    • 震惊！DOM变化监控神器MutationObserver，前端开发必知的隐藏武器！ coding随想 JavaScript前端javascripthtml5
      一、什么是MutationObserver？如果你是一个前端开发者，一定会遇到这样的场景：页面动态加载内容后，某些操作失效了。比如，你写了一个监听按钮点击的代码，但按钮是通过AJAX动态加载的，你的代码根本无法触发。这个时候，你就需要一个“监控哨兵”——MutationObserver，它能实时监听DOM树的变化，帮你捕获那些“暗中作祟”的节点变动。MutationObserver是HTML5引入
    • 11. HTML 中 DOCTYPE 的作用 yqcoder 前端面试-CSShtml前端
      总结H5的声明HTML5的DOCTYPE声明HTML5中的声明用于告诉浏览器当前文档使用的是HTML5的文档类型。它必须是文档中的第一行内容（在任何HTML标签之前），以确保浏览器能够正确地解析和渲染页面。DOCTYPE的作用触发标准模式：DOCTYPE声明的主要作用是让浏览器以标准模式（StandardsMode）来解析和渲染页面，而不是以兼容模式（QuirksMode）。兼容性：在没有DOCT
    • 全栈工程师必备开发利器 东风牧野 全栈开发技术网络全栈开发工具
      一、团队协作工具团队协作软件Teambition：团队协作工具创导者有道云协作：企业知识管理与协作平台tower：深受用户喜爱的团队协作工具笔记备忘印象笔记：工作必备效率应用有道云笔记：网易出品，获得5000万用户青睐的笔记软件。提供了PC端、移动端、网页端等多端应用，用户可以随时随地对线上资料进行编辑、分享以及协同。日事清：怕工作进度延误就用日事清滴答清单：一个帮你高效完成任务和规划时间的应用远
    • 贵妃将我虐待致死后，暴君杀疯了(皇后薛贵妃)热门小说免费阅读_热门免费小说贵妃将我虐待致死后，暴君杀疯了皇后薛贵妃 小富江呀
      贵妃将我虐待致死后，暴君杀疯了》主角：皇后薛贵妃简介：我是医圣门下唯一女弟子。山中采药时，偶然救了一受伤少年。少年信誓旦旦，说长大定娶我为妻。我权当玩笑，没放心上。十年后，少年成为了一代暴君。在我和师兄的大婚之日，他带兵杀死我师兄，将我抢进了宫。“朕说过会娶你。你的夫君，只能是朕！”为表真心，他封我为后，独宠我一人。朝中大臣提出异议，便被五马分尸。可我不爱他，更无法接受这个杀我师兄的暴君。无论他如
    • 9、Docker Compose 实战 小醉你真好 #部署不求人docker容器运维
      DockerCompose实战教程（含完整Nginx案例+配置项详解）适合读者：开发者、后端工程师、运维工程师、初学者环境要求：CentOS9+Docker已安装教程亮点：实战驱动、配置项详解、挂载说明、可直接复制使用标签：#Docker#DockerCompose#运维实战#Nginx部署一、什么是DockerCompose？DockerCompose是Docker官方推出的多容器应用编排工具，
    • Hystrix停更了，Sentinel能接班吗？熔断降级技术深度对比！ 我爱娃哈哈 分布式技术原理与实战hystrixsentinel
      Hystrix停更了，Sentinel能接班吗？熔断降级技术深度对比！一、开场白：熔断降级，真能救活你的系统？还记得第一次遇到服务雪崩，老板一句话："你熔断降级做了吗？"我一脸懵："熔断降级？不就是Hystrix吗？"结果一查，Hystrix已经停更了，Sentinel成了新宠！今天咱们就聊聊，Hystrix到底是怎么工作的？Sentinel又有什么优势？一线后端工程师的深度技术对比！二、熔断降级
    • 关于前端的性能优化
      性能优化主要涵盖了以下四个方面：(tip:仅代表个人总结，如有不当，还希望看到的大佬多多指示)减少网络请求：合并文件、使用CDN、启用缓存。优化资源加载：代码分割、懒加载、图片压缩。提升渲染性能：减少重绘回流、防抖节流、使用WebWorker。监控和迭代：定期使用工具检测性能，持续优化。一、网络层面优化减少HTTP请求合并文件：将多个CSS或JavaScript文件合并成一个，减少请求次数。使用C
    • 时间组件库Day.js那些事 前端小白花 javascript开发语言ecmascript
      一、简介1.什么是Day.jsDay.js是一个轻量级，易于使用的JavaScript日期库，提供了强大的日期和时间处理功能，与Moment.js的API设计相似，但具有更高的性能和更小的体积。Day.js官网https://day.js.org/docs/zh-CN/installation/installation2.优势a.特点轻量级：Dayjs的压缩后大小只有2KB左右，远小于Moment
    • 关于旗正规则引擎中的MD5加密问题 何必如此 jspMD5规则加密
      一般情况下，为了防止个人隐私的泄露，我们都会对用户登录密码进行加密，使数据库相应字段保存的是加密后的字符串，而非原始密码。 在旗正规则引擎中，通过外部调用，可以实现MD5的加密，具体步骤如下： 1.在对象库中选择外部调用，选择“com.flagleader.util.MD5”，在子选项中选择“com.flagleader.util.MD5.getMD5ofStr({arg1})”； 2.在规
    • 【Spark101】Scala Promise/Future在Spark中的应用 bit1129 Promise
      Promise和Future是Scala用于异步调用并实现结果汇集的并发原语，Scala的Future同JUC里面的Future接口含义相同，Promise理解起来就有些绕。等有时间了再仔细的研究下Promise和Future的语义以及应用场景，具体参见Scala在线文档：http://docs.scala-lang.org/sips/completed/futures-promises.html
    • spark sql 访问hive数据的配置详解 daizj spark sqlhivethriftserver
      spark sql 能够通过thriftserver 访问hive数据，默认spark编译的版本是不支持访问hive，因为hive依赖比较多，因此打的包中不包含hive和thriftserver,因此需要自己下载源码进行编译，将hive，thriftserver打包进去才能够访问，详细配置步骤如下：   1、下载源码   2、下载Maven,并配置 此配置简单，就略过
    • HTTP 协议通信 周凡杨 javahttpclienthttp通信
                              一：简介  HTTPCLIENT，通过JAVA基于HTTP协议进行点与点间的通信！     二： 代码举例      测试类： import java
    • java unix时间戳转换 g21121 java
      把java时间戳转换成unix时间戳： Timestamp appointTime=Timestamp.valueOf(new SimpleDateFormat("yyyy-MM-dd HH:mm:ss").format(new Date())) SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd hh:m
    • web报表工具FineReport常用函数的用法总结（报表函数） 老A不折腾 web报表finereport总结
      说明：本次总结中，凡是以tableName或viewName作为参数因子的。函数在调用的时候均按照先从私有数据源中查找，然后再从公有数据源中查找的顺序。   CLASS CLASS(object):返回object对象的所属的类。   CNMONEY CNMONEY(number,unit)返回人民币大写。 number:需要转换的数值型的数。 unit:单位，
    • java jni调用c++ 代码 报错 墙头上一根草 javaC++jni
      # # A fatal error has been detected by the Java Runtime Environment: # #  EXCEPTION_ACCESS_VIOLATION (0xc0000005) at pc=0x00000000777c3290, pid=5632, tid=6656 # # JRE version: Java(TM) SE Ru
    • Spring中事件处理de小技巧 aijuans springSpring 教程Spring 实例Spring 入门Spring3
      Spring 中提供一些Aware相关de接口，BeanFactoryAware、 ApplicationContextAware、ResourceLoaderAware、ServletContextAware等等，其中最常用到de匙ApplicationContextAware.实现ApplicationContextAwaredeBean，在Bean被初始后，将会被注入 Applicati
    • linux shell ls脚本样例 annan211 linuxlinux ls源码linux 源码
      #! /bin/sh - #查找输入文件的路径 #在查找路径下寻找一个或多个原始文件或文件模式 # 查找路径由特定的环境变量所定义 #标准输出所产生的结果 通常是查找路径下找到的每个文件的第一个实体的完整路径 # 或是filename :not found 的标准错误输出。 #如果文件没有找到 则退出码为0 #否则 即为找不到的文件个数 #语法 pathfind [--
    • List,Set,Map遍历方式 (收集的资源,值得看一下) 百合不是茶 listsetMap遍历方式
      List特点：元素有放入顺序，元素可重复 Map特点：元素按键值对存储，无放入顺序 Set特点：元素无放入顺序，元素不可重复（注意：元素虽然无放入顺序，但是元素在set中的位置是有该元素的HashCode决定的，其位置其实是固定的） List接口有三个实现类：LinkedList，ArrayList，Vector LinkedList：底层基于链表实现，链表内存是散乱的，每一个元素存储本身
    • 解决SimpleDateFormat的线程不安全问题的方法 bijian1013 javathread线程安全
      在Java项目中，我们通常会自己写一个DateUtil类，处理日期和字符串的转换，如下所示： public class DateUtil01 { private SimpleDateFormat dateformat = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); public void format(Date d
    • http请求测试实例（采用fastjson解析） bijian1013 http测试
              在实际开发中，我们经常会去做http请求的开发，下面则是如何请求的单元测试小实例，仅供参考。 import java.util.HashMap; import java.util.Map; import org.apache.commons.httpclient.HttpClient; import
    • 【RPC框架Hessian三】Hessian 异常处理 bit1129 hessian
      RPC异常处理概述   RPC异常处理指是，当客户端调用远端的服务，如果服务执行过程中发生异常，这个异常能否序列到客户端？   如果服务在执行过程中可能发生异常，那么在服务接口的声明中，就该声明该接口可能抛出的异常。   在Hessian中，服务器端发生异常，可以将异常信息从服务器端序列化到客户端，因为Exception本身是实现了Serializable的
    • 【日志分析】日志分析工具 bit1129 日志分析
      1. 网站日志实时分析工具 GoAccess http://www.vpsee.com/2014/02/a-real-time-web-log-analyzer-goaccess/ 2. 通过日志监控并收集 Java 应用程序性能数据(Perf4J) http://www.ibm.com/developerworks/cn/java/j-lo-logforperf/ 3.log.io 和
    • nginx优化加强战斗力及遇到的坑解决 ronin47 nginx 优化
      　　　先说遇到个坑，第一个是负载问题，这个问题与架构有关，由于我设计架构多了两层，结果导致会话负载只转向一个。解决这样的问题思路有两个：一是改变负载策略，二是更改架构设计。 　　　由于采用动静分离部署，而nginx又设计了静态，结果客户端去读nginx静态，访问量上来，页面加载很慢。解决：二者留其一。最好是保留apache服务器。   　　　来以下优化：   　　　
    • java-50-输入两棵二叉树A和B，判断树B是不是A的子结构 bylijinnan java
      思路来自： http://zhedahht.blog.163.com/blog/static/25411174201011445550396/ import ljn.help.*; public class HasSubtree { /**Q50. * 输入两棵二叉树A和B，判断树B是不是A的子结构。 例如，下图中的两棵树A和B，由于A中有一部分子树的结构和B是一
    • mongoDB 备份与恢复 开窍的石头 mongDB备份与恢复
      Mongodb导出与导入 1: 导入/导出可以操作的是本地的mongodb服务器,也可以是远程的. 所以,都有如下通用选项: -h host   主机 --port port    端口 -u username 用户名 -p passwd   密码 2: mongoexport 导出json格式的文件
    • [网络与通讯]椭圆轨道计算的一些问题 comsci 网络
           如果按照中国古代农历的历法，现在应该是某个季节的开始，但是由于农历历法是3000年前的天文观测数据，如果按照现在的天文学记录来进行修正的话，这个季节已经过去一段时间了。。。。。       也就是说，还要再等3000年。才有机会了，太阳系的行星的椭圆轨道受到外来天体的干扰，轨道次序发生了变
    • 软件专利如何申请 cuiyadll 软件专利申请
      软件技术可以申请软件著作权以保护软件源代码，也可以申请发明专利以保护软件流程中的步骤执行方式。专利保护的是软件解决问题的思想，而软件著作权保护的是软件代码（即软件思想的表达形式）。例如，离线传送文件，那发明专利保护是如何实现离线传送文件。基于相同的软件思想，但实现离线传送的程序代码有千千万万种，每种代码都可以享有各自的软件著作权。申请一个软件发明专利的代理费大概需要5000-8000申请发明专利可
    • Android学习笔记 darrenzhu android
      1.启动一个AVD 2.命令行运行adb shell可连接到AVD,这也就是命令行客户端 3.如何启动一个程序   am start -n package name/.activityName   am start -n com.example.helloworld/.MainActivity 启动Android设置工具的命令如下所示： # am start -
    • apache虚拟机配置，本地多域名访问本地网站 dcj3sjt126com apache
      现在假定你有两个目录，一个存在于 /htdocs/a，另一个存在于 /htdocs/b 。 现在你想要在本地测试的时候访问 www.freeman.com 对应的目录是 /xampp/htdocs/freeman ,访问 www.duchengjiu.com 对应的目录是 /htdocs/duchengjiu。 1、首先修改C盘WINDOWS\system32\drivers\etc目录下的
    • yii2 restful web服务[速率限制] dcj3sjt126com PHPyii2
      速率限制 为防止滥用，你应该考虑增加速率限制到您的API。 例如，您可以限制每个用户的API的使用是在10分钟内最多100次的API调用。 如果一个用户同一个时间段内太多的请求被接收， 将返回响应状态代码 429 (这意味着过多的请求)。 要启用速率限制, [[yii\web\User::identityClass|user identity class]] 应该实现 [[yii\filter
    • Hadoop2.5.2安装——单机模式 eksliang hadoophadoop单机部署
      转载请出自出处：http://eksliang.iteye.com/blog/2185414 一、概述        Hadoop有三种模式 单机模式、伪分布模式和完全分布模式，这里先简单介绍单机模式 ，默认情况下，Hadoop被配置成一个非分布式模式，独立运行JAVA进程，适合开始做调试工作。   二、下载地址 Hadoop 网址http:
    • LoadMoreListView+SwipeRefreshLayout（分页下拉）基本结构 gundumw100 android
      一切为了快速迭代 import java.util.ArrayList; import org.json.JSONObject; import android.animation.ObjectAnimator; import android.os.Bundle; import android.support.v4.widget.SwipeRefreshLayo
    • 三道简单的前端HTML/CSS题目 ini htmlWeb前端css题目
      使用CSS为多个网页进行相同风格的布局和外观设置时，为了方便对这些网页进行修改，最好使用（ ）。http://hovertree.com/shortanswer/bjae/7bd72acca3206862.htm   在HTML中加入<table style=”color:red; font-size:10pt”>，此为（ ）。http://hovertree.com/s
    • overrided方法编译错误 kane_xie override
      问题描述： 在实现类中的某一或某几个Override方法发生编译错误如下： Name clash: The method put(String) of type XXXServiceImpl has the same erasure as put(String) of type XXXService but does not override it   当去掉@Over
    • Java中使用代理IP获取网址内容（防IP被封，做数据爬虫） mcj8089 免费代理IP代理IP数据爬虫JAVA设置代理IP爬虫封IP
      推荐两个代理IP网站：   1. 全网代理IP：http://proxy.goubanjia.com/   2. 敲代码免费IP：http://ip.qiaodm.com/   Java语言有两种方式使用代理IP访问网址并获取内容，   方式一，设置System系统属性   // 设置代理IP System.getProper
    • Nodejs Express 报错之 listen EADDRINUSE qiaolevip 每天进步一点点学习永无止境nodejs纵观千象
      当你启动 nodejs服务报错： >node app Express server listening on port 80 events.js:85 throw er; // Unhandled 'error' event ^ Error: listen EADDRINUSE at exports._errnoException (
    • C++中三种new的用法 _荆棘鸟_ C++new
      转载自：http://news.ccidnet.com/art/32855/20100713/2114025_1.html 作者: mt 其一是new operator，也叫new表达式；其二是operator new，也叫new操作符。这两个英文名称起的也太绝了，很容易搞混，那就记中文名称吧。new表达式比较常见，也最常用，例如： string* ps = new string("
    • Ruby深入研究笔记1 wudixiaotie Ruby
      module是可以定义private方法的 module MTest def aaa puts "aaa" private_method end private def private_method puts "this is private_method" end end