网络键盘侠客
网络键盘侠客

个人小作品之某公司首页静态页面的制作


前言


学习了一段时间的html+css，自己来制作个网站首页静态页面来玩玩，检验自己的学习成果。


制作一个静态页面前必备的：

  • html&html5基础（html标签的知识、运用,标签所代表的意义）
  • css&css3基础（css属性基础知识，每个属性所代表的意义）
  • 开发软件（本人用的：Notepad++）
  • 图形处理软件（ps6）用来切图，如切logo、某背景图片、图片等。
  • 五个主要浏览器（Google、火狐、欧朋、苹果、IE）
  • IETester软件（测试不同版本浏览器的兼容性）
  • 搭建一个本地服务器
  • 网上下载一张网站首页psd素材

本作品的完整代码GitHub：查看完整代码点击这里


开始动手

网页素材如下：
个人小作品之某公司首页静态页面的制作_第1张图片


思路：

当我们拿到素材之后，接下来不是马上打开开发软件就开始div、css布局什么的，别慌，我们应该拿着素材分析分析，例如：该网页的分布形式是怎样的？该如何布局？此网页需要用到哪些前端知识，自己可以用画图软件先画画该页面的分布等，通过分析素材，可以将整个页面分成以下几个部分来布局，如：

个人小作品之某公司首页静态页面的制作_第2张图片


如图：整个页面分成三大部分：header头部、content内容部分、footer页脚部分，头部以可以分成header_top、nav导航栏两个部分；内容区域可以分成侧边栏、公司简介、服务范围三部分；页脚一个部分。

对照这个布局就可以简单地敲下代码：


正常书写代码来完成页面的制作。

应该注意的几点：

css部分开头部分应该有reset,每个浏览器都有一些自带的或者共有的默认样式，会造成一些布局上的困扰，css reset的作用就是重置这些默认样式，使样式表现一致，比如 *{margin:0;padding:0}就是一个最简单的css reset

如： 
/* css reset */

body,ul,li,p,
h1,h2,h3,h4,
h5,h6,img {
  margin: 0;
  padding: 0;
}


body {
  font-family: "Microsost YaHei", "Sim Sun";
  font-size: 12px;
  color: #000;
}


ul,li {list-style: none;}


a {text-decoration: none; color: #000;}


img {
  border: 0;
  outline: 0;  
}




这段文字的背景不是简单地用图片来实现的，而是使用渐变属性来实现的，而且是透明的线性渐变：linear-gradient(rbga(255, 255, 255, 1))

rgba()有四个值，前三个是颜色值，第四个属性值有"1"和"0"两种，"1"表示不透明渐变，"0"表示透明渐变。


个人小作品之某公司首页静态页面的制作_第3张图片



有相似的地方可以用单独的类表示，用时可以引用这个类就行，这样就减少了代码量、冗余度。 
.tongyong {
  height: 30px;
  padding-left: 10px;
  border-bottom: 1px solid #ccdae9;
  font-size: 14px;
  line-height: 30px;
  background: -moz-linear-gradient(to bottom,#cddbea, #f8fafc);
  background: -webkit-linear-gradient(to bottom,#cddbea, #f8fafc);
  background: -mos-linear-gradient(to bottom,#cddbea, #f8fafc);
  background: -o-linear-gradient(to bottom,#cddbea, #f8fafc);
  background: linear-gradient(to bottom,#cddbea, #f8fafc);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#cddbea', endColorstr='#f8fafc');

你可能感兴趣的:(个人小作品)

  • 从脑科学角度分析高效学习方法 ka__ka__ 经历思考学习方法
    从脑科学角度分析高效学习方法先说说为什么要从脑科学角度分析高效学习方法。很多时候，关于高效学习方法，人们往往都是参考成功人士或者大神学霸的经验分享。但是，这种非常个人化并且主观性很强的东西一般没有很强的广泛使用性。那么如何找到更加科学的更加客观的高效学习方法呢？针对这个问题，应该从事物本质出发，按照第一性原理来思考。从第一性原理分析，学习知识的本质在某种程度上就是让大脑对特定的知识产出对应的神经网
  • 【2024年-12月-续篇-开源社区openEuler实践记录】go-from-mod 我明天再来学Web渗透 开源社区OpenEuler开源golang开发语言copilot架构开源软件后端
    前言初学Go语言，下面仅为个人所学以及小结，若有错误之处，还请指教。Go语言基础入门篇的一二节课，其中我对每个讲到的语法都重写或者本地测试运行过，其中第二节课的第三个小项目尚未实现（本人对网络连接那块的脚本尚不熟悉，）部分代码不能太多，所以贴图了有些。Go基础语法目前学过的Go语法只有课程内的，下面是一些小小的笔记。导包和输出packagemainimport"fmt"funcmain(){fmt
  • Oracle OCP证书，含金量到底有多高！ HCIE考证研究所 oracle开闭原则数据库网络工程师OCPOracle认证华为认证
    很多小伙伴来了解OracleOCP证书，那本期就给大家详细讲解下，什么是Oracle？什么是OCP？01什么是Oracle认证？Oracle认证是由Oracle公司颁布并实施的一项权威认证，旨在满足对Oracle核心技术人才的需求。这项认证证明了个人在操作能力和广泛理论知识方面的专业水平。Oracle认证专为那些具备相关技能和知识的专业人士设计，以确保他们能够胜任使用、管理和支持Oracle产品的
  • 2025年美赛数学建模 MCM Problem B: Managing Sustainable Tourism 问题 B：可持续旅游管理 思路+代码解析【第一问】 一键难忘 付费专栏数学建模2025美赛2025年美赛数学建模可持续旅游管理
    本文为个人解题笔记，仅供参考学习。本文B题的第一问。其他问题均在本专栏内，订阅一次，全部可见。本文为个人解题笔记，仅供参考学习。第一小问【为阿拉斯加州朱诺建⽴⼀个可持续旅游业模型。】BuildamodelforasustainabletourismindustryinJuneau,Alaska.Youmaywanttoconsiderfactorssuchasthenumberofvisitors
  • 解决 Lombok 与 Java 模块系统的兼容性问题：从错误到解决方案 码农阿豪@新空间代码工作室 包罗万象java开发语言
    个人名片作者简介：java领域优质创作者个人主页：码农阿豪工作室：新空间代码工作室（提供各种软件服务)个人邮箱：[[email protected]]个人微信：15279484656个人导航网站：www.forff.top座右铭：总有人要赢。为什么不能是我呢？专栏导航：码农阿豪系列专栏导航面试专栏：收集了java相关高频面试题，面试实战总结️Spring5系列专栏：整理了Spring5重要知识点与
  • 2022年美国大学生数学建模竞赛A题自行车运动员的能量特征解题全过程文档及程序 数模竞赛Paid answer 美国大学生数学建模竞赛笔记数学建模算法大数据美国大学生数学建模竞赛
    2022年美国大学生数学建模竞赛A题自行车运动员的能量特征原题再现：  背景  自行车公路赛有多种类型，包括标准赛、团体计时赛和个人计时赛。这些比赛的自行车运动员获胜的机会可能会有所不同，具体取决于赛事的类型、路线和自行车运动员的能力。在个人计时赛中，每个骑自行车的运动员都应该单独骑固定的路线，获胜者是在最少时间内完成骑行路线的自行车运动员。  单个自行车运动员可以在不同的时间长度内产生不同水平的
  • 安全漏洞扫描与修复系统的高质量技术详解 我的运维人生 网络安全web安全运维开发技术共享
    安全漏洞扫描与修复系统的高质量技术详解在当今的数字化时代，网络安全已成为企业和个人不可忽视的重要议题。安全漏洞扫描与修复系统作为保障网络安全的关键环节，其重要性日益凸显。本文将深入探讨安全漏洞扫描与修复系统的原理、流程、工具选择以及实际代码使用案例，旨在为CSDN的VIP读者提供一份全面且实用的技术指南。一、安全漏洞扫描与修复系统概述安全漏洞扫描是指通过特定的技术手段，对计算机系统、应用程序或网络
  • OpenAI 函数调用 功能入门 AI火箭 chatgptopenai
    Javascript版Langchain入门作者：AI小火箭的HB我是AI小火箭的HB，我探索和写作人工智能和语言交叉点的所有事物，范围从LLM，聊天机器人，语音机器人，开发框架，以数据为中心的潜在空间等。介绍LangChain是一个开源Python库，用于构建由大型语言模型（LLM）支持的应用程序。它提供了一个框架，将LLM与其他数据源（如互联网或个人文件）连接起来，允许开发人员将多个命令链接在
  • 抖音直播间平台抽成多少，带货收入 专注VB编程开发20年 互联网大数据推荐算法
    抖音直播平台的抽成比例因合作模式和主播等级等因素而有所不同。一般来说：个人主播的抖音直播分成比例是30%，即平台会抽取70%的收入作为费用，而个人主播只能获得剩余30%的收入。这个比例是针对直播间礼物收入的，也就是说，当观众在直播间赠送礼物给主播时，这些礼物会被转换成一定比例的现金收入，然后按照这个分成比例进行分配。12如果主播选择加入公会或MCN机构，那么抽成比例可能会有所不同。例如，公会
  • 2020 年 12 月大学英语四级考试真题（第 1 套）——纯享题目版 fo安方 英语—四级CET4学习四级生活
    个人主页：fo安方的博客✨个人简历：大家好，我是fo安方，目前中南大学MBA在读，也考取过HCIECloudComputing、CCIESecurity、PMP、CISP、RHCE、CCNPRS、PEST3等证书。兴趣爱好：b站天天刷，题目常常看，运动偶尔做，学习需劳心，寻觅些乐趣。欢迎大家：这里是CSDN，是我记录我的日常学习，偶尔生活的地方，喜欢的话请一键三连，有问题请评论区讨论。导读页：这是
  • 2022 年 6 月大学英语四级考试真题（第 2 套）——纯享题目版 fo安方 英语—四级CET4生活学习四级
    个人主页：fo安方的博客✨个人简历：大家好，我是fo安方，目前中南大学MBA在读，也考取过HCIECloudComputing、CCIESecurity、PMP、CISP、RHCE、CCNPRS、PEST3等证书。兴趣爱好：b站天天刷，题目常常看，运动偶尔做，学习需劳心，寻觅些乐趣。欢迎大家：这里是CSDN，是我记录我的日常学习，偶尔生活的地方，喜欢的话请一键三连，有问题请评论区讨论。导读页：这是
  • 2023 年 6 月大学英语四级考试真题（第 3 套）——纯享题目版 fo安方 英语—四级CET4学习生活英语四级
    个人主页：fo安方的博客✨个人简历：大家好，我是fo安方，目前中南大学MBA在读，也考取过HCIECloudComputing、CCIESecurity、PMP、CISP、RHCE、CCNPRS、PEST3等证书。兴趣爱好：b站天天刷，题目常常看，运动偶尔做，学习需劳心，寻觅些乐趣。欢迎大家：这里是CSDN，是我记录我的日常学习，偶尔生活的地方，喜欢的话请一键三连，有问题请评论区讨论。导读页：这是
  • 2022 年 12 月大学英语四级考试真题（第 3 套）——纯享题目版 fo安方 英语—四级CET4学习生活
    个人主页：fo安方的博客✨个人简历：大家好，我是fo安方，目前中南大学MBA在读，也考取过HCIECloudComputing、CCIESecurity、PMP、CISP、RHCE、CCNPRS、PEST3等证书。兴趣爱好：b站天天刷，题目常常看，运动偶尔做，学习需劳心，寻觅些乐趣。欢迎大家：这里是CSDN，是我记录我的日常学习，偶尔生活的地方，喜欢的话请一键三连，有问题请评论区讨论。导读页：这是
  • 百万收录网基本介绍 百度网站快速收录 网站快速收录百度快速收录
    网站名称：百万收录网网站属性：个人网站网站域名：www.baiwanshoulu.com创建日期：2025年1月24日创建目的：为中小企业及个人网站提供收录诊断和百度快速收录服务。
  • Python 包管理之 poetry 奔跑的大西吉 Python
    poetry是一个Python虚拟环境和依赖管理的工具。poetry和pipenv类似，另外还提供了打包和发布的功能。官方文档：python-poetry.org/docs/python项目部署：poetry管理本地环境,上线用dockerpoetry安装poetry提供多种安装方式，个人推荐从以下2种方式中选择：方式一：（推荐）$curl-sSLhttps://raw.githubusercon
  • skynet 吓人的鸟 编程语言-c/c++编程语言-luaskynetcluagameserver
    https://github.com/cloudwu/skynet电商不是有C2BB2CC2C这些个概念么，互动百科的CEO甚至还对抄袭美其名曰：COPYTOCHINA(C2C)。鸟人今天也为C2B赋予新意：COPYTOBLOG。哈哈研究skynet的朋友请移步云风的博客，我这里纯属抄袭下来做标记笔记用的，因为个人阅读习惯如此。http://blog.codingnow.com/2012/08/s
  • 微信小程序压缩图片到200kb,递归设置压缩质量 八分钟de温暖 微信小程序小程序
    一、背景我们有个人脸识别门闸的功能，小程序上上传人脸照片，然后门闸识别人脸开门。图片大小要在在200kb，但是也不能压缩的太小，因为大小有可能识别不到或者要走很近才能识别。所以选择递归的方式实现图片的压缩。二、代码实现toTakePhoto(){wx.chooseMedia({count:1,mediaType:['image'],sourceType:['album','camera'],siz
  • 微信小程序实现本地图片压缩 搬砖赚钱养家 微信小程序微信小程序小程序
    最近在刚好遇到要压缩图片，网上随手搜了一下图片在线压缩，结果要么需要登录、要么要看广告，感觉很麻烦，于是乎，就在我的小程序“小白工具集”里撸了一个图片压缩的功能（写小程序纯属个人爱好）图片大小必然遵循两个原则1、相同格式下图片越清晰，文件越大2、相同格式下图片尺寸越大，文件越大所以我们压缩就只干两件事：可接受的范围内变的更模糊、变的更小实现步骤1、通过相册、相机或会话选择文件的api来拿到临时文件
  • 揭秘排行榜系统：如何在高并发场景下实现高效更新！ 软件求生 #工作建议算法排序算法数据结构哈希算法java
    大家好，我是你们的技术分享伙伴小米！今天我们来聊聊一个非常有趣的话题——如何设计一个排行榜。在这个互联网时代，无论是游戏、学习平台，还是各种社交应用，排行榜都是用户互动和竞争的核心功能之一。而如何设计一个高效、实时更新的排行榜，是一个充满挑战性的问题。今天，我们就一起来探讨一下如何在个人实战中设计出一个既高效又实用的排行榜系统！需求分析在设计排行榜之前，我们需要明确以下需求：个人总得分和总排名实时
  • 疯狂的 Web 应用开源项目 一个生命 Web开发Cookieweb开源项目应用
    原文作者：陈皓原文链接：http://coolshell.cn/articles/5132.html#more-5132文章来源：Best“mustknow”opensourcestobuildthenewWeb。个人感觉这个收集贴收集成相当的全。学习HTML5编程和设计★HTML5Rocks:MajorFeatureGroups的学习HTML5的资源(HTML5演示,教程).源码很不错的HTML
  • 软件测试工程师述职报告一、个人基本信息姓名：[您的姓名]职位：软件测试工程师入职时间：[具体入职日期]部门：[所在部门名称]二、工作职责概述作为软件测试工程师，我的主要职责是确保 不一样的故事126 功能测试
    软件测试工程师述职报告一、个人基本信息姓名：[您的姓名]职位：软件测试工程师入职时间：[具体入职日期]部门：[所在部门名称]二、工作职责概述作为软件测试工程师，我的主要职责是确保软件产品的质量和稳定性。这包括制定测试计划、设计测试用例、执行测试、记录测试结果、跟踪并报告缺陷，以及与开发团队紧密合作，共同推动软件产品的持续改进。三、工作业绩与亮点测试计划制定与执行：在过去的一年中，我参与了多个项目的
  • 车辆电气化集成式 E/E 系统 应对车辆电气化挑战的端到端解决方案 车载诊断技术 电子电器架构开发流程大数据人工智能AUTOSAR汽车架构软件工程
    我是穿拖鞋的汉子，魔都中坚持长期主义的汽车电子工程师。老规矩，分享一段喜欢的文字，避免自己成为高知识低文化的工程师：屏蔽力是信息过载时代一个人的特殊竞争力，任何消耗你的人和事，多看一眼都是你的不对。非必要不费力证明自己，无利益不试图说服别人，是精神上的节能减排。无人问津也好,技不如人也罢,你都要试着安静下来,去做自己该做的事.而不是让内心的烦躁、焦虑、毁掉你本就不多的热情和定力。时间不知不觉中，快
  • Prompt提示词完整案例：让chatGPT成为“书单推荐”的高手 老六哥_AI助理指南 AI提示词案例promptchatgpt人工智能
    大家好，我是老六哥，我正在共享使用AI提高工作效率的技巧。欢迎关注我，共同提高使用AI的技能，让AI成功你的个人助理。许多人可能会跟老六哥一样，有过这样的体验：当我们遇到一个能力出众或对事物有独到见解的朋友时，我们往往会认为他们一定经过了特别的学习或培训。我们常向他们请教推荐书目，希望从中获得启发。在互联网上，那些在各自领域表现卓越的人士也乐于分享自己的阅读清单，以此展示他们的专业素养和知识深度。
  • 蛇年鸿运当头：ChatGPT为你送上专属新年祝福 码上飞扬 chatgpt人工智能新年祝福拜年短信
    新年伊始，万象更新。在这即将到来的蛇年里，愿我们每个人都能蜕去旧日的沉重，带着新的希冀昂首前行。本篇博客特别为各位精心收集并创作了一份“ChatGPT版”蛇年新春祝福语，涵盖多个群体，让你在辞旧迎新之际，为重要的人们送上最有诚意、最走心的祝愿。一、写给领导的蛇年祝福语（10条）gpt-1o-preview版业绩腾飞：新年新气象，蛇年助您一展宏图，业绩再攀高峰！英明决策：愿您在新的一年思如泉涌，以高
  • python网页填表教程_PythonSpot 中文系列教程 · 翻译完成 weixin_39633917 python网页填表教程
    原文：PythonSpotPythonTutorials协议：CCBY-NC-SA4.0欢迎任何人参与和完善：一个人可以走的很快，但是一群人却可以走的更远。在线阅读ApacheCN学习资源目录PythonSpot中文系列教程初学者介绍Python字符串字符串（第2部分）Python变量Python列表href="https://github.com/apachecn/pythonspot-zh/b
  • sudoers文件修改格式错误恢复 一张假钞 服务器linuxubuntu
    个人博客地址：sudoers文件修改格式错误恢复|一张假钞的真实世界异常信息如下：$sudo-i>>>/etc/sudoers.d/dev:语法错误nearline1<<<sudo:/etc/sudoers.d/dev中第1行附近有解析错误sudo:没有找到有效的sudoers资源，退出sudo:无法初始化策略插件使用以下命令编辑sudoers文件：pkexecvisudo
  • c语言中lookup函数功能,Lookup函数详解 爽新全效瓷兔膏 c语言中lookup函数功能
    本文转载自公众号：Excel精英培训，作者：赵志东老师，感谢赵老师无私分享！兰色以前发过好多关于lookup函数的应用的例子，它的强大功能令很我们眼花缭乱，但绝大部分用户只停留在套用阶段，至于运算原理却没几个人能说明白。想了解lookup的查找原理和更深入的使用它，你必须了解今天要学习的二分法原理。从一个例子说起：【例】下图中左表和右表只有第5行的会员名子不同，但在第11行查找B对应的消费金额时结
  • 初步认识C语言-个人学习 Aphelios380 C语言c语言学习
    大家好，这是我关于C语言学习记录的系列博客。在这个系列中，我将按照以下目录逐步深入学习C语言：什么是C语言第一个C语言程序数据类型变量，常量字符串+转义字符+注释选择语句循环语句函数数组希望通过这些记录，不仅能帮助自己巩固知识，也能给正在学习C语言的小伙伴们一些参考。“什么是C语言”部分软件是为了满足用户的特定需求而开发的一系列计算机程序、数据和相关文档的集合。从分类上来说，软件主要分为操作系统和
  • Ubuntu 16.04安装Lua 一张假钞 ubuntulualinux
    个人博客地址：Ubuntu16.04安装Lua|一张假钞的真实世界在Linux系统上使用以下命令编译安装Lua：curl-R-Ohttp://www.lua.org/ftp/lua-5.3.3.tar.gztarzxflua-5.3.3.tar.gzcdlua-5.3.3makelinuxtest安装make编译过程如果提示以下信息则需要先安装make：#makelinuxtestTheprogr
  • 基于springboot的校园二手交易系统-JAVA【数据库设计、论文、源码、开题报告】 IT毕设(商务合作) java实战项目资料java数据库springboot
    功能介绍管理员：首页、管理员管理、员工管理、客户管理、潜在客户管理、销售管理、业务管理、项目管理等代理：首页、个人中心、商品信息管理、仓库信息管理、采购进货管理、采购退货管理、销售出货管理、销售退货管理、盘点信息管理、订单信息管理、配送信息管理、等等小程序：首页、商品信息、我的（订单信息、配送信息、我的收藏管理）等数据库脚本/*SQLyogUltimatev9.30MySQL-5.7.26:Dat
  • sql统计相同项个数并按名次显示 朱辉辉33 javaoracle
    现在有如下这样一个表： A表 ID Name time ------------------------------ 0001 aaa 2006-11-18 0002 ccc 2006-11-18 0003 eee 2006-11-18 0004 aaa 2006-11-18 0005 eee 2006-11-18 0004 aaa 2006-11-18 0002 ccc 20
  • Android+Jquery Mobile学习系列-目录 白糖_ JQuery Mobile
    最近在研究学习基于Android的移动应用开发，准备给家里人做一个应用程序用用。向公司手机移动团队咨询了下，觉得使用Android的WebView上手最快，因为WebView等于是一个内置浏览器，可以基于html页面开发，不用去学习Android自带的七七八八的控件。然后加上Jquery mobile的样式渲染和事件等，就能非常方便的做动态应用了。   从现在起，往后一段时间，我打算
  • 如何给线程池命名 daysinsun 线程池
            在系统运行后，在线程快照里总是看到线程池的名字为pool-xx，这样导致很不好定位，怎么给线程池一个有意义的名字呢。参照ThreadPoolExecutor类的ThreadFactory，自己实现ThreadFactory接口，重写newThread方法即可。参考代码如下：     public class Named
  • IE 中"HTML Parsing Error:Unable to modify the parent container element before the 周凡杨 html解析errorreadyState
      错误： IE 中"HTML Parsing Error:Unable to modify the parent container element before the child element is closed"     现象： 同事之间几个IE 测试情况下，有的报这个错，有的不报。经查询资料后，可归纳以下原因。
  • java上传 g21121 java
    我们在做web项目中通常会遇到上传文件的情况，用struts等框架的会直接用的自带的标签和组件，今天说的是利用servlet来完成上传。 我们这里利用到commons-fileupload组件，相关jar包可以取apache官网下载：http://commons.apache.org/ 下面是servlet的代码： //定义一个磁盘文件工厂 DiskFileItemFactory fact
  • SpringMVC配置学习 510888780 springmvc
    spring MVC配置详解 现在主流的Web MVC框架除了Struts这个主力 外，其次就是Spring MVC了，因此这也是作为一名程序员需要掌握的主流框架，框架选择多了，应对多变的需求和业务时，可实行的方案自然就多了。不过要想灵活运用Spring MVC来应对大多数的Web开发，就必须要掌握它的配置及原理。 　　一、Spring MVC环境搭建：（Spring 2.5.6 + Hi
  • spring mvc-jfreeChart 柱图(1) 布衣凌宇 jfreechart
    第一步：下载jfreeChart包，注意是jfreeChart文件lib目录下的，jcommon-1.0.23.jar和jfreechart-1.0.19.jar两个包即可； 第二步：配置web.xml; web.xml代码如下 <servlet>     <servlet-name>jfreechart</servlet-nam
  • 我的spring学习笔记13-容器扩展点之PropertyPlaceholderConfigurer aijuans Spring3
    PropertyPlaceholderConfigurer是个bean工厂后置处理器的实现，也就是BeanFactoryPostProcessor接口的一个实现。关于BeanFactoryPostProcessor和BeanPostProcessor类似。我会在其他地方介绍。PropertyPlaceholderConfigurer可以将上下文（配置文件）中的属性值放在另一个单独的标准java P
  • java 线程池使用 Runnable&Callable&Future antlove javathreadRunnablecallablefuture
    1. 创建线程池 ExecutorService executorService = Executors.newCachedThreadPool();   2. 执行一次线程，调用Runnable接口实现 Future<?> future = executorService.submit(new DefaultRunnable()); System.out.prin
  • XML语法元素结构的总结 百合不是茶 xml树结构
    1.XML介绍1969年   gml (主要目的是要在不同的机器进行通信的数据规范)1985年   sgml  standard generralized markup language1993年   html(www网)1998年  xml   extensible markup language
  • 改变eclipse编码格式 bijian1013 eclipse编码格式
    1.改变整个工作空间的编码格式         改变整个工作空间的编码格式，这样以后新建的文件也是新设置的编码格式。         Eclipse->window->preferences->General->workspace-
  • javascript中return的设计缺陷 bijian1013 JavaScriptAngularJS
    代码1： <script> var gisService = (function(window) { return { name:function () { alert(1); } }; })(this); gisService.name(); &l
  • 【持久化框架MyBatis3八】Spring集成MyBatis3 bit1129 Mybatis3
    pom.xml配置 Maven的pom中主要包括： MyBatis MyBatis-Spring Spring MySQL-Connector-Java Druid applicationContext.xml配置   <?xml version="1.0" encoding="UTF-8"?> &
  • java web项目启动时自动加载自定义properties文件 bitray javaWeb监听器相对路径
    创建一个类 public class ContextInitListener implements ServletContextListener 使得该类成为一个监听器。用于监听整个容器生命周期的，主要是初始化和销毁的。 类创建后要在web.xml配置文件中增加一个简单的监听器配置，即刚才我们定义的类。 <listener> <des
  • 用nginx区分文件大小做出不同响应 ronin47
    昨晚和前21v的同事聊天，说到我离职后一些技术上的更新。其中有个给某大客户(游戏下载类)的特殊需求设计，因为文件大小差距很大——估计是大版本和补丁的区别——又走的是同一个域名，而squid在响应比较大的文件时，尤其是初次下载的时候，性能比较差，所以拆成两组服务器，squid服务于较小的文件，通过pull方式从peer层获取，nginx服务于较大的文件，通过push方式由peer层分发同步。外部发布
  • java-67-扑克牌的顺子.从扑克牌中随机抽5张牌，判断是不是一个顺子，即这5张牌是不是连续的.2-10为数字本身，A为1，J为11，Q为12，K为13，而大 bylijinnan java
    package com.ljn.base; import java.util.Arrays; import java.util.Random; public class ContinuousPoker { /** * Q67 扑克牌的顺子 从扑克牌中随机抽5张牌，判断是不是一个顺子，即这5张牌是不是连续的。 * 2-10为数字本身，A为1，J为1
  • 翟鸿燊老师语录 ccii 翟鸿燊
    一、国学应用智慧TAT之亮剑精神A 1. 角色就是人格     就像你一回家的时候，你一进屋里面，你已经是儿子，是姑娘啦，给老爸老妈倒怀水吧，你还觉得你是老总呢？还拿派呢？就像今天一样，你们往这儿一坐，你们之间是什么，同学，是朋友。     还有下属最忌讳的就是领导向他询问情况的时候，什么我不知道，我不清楚，该你知道的你凭什么不知道
  • [光速与宇宙]进行光速飞行的一些问题 comsci 问题
         在人类整体进入宇宙时代，即将开展深空宇宙探索之前，我有几个猜想想告诉大家     仅仅是猜想。。。未经官方证实      1：要在宇宙中进行光速飞行，必须首先获得宇宙中的航行通行证，而这个航行通行证并不是我们平常认为的那种带钢印的证书，是什么呢？ 下面我来告诉
  • oracle undo解析 cwqcwqmax9 oracle
    oracle undo解析2012-09-24 09:02:01     我来说两句       作者：虫师收藏    我要投稿 Undo是干嘛用的？         &nb
  • java中各种集合的详细介绍 dashuaifu java集合
    一，java中各种集合的关系图 Collection       接口的接口     对象的集合  ├ List           子接口   &n
  • 卸载windows服务的方法 dcj3sjt126com windowsservice
    卸载Windows服务的方法 在Windows中，有一类程序称为服务，在操作系统内核加载完成后就开始加载。这里程序往往运行在操作系统的底层，因此资源占用比较大、执行效率比较高，比较有代表性的就是杀毒软件。但是一旦因为特殊原因不能正确卸载这些程序了，其加载在Windows内的服务就不容易删除了。即便是删除注册表中的相 应项目，虽然不启动了，但是系统中仍然存在此项服务，只是没有加载而已。如果安装其他
  • Warning: The Copy Bundle Resources build phase contains this target's Info.plist dcj3sjt126com iosxcode
        http://developer.apple.com/iphone/library/qa/qa2009/qa1649.html Excerpt: You are getting this warning because you probably added your Info.plist file to your Copy Bundle
  • 2014之C++学习笔记（一） Etwo C++EtwoEtwoiterator迭代器
            已经有很长一段时间没有写博客了，可能大家已经淡忘了Etwo这个人的存在，这一年多以来，本人从事了AS的相关开发工作，但最近一段时间，AS在天朝的没落，相信有很多码农也都清楚，现在的页游基本上达到饱和，手机上的游戏基本被unity3D与cocos占据，AS基本没有容身之处。so。。。最近我并不打算直接转型
  • js跨越获取数据问题记录 haifengwuch jsonpjsonAjax
    js的跨越问题，普通的ajax无法获取服务器返回的值。   第一种解决方案，通过getson，后台配合方式，实现。 Java后台代码： protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { String ca
  • 蓝色jQuery导航条 ini JavaScripthtmljqueryWebhtml5
    效果体验：http://keleyi.com/keleyi/phtml/jqtexiao/39.htmHTML文件代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery鼠标悬停上下滑动导航条 - 柯乐义<
  • linux部署jdk,tomcat,mysql kerryg jdktomcatlinuxmysql
    1、安装java环境jdk:     一般系统都会默认自带的JDK,但是不太好用，都会卸载了，然后重新安装。    1.1）、卸载：      （rpm -qa :查询已经安装哪些软件包；        rmp -q 软件包：查询指定包是否已
  • DOMContentLoaded VS onload VS onreadystatechange mutongwu jqueryjs
    1. DOMContentLoaded 在页面html、script、style加载完毕即可触发，无需等待所有资源（image/iframe）加载完毕。（IE9+） 2. onload是最早支持的事件，要求所有资源加载完毕触发。 3. onreadystatechange 开始在IE引入，后来其它浏览器也有一定的实现。涉及以下 document , applet, embed, fra
  • sql批量插入数据 qifeifei 批量插入
    hi，   自己在做工程的时候，遇到批量插入数据的数据修复场景。我的思路是在插入前准备一个临时表，临时表的整理就看当时的选择条件了，临时表就是要插入的数据集，最后再批量插入到数据库中。    WITH tempT AS ( SELECT item_id AS combo_id, item_id, now() AS create_date FROM a
  • log4j打印日志文件 如何实现相对路径到 项目工程下 thinkfreer Weblog4j应用服务器日志
    最近为了实现统计一个网站的访问量，记录用户的登录信息，以方便站长实时了解自己网站的访问情况，选择了Apache 的log4j,但是在选择相对路径那块 卡主了，X度了好多方法(其实大多都是一样的内用，还一个字都不差的)，都没有能解决问题，无奈搞了2天终于解决了，与大家分享一下 需求： 用户登录该网站时，把用户的登录名,ip,时间。统计到一个txt文档里，以方便其他系统调用此txt。项目名
  • linux下mysql-5.6.23.tar.gz安装与配置 笑我痴狂 mysqllinuxunix
    1.卸载系统默认的mysql [root@localhost ~]# rpm -qa | grep mysql mysql-libs-5.1.66-2.el6_3.x86_64 mysql-devel-5.1.66-2.el6_3.x86_64 mysql-5.1.66-2.el6_3.x86_64 [root@localhost ~]# rpm -e mysql-libs-5.1