IT黑马程序员
IT黑马程序员

HTML5期末考核大作业：基于Html+Css+javascript的网页制作（化妆品公司网站制作）

精彩专栏推荐 文末获取联系
✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主
作者主页: 【主页——获取更多优质源码】
web前端期末大作业： 【毕设项目精品实战案例 (1000套) 】
程序员有趣的告白方式：【HTML七夕情人节表白网页制作 (110套) 】
超炫酷的Echarts大屏可视化源码：【 Echarts大屏展示大数据平台可视化(150套) 】
HTML+CSS+JS实例代码： 【️HTML+CSS+JS实例代码 (炫酷特效网页代码) 继续更新中…】
免费且实用的WEB前端学习指南： 【web前端零基础到高级学习视频教程 120G干货分享】
关于作者: 历任研发工程师，技术组长，教学总监；曾于2016年、2020年两度荣获CSDN年度十大博客之星。 十载寒冰，难凉热血；多年过去，历经变迁，物是人非。 然而，对于技术的探索和追求从未停歇。 坚持原创，热衷分享，初心未改，继往开来！

文章目录

  • 一、‍网站题目
  • 二、✍️网站描述
  • 三、网站介绍
  • 四、网站演示
  • 五、⚙️ 网站代码
    • HTML结构代码
  • 六、 如何让学习不再盲目
  • 七、更多干货

一、‍网站题目

美妆介绍、美妆分享、 品牌化妆品官网网站 、等网站的设计与制作。

二、✍️网站描述

️ 网页中包含：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频音频元素，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。

一套优质的网页设计应该包含 (具体可根据个人要求而定)

  1. 页面分为页头、菜单导航栏（最好可下拉）、中间内容板块、页脚四大部分。
  2. 所有页面相互超链接，可到三级页面，有5-10个页面组成。
  3. 页面样式风格统一布局显示正常，不错乱，使用Div+Css技术。
  4. 菜单美观、醒目，二级菜单可正常弹出与跳转。
  5. 要有JS特效，如定时切换和手动切换图片轮播。
  6. 页面中有多媒体元素，如gif、视频、音乐，表单技术的使用。
  7. 页面清爽、美观、大方，不雷同。 。
  8. 不仅要能够把用户要求的内容呈现出来，还要满足布局良好、界面美观、配色优雅、表现形式多样等要求。

三、网站介绍

网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。

网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。

网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。

网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；

网页编辑方面：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作）。
其中：
（1）html文件包含：其中index.html是首页、其他html为二级页面；
（2） css文件包含：css全部页面样式,文字滚动, 图片放大等；
（3） js文件包含：js实现动态轮播特效, 表单提交, 点击事件等等（个别网页中运用到js代码）。

四、网站演示


HTML5期末考核大作业：基于Html+Css+javascript的网页制作（化妆品公司网站制作）_第1张图片


HTML5期末考核大作业：基于Html+Css+javascript的网页制作（化妆品公司网站制作）_第2张图片

五、⚙️ 网站代码

HTML结构代码


DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
  		body{ background:url(picture/timg.jpg);margin:0 auto; width:1000px;}ul{ padding:0; margin:0}
			.img h4 {
	position: absolute;
	right:10%;
	bottom:10%;
	width:20px;
	color:#FFD9D9
}
			.img a {text-decoration:none}
			.head2 {background: #c6b7f2; line-height:70px}
			.head2 a {text-decoration:none; width:25%; float:left; text-align:center; color:#3d1d98}
			.img { position:relative; width:400px; margin:0.5cm auto;}
			.clear {clear:both}
			.content{ background:rgba(255,255,255,0.7); padding:30px}
			
			.end{ color:#fff; padding:30px 0;background: #c6b7f2; text-align:center; color:#000000}
			.bar{ border-bottom:#c6b7f2 solid 1px; padding:10px; margin-bottom:20px}
.imglist{ width:100%; margin:0 auto}
.imglist li{ float:left; width:25%; list-style:none; padding:0; text-align:center}

style>
<title>化妆品公司title>
head>
<body>
<div class="logo"><img src="picture/logo.png">div>
<div class="head2"> <a href="">主页a> <a href="gongsi.html">公司介绍a> <a href="chanpin.html">产品展示a> <a href="yuyue.html">预约体验a>
  <div class="clear">div>
div>
<div class="banner"><img src="picture/banner.jpg" width="100%">div>
<div class="content">
  <div class="bar"><span>简介span>div>
  <div class="pad"> 化妆品科技先后获得全国质量和服务诚信承诺优秀示范企业、安徽省高新技术企业、安徽省创新型企业、安徽省名牌产品、标准化良好行为企业4A认证、合肥市区长质量提名奖、合肥市质量强区奖、合肥市劳动保障·诚信企业A级、纳税信用等级A级纳税人等荣誉称号。
    
    化妆品科技建有世界高端水平的研发体系与生产控制体系，分别在中国、日本、韩国、澳洲建立化妆品研发中心和生产基地，并建有中国化妆品行业第一家院士工作站，现已获得82项专利，其中发明专利25项、实用新型专利6项、外观设计专利51项。生产厂房严格按照GMPC标准设计和建造，拥有全自动化无菌车间、智能生产控制系统等。化妆品中国生产基地共有35条生产线，年生产能力达4亿支。标准的生产规范、前沿的生产设备、精准的生产工艺，保证每一瓶产品在安全性和有效性达到国际高端水平。div>
  <br>
  <br>
  <div class="bar"><span>产品span>div>
  <div class="imglist">
    <ul>
      <li> <a href="info.html">
        <p><img src="picture/3.jpg" width="200" height="140">p>
        <h4>护肤品h4>
        a> li>
      <li> <a href="info.html">
        <p><img src="picture/1.jpg" width="200" height="140">p>
        <h4>洗面奶h4>
        a> li>
      <li> <a href="info.html">
        <p><img src="picture/2.jpg" width="200" height="140">p>
        <h4>洗发水h4>
        a> li>
      <li> <a href="info.html">
        <p><img src="picture/4.jpg" width="200" height="140">p>
        <h4>精油h4>
        a> li>
    ul>
    <div class="clear">div>
  div>
div>
<div class="end">版权所有@div>
body>
html>

六、 如何让学习不再盲目

第一、带着目标去学习，无论看书报课还是各种线下活动。
首先要明确自己的学习目标是什么，是想解决什么问题，实现怎样的目标。

第二、学习要建立个人知识体系
知识是学不完的，书籍是浩如烟海的。我们尽情徜徉其中的时候，千万不要被海水淹死，没有自我了。在学习过程中，我们会发现每一个知识点都是有她的边界和背景的，我们要善于归纳整理知识

第三、学到了就要用到

有时，我们一天下来感觉学到了很多干货，那么我们一定要将这些知识点和实际工作和生活联系起来。知识和实践相互联系靠拢。爱学习是一件好事，但只有会学习的人，才有价值。

七、更多干货

1.如果我的博客对你有帮助、如果你喜欢我的博客内容，请 “点赞” “✍️评论” “收藏” 一键三连哦！

2.【关注我| 获取更多源码 | 优质文章】 带您学习各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业HTML模板 、期末大作业模板 、等! 「在这里有好多 前端 开发者，一起探讨 前端 Node 知识，互相学习」！

3.

以上内容技术相关问题欢迎一起交流学习

你可能感兴趣的:(学生网页设计作业,学生网页作业,静态网页作业,网页模版html,javascript大作业,学生个人网页制作)

  • react 基础 理想和远方_在路上 react.jsjsx
    一.什么是react？react是一种用于构建用户界面的javaScript库react主要用来写html，或构建web应用如果用mvc的角度来看，react仅仅是视图层（v），也就是只负责视图的渲染，并不是提供了完成的M和C的功能。二.react的特点1.声明式只需要描述html看起来是什么样，就跟写html一样。react负责渲染UI，并在数据变化是更新UI。constjsx=HelloRea
  • 【React全解】React起手式 caihuayuan4 面试题汇总与解析springsqljava大数据
    如何引入React从bootcdn引入React按顺序引入React然后引入ReactDOMCommonJSVSUMD规范JavaScript的模块定义和加载机制,降低了学习和使用各种框架的门槛，能够以一种统一的方式去定义和使用模块，提高开发效率，降低了应用维护成本CommonJSCommonJS是一种规范，NodeJS是这种规范的实现CommonJS模块是对象，是运行时加载，运行时才把模块挂载在
  • Java学习——day14 blackA_ java学习开发语言
    文章目录1.项目需求分析2.项目设计3.代码分析4.运行示例5.今日学习总结6.今日生词今日学习计划1.项目需求分析功能要求：(1)存储学生信息：使用HashMap存储学生信息（学号作为键，Student对象作为值）。(2)操作学生数据：添加学生（姓名、学号、成绩）。删除学生（按学号删除）。查询学生（按学号查询）。显示所有学生信息。(3)异常处理：防止重复添加（如果学号已存在，抛出异常）。查询/删
  • 后端java的复习-常用API（个人笔记） 狴犴ys java基础后端技术栈巩固复习java
    常用apiObjecttoString方法equals方法finalize方法clone()方法SystemString构造方法常用方法获取型判断型转换型StringBuffer与StringBuilder八种基本数据类型包装类八种包装类IntegerDate获取系统当前时间Date->StringString->DateCalendar(日历)介绍常用方法匿名内部类ObjecttoString方
  • Kotlin/Java 实现 Html 转图片 zimoyin javakotlinhtml
    1.Html2Imagegui.avahtml2image2.0.1StringHtmlTemplateStr="....";//HTMLHtmlParserhtmlParser=newHtmlParserImpl();htmlParser.loadHtml(HtmlTemplateStr);ImageRendererimageRenderer=newImageRendererImpl(htmlP
  • jQuery获取并解析API接口Json数据的方法 qhdzj87 前端（JSjQuery等）jqueryjsonjavascript
    json是API的常用数据交换格式，在Web开发中，除了后端程序，前端也可以借助JavaScript技术获取并解析API中的json数据，这里介绍一种通过jQuery的$get()函数获取并解析API接口Json数据的方法。其基本语法如下：$get(url,[data],[callback])在$get()函数中，包含了三个参数。其中：url:请求的地址;data:请求数据的列表;callback
  • Node.js——文件上传 项哈哈想做前端 Node.jsnode.js
    文件上传插件：formidable，地址：https://www.npmjs.com/package/formidable，参考里面withExpress.js部分。html部分截图参考：用express-generator生成的示例代码：constformidable=require('formidable');varexpress=require('express');varrouter=ex
  • Java【多线程基础4】单例模式中的饿汉模式和懒汉模式 灵魂相契的树 JavaEE初阶单例模式java开发语言饿汉模式懒汉模式
    文章目录前言一、什么是单例模式二、饿汉模式三、懒汉模式四、多线程环境下的单例模式总结前言各位读者好,我是小陈,这是我的个人主页小陈还在持续努力学习编程,努力通过博客输出所学知识如果本篇对你有帮助,烦请点赞关注支持一波,感激不尽希望我的专栏能够帮助到你:JavaSE基础:基础语法,类和对象,封装继承多态,接口,综合小练习图书管理系统等Java数据结构:顺序表,链表,堆,二叉树,二叉搜索树,哈希表等J
  • 爬虫和词云 一缕白烟 爬虫pythonnumpy
    目录爬虫词云1.1.引入库1.2.设置文件路径2.文本处理2.1读取文本2.2分词和过滤2.3统计词频:3.1默认颜色爬虫对于爬虫顾名思义就是爬的虫子，而对于网络上的爬虫的作用是爬取网页上的信息并且把它保存在用户的电脑中我的爬虫是由python来实现的对于python来说原始的库并不能满足对于爬虫的实现还需要添加一些额外的包比如BeautifulSoup包以及re正则包urllib包下边是添加的包
  • DeepSeek赋能生活全场景：20个职场人/学生/宝妈必备AI实践指南 小小鸭程序员 javapythonspringcloud云原生kafka
    2024春节AI圈顶流：国产大模型DeepSeek持续霸屏！除技术解析外，更值得关注的是其在实际生活场景中的落地应用。本文整理20个高价值使用姿势，助你快速解锁AI助手生产力！一、学习成长加速器1.智能简历优化师使用场景：输入基础工作经历，自动生成ATS友好型简历，附带岗位关键词匹配与成就量化建议高阶技巧：上传JD文件，获取定制化简历修改报告2.论文架构大师核心功能：根据研究主题自动生成三级大纲框
  • JavaWeb——HTML Clrove.11 JavaWebhtml前端
    一、什么是HTMLHTML(HyperTextMarkupLanguage)：超文本标记语言超文本：超越了文本的限制，比普通文本更强大。除了文字信息还可以定义图片，音频，视频等。标记语言：由标签构成的语言HTML语言都是预定义好的。例如：使用展示超链接，使用展示图片，展示视频。HTML代码直接在浏览器中运行，HTML标签由浏览器解析。二、HTML基础语法HTML基本结构标题填写内容HTML标签不区
  • 基于javaweb的流浪宠物管理系统的设计与实现 然然学长 java开发语言springboot毕业设计
    运行环境环境说明:开发语言:java框架:springboot，vueJDK版本:JDK1.8数据库:mysql5.7+(推荐5.7，8.0也可以)数据库工具:Navicat11+开发软件:idea/eclipse(推荐idea)Maven包:Maven3.3.9+系统实现5.1个人中心通过设计的个人中心管理功能模块，管理用户可以对相关的个人信息进行管理，比如管理用户可以更新个人账号的密码信息，修
  • Vue.js表单输入绑定 孤客网络科技工作室 vue.jsvue.js前端javascript
    表单输入绑定在前端处理表单时，我们常常需要将表单输入框的内容同步给JavaScript中相应的变量。手动连接值绑定和更改事件监听器可能会很麻烦：templatetext=event.target.value">v-model指令帮我们简化了这一步骤：template另外，v-model还可以用于各种不同类型的输入，、元素。它会根据所使用的元素自动使用对应的DOM属性和事件组合：文本类型的和元素会绑
  • JavaWeb——html表单与CSS anrui0 JavaWeb入门学习
    html表单介绍概念：用于采集用户输入的数据，用于和服务器交互。使用的标签：from。用于定义表单。可以定义一个范围，范围代表采集用户数据的范围。表单属性：1.action：指定提交数据的URL。2.method：指定提交的方式。method分类：一共7种，两种比较常用get:1.请求的参数会在地址栏中显示。2.请求参数的长度是有限制的。3.不太安全post1.请求的参数不会再地址栏中显示。2.请
  • 【完整汇总】近 5 年 JavaScript 新特性完整总览
    Hey,我是沉浸式趣谈本文首发于【沉浸式趣谈】，我的个人博客https://yaolifeng.com也同步更新。转载请在文章开头注明出处和版权信息。如果本文对您有所帮助，请点赞、评论、转发，支持一下，谢谢！本文深度解析近5年来JavaScript的所有重要更新，帮助你快速了解JavaScript新特性。ES2024：不断增强的实用性API了解最新的JavaScript特性可以让你的代码更简洁优雅
  • 零成本矩阵玩法：1人运营5个账号的自动化工具链配置（2025全平台实战） 硅基打工人 AI矩阵自动化大数据人工智能AIGC经验分享
    在自媒体竞争白热化的2025年，矩阵化运营已成为个人创作者突破流量瓶颈的核心策略。本文揭秘如何通过零成本工具链，实现1人高效运营5个账号的全平台覆盖，涵盖公众号、抖音、小红书等主流平台，从内容生产到流量变现全程自动化，助你轻松玩转自媒体矩阵！一、矩阵运营的核心逻辑：工具链代替人力传统多账号运营依赖人力重复劳动，而高效矩阵玩法的核心在于工具链的自动化配置：内容批量生成：AI工具快速产出多平台适配内容
  • 揭秘Deepseek王炸组合：颠覆搜索体验的黑科技利器 山峰999 人工智能大数据经验分享用户体验deeplearning
    颠覆传统，重塑未来——Deepseek王炸组合引领搜索新时代在这个信息爆炸的时代，如何快速、准确地获取所需信息成为了每个人日常面临的挑战。而Deepseek凭借其强大的技术实力和创新的产品组合，正在重新定义搜索体验。今天，我们就来揭秘那些被誉为“王炸”的Deepseek组合，看看它们是如何在众多搜索引擎中脱颖而出，成为用户心中的首选。1.标题：智能搜索与AI助手的完美结合，打造无缝搜索体验Deep
  • WebSocket调试神器对决：Apipost VS Apifox
    你以为所有API工具都能玩转WebSocket？当你的APP需要实时股票行情推送，当你的游戏要处理千人同屏交互，当你的IM系统必须保障消息零延迟——传统HTTP协议的"一问一答"模式瞬间破功。此刻WebSocket协议才是真正的救世主，这个全双工通信协议能让客户端与服务器建立"永不挂断的热线"，但掌握这把利器的开发者们，却常常在调试环节摔得鼻青脸肿：▎传统调试：手写JavaScript+浏览器Co
  • JavaWeb——CSS Clrove.11 JavaWebcss前端
    一、什么是CSSCSS(CascadingStyleSheet)：层叠样式表，是一种用于描述网页内容外观和样式的语言，主要用于控制网页的布局、颜色、字体、间距、动画等视觉效果。CSS基本语法：CSS基本语法十分简单，基本由以下几个部分组成：selector{property:value;property:value;...}其中，selector表示要设置样式的HTML元素，property表示要
  • Java基础语法练习33（单例模式：饿汉式和懒汉式） 橙序研工坊 小白Java的成长java开发语言
    单例模式：1.饿汉式2.懒汉式饿汉式：步骤如下：1.构造器私有化（防止new）2.类的内部创建对象3.向外暴露一个静态的公共方法个人理解：饿（等不及）就是已经创建好了对象等你来用示例代码如下：publicclasseTon{publicstaticvoidmain(String[]args){//第四步通过方法可以获取对象girlFiendinstance1=girlFiend.getInstan
  • C# 如何使用 webview2 调用本地html文件 花咔咔 c#
    1.下载Microsoft.Web.WebView22.工具箱里面会出现一个webview2的控件3.把这个控件拖到窗体上4.写如下代码：//窗体装载事件privatevoidProductChartForm_Load(objectsender,EventArgse){this.webView2_main.CoreWebView2InitializationCompleted+=newEventH
  • 【一文读懂windows本地账户，管理员账户，标准账户】 是阿牛啊 操作系统windows
    前言  在Windows系统中，账户分为几种类型，主要包括本地账户、管理员账户和标准账户。以下是每种账户类型的特点和区别：一、本地账户  本地账户是相对于微软账户而言的。它是在单个计算机上创建的，不与Microsoft的在线服务或其他设备关联。  本地账户可以是管理员账户也可以是标准账户。  使用本地账户登录，你可以更改与个人计算机相关的设置，但无法访问一些Microsoft服务，例如自动同步设置
  • 【场景实现】React+material-ui+typescript实现H5上传身份证后显示图片 ，FileReader.readAsDataURL()方法读取图像信息 椰卤工程师 超级避坑指难React移动多端typescriptreactjsmaterial-ui
    原理readAsDataURL方法用于读取指定的内容File。读取操作完成后，readyState变成DONE，并loadend触发。那时，该result属性包含数据作为数据：URL表示文件数据为base64编码的字符串。举个栗子HTMLJavascriptfunctionpreviewFile(){constpreview=document.querySelector('img');constf
  • 稳定运行的以Redshift数据仓库为数据源和目标的ETL性能变差时提高性能方法和步骤 weixin_30777913 数据仓库云计算
    当以AmazonRedshift数据仓库为数据源和目标的ETL（Extract,Transform,Load）性能变差时，可能涉及多个方面的优化措施。提升RedshiftETL性能的关键在于多个方面的综合优化。你需要定期监控查询执行情况、调整ETL作业的执行计划、优化数据模型、合理分配资源以及在必要时调整集群配置。通过不断调整和优化这些方面，可以显著提高ETL作业的性能，确保系统稳定、高效运行。以
  • C语言和设计模式（总结篇） 用了多年的C 小可嵌入式 编程语言c语言设计模式1024程序员节
    设计模式的书相信很多人都看过。对于设计模式这样一种方法，相信不同的人有不同的理解。我在这里写的博客只是我个人对设计模式的粗浅认识。文中肯定存在很多的不足和不成熟之处，希望朋友们谅解。望大家多多指正，谢谢！01）C语言和设计模式（继承、封装、多态）02）C语言和设计模式（访问者模式）03）C语言和设计模式（状态模式）04）C语言和设计模式（命令模式）05）C语言和设计模式（解释器模式）06）C语言和
  • DeepSeek到TinyLSTM的知识蒸馏 猴的哥儿 笔记python机器学习深度学习神经网络AI编程
    一、架构设计与适配模型结构对比：DeepSeek（教师模型）：基于Transformer，多头自注意力机制，层数≥12，隐藏层维度≥768TinyLSTM（学生模型）：单层双向LSTM，隐藏单元128，全连接输出层表示空间对齐：classAdapter(nn.Module):def__init__(self,in_dim=768,out_dim=128):super().__init__()sel
  • 大数据面试临阵磨枪不知看什么？看这份心理就有底了-大数据常用技术栈常见面试100道题 大模型大数据攻城狮 大数据面试职场和发展面试题数据仓库算法
    目录1描述Hadoop的架构和它的主要组件。2MapReduce的工作原理是什么？3什么是YARN，它在Hadoop中扮演什么角色？4Spark和HadoopMapReduce的区别是什么？5如何在Spark中实现数据的持久化？6SparkStreaming的工作原理是什么？7如何优化Spark作业的性能？8描述HBase的架构和它的主要组件。9HBase的读写流程是怎样的？10HBase如何处理
  • 大模型推理速度测评的实战代码 herosunly 大模型推理速度人工智能实战代码
      大家好，我是herosunly。985院校硕士毕业，现担任算法研究员一职，热衷于机器学习算法研究与应用。曾获得阿里云天池比赛第一名，CCF比赛第二名，科大讯飞比赛第三名。拥有多项发明专利。对机器学习和深度学习拥有自己独到的见解。曾经辅导过若干个非计算机专业的学生进入到算法行业就业。希望和大家一起成长进步。  今天给大家带来的文章是大模型推理速度测评的实战代码，希望能对学习大模型的同学们有所帮助
  • UBUNTU 20.04 + ROS + yaml-cpp + eigen aspirationmars 装机流程ubuntu
    1.安装百度拼音输入法。**参考官方链接，不过问题是开机后可能出现internalerror。http://srf.baidu.com/site/guanwang_linux/index.html**安装google-pinyin,但是系统语言换成中文才能配置google-pinyin。https://blog.csdn.net/kan2016/article/details/105735645/
  • Flink----常见故障排除 天冬忘忧 Flink大数据flink
    目录常见故障排除1非法配置异常2Java堆空间异常3直接缓冲存储器异常4元空间异常5网络缓冲区数量不足6超出容器内存异常7Checkpoint失败7.1CheckpointDecline7.2CheckpointExpire8Checkpoint慢SourceTriggerCheckpoint慢：使用增量Checkpoint：作业存在反压或者数据倾斜：Barrier对齐慢主线程太忙，导致没机会做s
  • ASM系列五 利用TreeApi 解析生成Class lijingyao8206 ASM字节码动态生成ClassNodeTreeAPI
       前面CoreApi的介绍部分基本涵盖了ASMCore包下面的主要API及功能，其中还有一部分关于MetaData的解析和生成就不再赘述。这篇开始介绍ASM另一部分主要的Api。TreeApi。这一部分源码是关联的asm-tree-5.0.4的版本。          在介绍前，先要知道一点， Tree工程的接口基本可以完
  • 链表树——复合数据结构应用实例 bardo 数据结构树型结构表结构设计链表菜单排序
    我们清楚：数据库设计中，表结构设计的好坏，直接影响程序的复杂度。所以，本文就无限级分类（目录）树与链表的复合在表设计中的应用进行探讨。当然，什么是树，什么是链表，这里不作介绍。有兴趣可以去看相关的教材。 需求简介： 经常遇到这样的需求，我们希望能将保存在数据库中的树结构能够按确定的顺序读出来。比如，多级菜单、组织结构、商品分类。更具体的，我们希望某个二级菜单在这一级别中就是第一个。虽然它是最后
  • 为啥要用位运算代替取模呢 chenchao051 位运算哈希汇编
        在hash中查找key的时候，经常会发现用&取代%，先看两段代码吧，     JDK6中的HashMap中的indexFor方法： /** * Returns index for hash code h. */ static int indexFor(int h, int length) {
  • 最近的情况 麦田的设计者 生活感悟计划软考想
          今天是2015年4月27号      整理一下最近的思绪以及要完成的任务             1、最近在驾校科目二练车，每周四天，练三周。其实做什么都要用心，追求合理的途径解决。为
  • PHP去掉字符串中最后一个字符的方法 IT独行者 PHP字符串
    今天在PHP项目开发中遇到一个需求，去掉字符串中的最后一个字符 原字符串1,2,3,4,5,6, 去掉最后一个字符","，最终结果为1,2,3,4,5,6 代码如下： $str = "1,2,3,4,5,6,"; $newstr = substr($str,0,strlen($str)-1); echo $newstr;
  • hadoop在linux上单机安装过程 _wy_ linuxhadoop
    1、安装JDK     jdk版本最好是1.6以上，可以使用执行命令java -version查看当前JAVA版本号，如果报命令不存在或版本比较低，则需要安装一个高版本的JDK，并在/etc/profile的文件末尾，根据本机JDK实际的安装位置加上以下几行：    export JAVA_HOME=/usr/java/jdk1.7.0_25  
  • JAVA进阶----分布式事务的一种简单处理方法 无量 多系统交互分布式事务
    每个方法都是原子操作： 提供第三方服务的系统，要同时提供执行方法和对应的回滚方法 A系统调用B,C,D系统完成分布式事务 =========执行开始======== A.aa(); try { B.bb(); } catch(Exception e) { A.rollbackAa(); } try { C.cc(); } catch(Excep
  • 安墨移动广 告：移动DSP厚积薄发 引领未来广 告业发展命脉 矮蛋蛋 hadoop互联网
    　　“谁掌握了强大的DSP技术，谁将引领未来的广 告行业发展命脉。”2014年，移动广 告行业的热点非移动DSP莫属。各个圈子都在纷纷谈论，认为移动DSP是行业突破点，一时间许多移动广 告联盟风起云涌，竞相推出专属移动DSP产品。 　　到底什么是移动DSP呢? 　　DSP(Demand-SidePlatform)，就是需求方平台，为解决广 告主投放的各种需求，真正实现人群定位的精准广
  • myelipse设置 alafqq IP
      在一个项目的完整的生命周期中，其维护费用，往往是其开发费用的数倍。因此项目的可维护性、可复用性是衡量一个项目好坏的关键。而注释则是可维护性中必不可少的一环。 注释模板导入步骤  安装方法： 打开eclipse/myeclipse 选择 window-->Preferences-->JAVA-->Code-->Code
  • java数组 百合不是茶 java数组
    java数组的   声明  创建  初始化；   java支持C语言      数组中的每个数都有唯一的一个下标 一维数组的定义 声明： int[] a = new int[3];声明数组中有三个数int[3] int[] a 中有三个数，下标从0开始，可以同过for来遍历数组中的数
  • javascript读取表单数据 bijian1013 JavaScript
    利用javascript读取表单数据，可以利用以下三种方法获取： 1、通过表单ID属性：var a = document.getElementByIdx_x_x("id"); 2、通过表单名称属性：var b = document.getElementsByName("name"); 3、直接通过表单名字获取：var c = form.content.
  • 探索JUnit4扩展：使用Theory bijian1013 javaJUnitTheory
    理论机制（Theory） 一.为什么要引用理论机制（Theory）         当今软件开发中，测试驱动开发（TDD — Test-driven development）越发流行。为什么 TDD 会如此流行呢？因为它确实拥有很多优点，它允许开发人员通过简单的例子来指定和表明他们代码的行为意图。 TDD 的优点：     &nb
  • [Spring Data Mongo一]Spring Mongo Template操作MongoDB bit1129 template
    什么是Spring Data Mongo Spring Data MongoDB项目对访问MongoDB的Java客户端API进行了封装，这种封装类似于Spring封装Hibernate和JDBC而提供的HibernateTemplate和JDBCTemplate，主要能力包括 1. 封装客户端跟MongoDB的链接管理 2. 文档-对象映射，通过注解:@Document(collectio
  • 【Kafka八】Zookeeper上关于Kafka的配置信息 bit1129 zookeeper
    问题： 1. Kafka的哪些信息记录在Zookeeper中 2. Consumer Group消费的每个Partition的Offset信息存放在什么位置 3. Topic的每个Partition存放在哪个Broker上的信息存放在哪里 4. Producer跟Zookeeper究竟有没有关系？没有关系！！！   //consumers、config、brokers、cont
  • java OOM内存异常的四种类型及异常与解决方案 ronin47 java OOM 内存异常
          　OOM异常的四种类型： 　　　 　　一：　StackOverflowError ：通常因为递归函数引起（死递归，递归太深）。-Xss 128k 一般够用。     　  二：　out Of memory: PermGen Space：通常是动态类大多，比如web 服务器自动更新部署时引起。-Xmx
  • java-实现链表反转-递归和非递归实现 bylijinnan java
    20120422更新： 对链表中部分节点进行反转操作，这些节点相隔k个： 0->1->2->3->4->5->6->7->8->9 k=2 8->1->6->3->4->5->2->7->0->9 注意1 3 5 7 9 位置是不变的。 解法： 将链表拆成两部分： a.0-&
  • Netty源码学习-DelimiterBasedFrameDecoder bylijinnan javanetty
    看DelimiterBasedFrameDecoder的API，有举例： 接收到的ChannelBuffer如下： +--------------+ | ABC\nDEF\r\n | +--------------+ 经过DelimiterBasedFrameDecoder(Delimiters.lineDelimiter())之后，得到： +-----+----
  • linux的一些命令 -查看cc攻击-网口ip统计等 hotsunshine linux
    Linux判断CC攻击命令详解 2011年12月23日 ⁄ 安全 ⁄ 暂无评论 查看所有80端口的连接数 netstat -nat|grep -i '80'|wc -l 对连接的IP按连接数量进行排序 netstat -ntu | awk '{print $5}' | cut -d: -f1 | sort | uniq -c | sort -n 查看TCP连接状态 n
  • Spring获取SessionFactory ctrain sessionFactory
    String sql = "select sysdate from dual"; WebApplicationContext wac = ContextLoader.getCurrentWebApplicationContext(); String[] names = wac.getBeanDefinitionNames(); for(int i=0; i&
  • Hive几种导出数据方式 daizj hive数据导出
    Hive几种导出数据方式   1.拷贝文件   如果数据文件恰好是用户需要的格式，那么只需要拷贝文件或文件夹就可以。 hadoop fs –cp source_path target_path   2.导出到本地文件系统   --不能使用insert into local directory来导出数据，会报错 --只能使用
  • 编程之美 dcj3sjt126com 编程PHP重构
    我个人的 PHP 编程经验中，递归调用常常与静态变量使用。静态变量的含义可以参考 PHP 手册。希望下面的代码，会更有利于对递归以及静态变量的理解   header("Content-type: text/plain"); function static_function () { static $i = 0; if ($i++ < 1
  • Android保存用户名和密码 dcj3sjt126com android
    转自：http://www.2cto.com/kf/201401/272336.html 我们不管在开发一个项目或者使用别人的项目，都有用户登录功能，为了让用户的体验效果更好，我们通常会做一个功能，叫做保存用户，这样做的目地就是为了让用户下一次再使用该程序不会重新输入用户名和密码，这里我使用3种方式来存储用户名和密码 1、通过普通 的txt文本存储 2、通过properties属性文件进行存
  • Oracle 复习笔记之同义词 eksliang Oracle 同义词Oracle synonym
    转载请出自出处：http://eksliang.iteye.com/blog/2098861 1.什么是同义词       同义词是现有模式对象的一个别名。       概念性的东西，什么是模式呢？创建一个用户，就相应的创建了 一个模式。模式是指数据库对象，是对用户所创建的数据对象的总称。模式对象包括表、视图、索引、同义词、序列、过
  • Ajax案例 gongmeitao Ajaxjsp
    数据库采用Sql Server2005 项目名称为:Ajax_Demo 1.com.demo.conn包 package com.demo.conn; import java.sql.Connection;import java.sql.DriverManager;import java.sql.SQLException; //获取数据库连接的类public class DBConnec
  • ASP.NET中Request.RawUrl、Request.Url的区别 hvt .netWebC#asp.nethovertree
      如果访问的地址是：http://h.keleyi.com/guestbook/addmessage.aspx?key=hovertree%3C&n=myslider#zonemenu那么Request.Url.ToString() 的值是：http://h.keleyi.com/guestbook/addmessage.aspx?key=hovertree<&
  • SVG 教程 （七）SVG 实例，SVG 参考手册 天梯梦 svg
    SVG 实例 在线实例 下面的例子是把SVG代码直接嵌入到HTML代码中。 谷歌Chrome，火狐，Internet Explorer9，和Safari都支持。 注意：下面的例子将不会在Opera运行，即使Opera支持SVG - 它也不支持SVG在HTML代码中直接使用。   SVG 实例 SVG基本形状 一个圆 矩形 不透明矩形 一个矩形不透明2 一个带圆角矩
  • 事务管理 luyulong javaspring编程事务
    事物管理 spring事物的好处 为不同的事物API提供了一致的编程模型 支持声明式事务管理 提供比大多数事务API更简单更易于使用的编程式事务管理API 整合spring的各种数据访问抽象 TransactionDefinition 定义了事务策略 int getIsolationLevel()得到当前事务的隔离级别 READ_COMMITTED 
  • 基础数据结构和算法十一：Red-black binary search tree sunwinner AlgorithmRed-black
      The insertion algorithm for 2-3 trees just described is not difficult to understand; now, we will see that it is also not difficult to implement. We will consider a simple representation known
  • centos同步时间 stunizhengjia linux集群同步时间
    做了集群，时间的同步就显得非常必要了。 以下是查到的如何做时间同步。 在CentOS 5不再区分客户端和服务器，只要配置了NTP，它就会提供NTP服务。 1)确认已经ntp程序包： # yum install ntp 2)配置时间源（默认就行，不需要修改） # vi /etc/ntp.conf server pool.ntp.o
  • ITeye 9月技术图书有奖试读获奖名单公布 ITeye管理员 ITeye
    ITeye携手博文视点举办的9月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。 9月试读活动回顾：http://webmaster.iteye.com/blog/2118112本次技术图书试读活动的优秀奖获奖名单及相应作品如下（优秀文章有很多，但名额有限，没获奖并不代表不优秀）：      《NFC：Arduino、Andro
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他