凑热闹分子
凑热闹分子

实战小米官网静态页面1：导航栏部分

小米官网静态页面：


实战小米官网静态页面1：导航栏部分_第1张图片

导航栏部分：

这里用id选择器，猫脸动画：class选择器（复习！）

F12
实战小米官网静态页面1：导航栏部分_第2张图片
实战小米官网静态页面1：导航栏部分_第3张图片
实战小米官网静态页面1：导航栏部分_第4张图片
实战小米官网静态页面1：导航栏部分_第5张图片
导航栏分了左右两个部分：
实战小米官网静态页面1：导航栏部分_第6张图片
实战小米官网静态页面1：导航栏部分_第7张图片
实战小米官网静态页面1：导航栏部分_第8张图片

下图18行少了个v，记得补上，是navCenter
实战小米官网静态页面1：导航栏部分_第9张图片
设置好网页的边距
图片原本是带着框线的，要去掉
a标签本来是带着下划线的，要去掉
实战小米官网静态页面1：导航栏部分_第10张图片
实战小米官网静态页面1：导航栏部分_第11张图片

实战小米官网静态页面1：导航栏部分_第12张图片

小米官网~Selection Location

naCenter的div里写无序列表ul，里面写小米官网~Selection Location
每个类别后都有一个竖线，最后一个li的后面没有竖线，所以最后一个li要用上class属性，因为它在后面需要单独设置
实战小米官网静态页面1：导航栏部分_第13张图片
实战小米官网静态页面1：导航栏部分_第14张图片
鼠标悬停设置：
达到效果字体颜色改变，并且没有下划线
实战小米官网静态页面1：导航栏部分_第15张图片
实战小米官网静态页面1：导航栏部分_第16张图片

购物车

购物车标
用的时候一定要删掉里面的点
实战小米官网静态页面1：导航栏部分_第17张图片
购物车是和无序列表ul是并列关系
小知识点：href="#"是一种临时链接的写法，这样写就是说这个链接目前不可用，点击了也不会有作用，还是会跳转到本页，当#被有效链接替换才会起作用。
实战小米官网静态页面1：导航栏部分_第18张图片
实战小米官网静态页面1：导航栏部分_第19张图片
下图是鼠标放在上面的效果：
实战小米官网静态页面1：导航栏部分_第20张图片

登录注册消息通知

登录注册消息通知 是和 购物车 和 li 同级
实战小米官网静态页面1：导航栏部分_第21张图片
实战小米官网静态页面1：导航栏部分_第22张图片
效果是鼠标放上去字变白色，并且是没有下划线的
实战小米官网静态页面1：导航栏部分_第23张图片
导航栏效果展示：
实战小米官网静态页面1：导航栏部分_第24张图片

实战小米官网静态页面1：导航栏部分_第25张图片
实战小米官网静态页面1：导航栏部分_第26张图片
代码：
html：

DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>小米商城title>
		
		
		 
		 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">

		
		<link rel="stylesheet" type="text/css" href="css/mi.css" />
	head>
	<body>
		<div id="container">
			<div id="header">
				<div id="nav">
					<div id="navCenter">
						<ul>
							<li><a href="#">小米官网a>li>
							<li><a href="#">小米商城a>li>
							<li><a href="#">MIUIa>li>
							<li><a href="#">oTa>li>
							<li><a href="#">云服务a>li>
							<li><a href="#">天星数科a>li>
							<li><a href="#">有品a>li>
							<li><a href="#">小爱开放平台a>li>
							<li><a href="#">企业团购a>li>
							<li><a href="#">资质证书a>li>
							<li><a href="#">协议规则a>li>
							<li><a href="#">下appa>li>
							<li class="lastli"><a href="#">SelectLocationa>li>
						ul>
						<div id="navRightCar">
							<a href="#">
								<span class="glyphicon glyphicon-shopping-cart">span>
								购物车(0)
							a>
						div>
						<div id="navRightLogin">
							<a href="#">登录a>
							<span>|span>
							<a href="#">注册a>
							<span>|span>
							<a href="#">消息通知a>
							<span>|span>
						div>
					div>
				div>
			div>
		div>
		
	body>
html>

css：

/* 初始化 */
*{
	margin: 0;
	padding: 0;
}
ul{
	list-style: none;
}
body{
	font-family: "微软雅黑";
}
img{
	
	border: none;
}
a{
	/* 去掉a标签下划线 */
	text-decoration: none;
}
#container{
	width: 100%;
}
#header{
	width: 100%;
	height: 140px;
}
#nav{
	width: 100%;
	height: 40px;
	background-color: #333;
}
#navCenter{
	width: 1226px;
	height: 40px;
	/* 位置居中 */
	margin: 0 auto;
	/* background-color: red; */
}
#navCenter ul{
	margin-top: 16px;
	float: left;
}
#navCenter ul li{
	float: left;
	font-size: 12px;
	line-height: 14px;
	/* 右边框 */
	border-right: 1px solid #424242;
}
#navCenter ul li a{
	color: #b0b0b0;
	margin-right: 8px;
	margin-left: 8px;
}
#navCenter ul .lastli{
	border: none;
}
#navCenter ul li a:hover{
	color: #E0E0E0;
	text-decoration: none;
}
#navRightCar{
	background-color: #424242;
	width: 120px;
	height: 40px;
	float: right;
	line-height: 40px;
	/* 设置鼠标移动上去，变成手的形状 */
	cursor: pointer;
	/* 设置父级div里面的内容水平居中 */
	text-align: center;
}
#navRightCar a{
	font-size: 12px;
	color: #B0B0B0;
}
#navRightCar:hover{
	background-color: white;
}
#navRightCar:hover a{
	color: #ff6700;
	/* 去掉a标签下划线 */
	text-decoration: none;
}
#navRightLogin{
	float: right;
	height: 40px;
	line-height: 40px;
	/* 设置父级div里面的内容水平居中 */
	text-align: center;
	margin-right: 15px;
}
#navRightLogin span{
	color: #424242;
	/* 去掉a标签下划线 */
	text-decoration: none;
}
#navRightLogin a{
	color: #B0B0B0;
	font-size: 12px;
	margin-left: 5px;
	margin-right: 5px;
}
#navRightLogin a:hover{
	color: #E0E0E0;
}

你可能感兴趣的:(Web应用开发笔记,前端,html,css)

  • 关于命名空间内变量和函数及全局变量的使用和作用域: 云墨丹青 C++C++学习编程
    (来源：https://www.runoob.com/cplusplus/cpp-namespaces.html)#includeusingnamespacestd;namespaceA{inta=100;namespaceB//嵌套一个命名空间B{inta=20;}}inta=200;//定义一个全局变量intmain(intargc,char*argv[]){cout<<"A::a="<
  • Vue.js 组件开发：构建可重用且高效的 UI 块 沉浮yu大海 vue.jsui前端
    在现代前端开发中，Vue.js凭借其简洁的语法、强大的数据绑定能力和灵活的组件系统，成为许多开发者的首选框架。组件化开发是Vue.js的核心特性之一，它允许我们将大型应用拆分成多个独立、可复用的部分，从而提高代码的可维护性和扩展性。本文将带你深入了解Vue.js组件开发的基本概念和最佳实践，帮助你构建高效且可重用的UI组件。一、Vue.js组件基础在Vue.js中，组件是可复用的Vue实例，它们封
  • 在vue3中配置scss 库库林_沙琪马 #Vue组件直接使用scssvue.js前端
    要在Vue3中使用SCSS（Sass的一个子集），你需要安装相应的依赖，并对项目进行一些配置。下面是详细的步骤：步骤1:安装依赖首先，你需要安装sass和vue-loader（如果你使用的是VueCLI）以及vite-plugin-vue2或vite-plugin-vue3（如果你使用的是Vite）。这里我们假设你使用的是Vite构建工具。打开终端并运行以下命令以安装所需的依赖包：npminsta
  • 前端构建工具——Webpack和Vite的主要区别 像素检测仪 前端前端webpack
    目录1.设计理念2.性能表现3.使用场景4.配置复杂度5.生态系统6.性能对比总结7.选择建议1.设计理念Webpack设计理念：Webpack是一个通用的模块打包工具，它将项目中的各种资源（如JavaScript、CSS、图片等）视为模块，并通过loader和plugin进行处理和打包。适用范围：适用于复杂项目，支持高度定制化，适合需要精细控制构建过程的场景。Vite设计理念：Vite（法语“快
  • 学习笔记分享-快速掌握前端-html进阶（利用telnet发送json请求、利用telnet发送multipart请求） 2301_81243975 前端学习笔记
    前言图片上面的personal表示只有图片上面的一行语句是解释图片内容的、local表示这个图片所在标题下的所有语句都是解释图片内容的、global表示有多个标题下的所有语句都是解释图片内容的我是一名大二的学生，学了差不多一年java技术栈了，想记录一下自己对知识点的心得，目前还是个小白，期望大佬们可以指出我笔记中的不足之处、对知识点的认知错误、笔记结构的混乱等这些图片内容都是在观看黑马课程时的视
  • Webpack 基础入门 懒羊羊我小弟 前端工程化webpackrust前端es6node.js
    一、Webpack是什么Webpack是一款现代JavaScript应用程序的静态模块打包工具。在Web开发中，我们的项目会包含各种类型的文件，如JavaScript、CSS、图片等。Webpack可以将这些文件打包成一个或多个文件，以便在浏览器中高效加载。它就像是一个超级管家，把项目中的各种资源整理打包，让它们能更好地协同工作。二、为什么要使用Webpack代码拆分：可以将代码拆分成多个块，实现
  • 【HarmonyOS之旅】基于ArkTS开发(三) -＞ 兼容JS的类Web开发(四) -＞ 常见组件(二) -＞ tabs 枫叶丹4 HarmonyOS前端javascript开发语言harmonyos华为华为云
    目录1->创建Tabs2->设置Tabs方向3->设置样式4->显示页签索引5->场景示例1->创建Tabs在pages/index目录下的hml文件中创建一个Tabs组件。item1item2content1content2/*test.css*/.container{flex-direction:column;justify-content:center;align-items:center;
  • html放大镜效果代码,原生JS实现的放大镜效果实例代码 看热闹不嫌事大菌 html放大镜效果代码
    js放大镜效果*{margin:0px;padding:0px;border:none;list-style:none;}#box{margin:80pxauto;width:352px;}#boxp{width:350px;height:350px;border:1pxsolid#ddd;margin-bottom:5px;}#boxpimg{width:350px;height:350px;}
  • Android开发笔记: 5种对话框案例 程序猿的杂货店 Android开发笔记android开发笔记PopupWindowAlertDialogProgressDialog
    5种android对话框1弹出普通对话框---系统更新2自定义对话框--用户登录3时间选择对话框--时间对话框4进度条对话框--信息加载..5popuWindow对话框下载地址:http://download.csdn.net/download/taoerit/99651421弹出普通对话框---系统更新//弹出普通对话框publicvoidshowNormalDialog(Viewv){Aler
  • web第三次作业 naodianbozzz 前端cssjavascript
    实现网页登入窗口的显示隐藏登录窗口滑动效果*{margin:0;padding:0;box-sizing:border-box;}html,body{width:100%;height:100%;}.container{width:100%;height:100%;background-color:#f2f1f2;}header{width:1200px;height:50px;backgroun
  • 轮播图html The_era_achievs_hero html前端javascript
    题十二：轮播图要求：1.鼠标不在图片上方时，进行自动轮播，并且左右箭头不会显示；当鼠标放在图片上方时，停止轮播，并且左右箭头会显示；2.图片切换之后，图片中下方的小圆点会同时进行切换，并且点击相应的小圆点可以切换到相应的图片上；3.点击左右箭头可以进行左右图片的切换；4.图片上需有介绍的文字，会随图片切换一起进行切换。原理：当鼠标进入时，左走箭头出现，定时器关闭，离开时，箭头消失，定时器开启。写D
  • dochub实践-资源参考 xiaohangwj
    项目开源仓库-gitee开源仓库-github教程文档依赖后端-beego开源仓库入门教程前端-Flat-UI开源仓库样式文档
  • Spring Boot 开发入门 圣心 springboot
    文章来源：开发您的第一个SpringBoot应用程序(DevelopingYourFirstSpringBootApplication)_SpringBoot3.4.0中文文档(官方文档中文翻译)|Spring教程——CADN开发者文档中心本节介绍如何开发一个小型的“HelloWorld！”Web应用程序，其中重点介绍了SpringBoot的一些关键功能。您可以选择Maven或Gradle作为构建
  • SpringMVC的工作原理 冰糖心书房 2025Java面试系列java
    SpringMVC工作原理详解SpringMVC是Spring框架中用于构建Web应用程序的模块。它基于MVC（Model-View-Controller）设计模式，提供了一种清晰且可维护的方式来处理Web请求和生成响应。以下是SpringMVC工作原理的详细说明，包括各个组件的作用以及它们如何协同工作：1.用户发起请求(BrowserRequest):用户在浏览器输入URL，发起一个HTTP请求
  • JVM调优6大步骤 炭烤肥杨 jvm
    对JVM内存的系统级的调优主要的目的是减少GC的频率和FullGC的次数。参考博客:https://www.cnblogs.com/Darrenblog/p/10712125.html1.FullGC会对整个堆进行整理，包括Young、Tenured和Perm。FullGC因为需要对整个堆进行回收，所以比较慢，因此应该尽可能减少FullGC的次数。2.导致FullGC的原因1)年老代（Tenure
  • 题解 | #数组中出现次数超过一半的数字#哈希最简单的解法 2301_79125642 java
    前端要转测试大佬们，我是软件工程专业的，毕业后又培训了半年前端，现在公司要我转软件测试，初中级都可以，学着麻烦吗？大概得多长时间？转转java凉面一个数组基本有序应该采用哪种排序方法为什么要有线程池，线程太多会怎么样？？阻塞队列与普通队列的区别是？递归与非递归区别是什么？各自的优缺点？递归如何转为非递归题解|#数组中出现次数超过一半的数字#哈希最简单的解法classSolution{public:
  • C#、ASP、ASP.NET、.NET、ASP.NET CORE区别、ASP.NET Core其概念和特点、ASP.NET Core个人心得体会 手中的风筝664 c#asp.net.net
    C#是一种面向对象的编程语言，主要用于开发跨平台的应用程序。它是.NET框架的一部分，并且可以在.NET平台上运行。ASP（ActiveServerPages）是一种用于构建动态Web页面的技术，使用VBScript或JScript作为服务器端脚本语言。它是早期的Microsoft技术，现已逐渐过时。ASP.NET是微软推出的下一代Web应用程序开发技术，它提供了更强大、更高效的功能和工具。ASP
  • C#面：.Net、ASP.Net、C#、VisualStudio之间的关系是什么 那个那个鱼 c#C#面试题c#.net开发语言
    C#是一种编程语言，它是由微软开发的，用于开发各种类型的应用程序，包括桌面应用程序、Web应用程序和移动应用程序等。C#是一种面向对象的语言，它具有强大的类型安全性和丰富的库支持。.NET是一个软件开发框架，它由微软开发和维护。.NET框架提供了一个运行时环境和一系列的类库，用于简化和加速应用程序的开发过程。C#是.NET框架的一种主要编程语言，但.NET框架也支持其他编程语言，如VB.NET和F
  • 关于前后端分离跨域问题——使用DeepSeek分析查错 潮落拾贝 解决跨域问题使用DeepSeek协助开发
    我前端使用antdesignvuepro框架，后端使用kratos框架开发。因为之前也解决过跨域问题，正常是在后端的http请求中加入中间件，设置跨域需要通过的字段即可，代码如下所示：funcNewHTTPServer(c*conf.Server,s*conf.Secret,rolesm*service.RolesManageService,tracertrace.TracerProvider,l
  • python股票分析系统部署操作过程及代码实现 大懒猫软件 python开发语言flaskplotlyapirestful
    部署一个股票分析系统涉及多个步骤，包括后端服务、前端界面和实时数据更新。以下是一个详细的部署过程，涵盖从代码编写到服务器部署的完整步骤。1.系统架构概述后端：使用Flask提供RESTfulAPI和数据处理服务。前端：使用PlotlyDash构建动态界面，实时显示股票价格走势。数据源：从金融数据API（如AlphaVantage、YahooFinance）获取实时数据。2.系统开发步骤2.1安装必
  • 爬虫实践——selenium、bs4 lucky_chaichai Python爬虫seleniumrequests爬虫seleniumpython
    目录一、浏览器的一般设置二、打开网页并获取网页源码的方式1、基于requests库2、基于urlib库3、基于selenium三、HTML解析1、BeautifulSoup2、Selenium动态渲染爬虫：模拟动态操作网页，加载JS(webdriver)3、scrapy框架四、反爬虫操作五、一些常见的异常处理六、url接口调用问题——get、post操作1、get请求2、post请求fromsel
  • Java8适配的markdown转换html工具（FlexMark） 星极天下第一 前端Javahtml前端java
    坐标地址：com.vladsch.flexmarkflexmark-all0.60.0工具类代码：importcom.vladsch.flexmark.ext.tables.TablesExtension;importcom.vladsch.flexmark.ext.toc.TocExtension;importcom.vladsch.flexmark.html.HtmlRenderer;impo
  • 网络安全-攻击流程-应用层 星河776(重名区分) 网络安全web安全安全
    应用层攻击针对OSI模型的第七层（应用层），主要利用协议漏洞、业务逻辑缺陷或用户交互弱点，直接威胁Web应用、API、数据库等服务。以下是常见应用层攻击类型及其流程，以及防御措施：1.SQL注入（SQLInjection）攻击流程：漏洞探测：攻击者向输入字段（如登录框、搜索栏）提交试探性SQL语句（如'OR1=1--）。语句构造：若应用未过滤输入，恶意SQL语句被拼接至数据库查询中。数据窃取/篡改
  • uniapp uni-icons组件自定义图标 xcLeigh uniapp技术点解析uni-app前端java
    文章目录1️⃣uni-icons组件1.1引用位置1.2FontEditor简介1.2FontEditor使用结束语优质源码分享uni-app是一个使用Vue.js(opensnewwindow)开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序、快应用等多个平台。1️⃣uni-icons组件1.1引用位置1.2FontEditor简介Fo
  • uni-app下表格纯CSS方案的固定首行首列，最简单的实现方式 taihom css前端javascript
    网上找了很多在uni-app下的表格组件，实现起来都太复杂了，我只是想要一个表格单纯的可以实现首行首列可以固定，没办法看了资料后，只能自己写。下面是一个最简单的实现方式。可以自己进行后续封装来使用，自己亲自编写实测没问题，纯CSS方案。时间AABBCCDDEE10:17:25{{index}}1020.5616.table-container{width:100%;height:100%;posi
  • leaflet手绘地图实现原理-可视化工具设计手绘地图 diygwcom leaflet手绘地图自定义地图瓦片
    在Leaflet中实现手绘地图并添加自定义标注是一个有趣且实用的功能。Leaflet是一个开源的JavaScript库，用于在网页上创建交互式地图。下面是一个基本的实现步骤，包括如何加载手绘地图和添加自定义标注。步骤1：设置HTML页面首先，创建一个基本的HTML页面，并引入Leaflet库。Leaflet手绘地图与自定义标注#map{height:100vh;}//JavaScript代码将在这
  • 表格首列，首行固定，并且能随意滚动 一麻袋小猫 笔记css3
    css3新增了粘性定位，利用粘性定位即可做到，但要注意的是：如果想要粘性定位相对于父元素定位，需要给其增加relative定位。逻辑是：滚动盒子滚动的是页面，滚动盒子内部放一个大盒子（1），此盒子宽度为内容的总宽度，在盒子内部给想要固定的盒子增加粘性定位，让其top值||left值为0，这里的0是相对于盒子1的。
  • 使用v-html时 防止xss注入攻击 i'm wxm xss前端javascriptvue
    方法一使用vue-dompurify-html插件安装npminstallvue-dompurify-html在mian.js中配置import{createApp}from'vue'importAppfrom'./App.vue'constapp=createApp(App)//防止v-html进行xss注入importVueDOMPurifyHTMLfrom'vue-dompurify-htm
  • MySQL、MariaDB 和 TDSQL 的区别 sumatch mysql数据库
    MySQL、MariaDB和TDSQL是三种不同的数据库管理系统，它们在设计理念、功能、性能和使用场景上有一些显著的区别。以下是对这三者的详细比较和介绍。1.MySQL概述类型：关系型数据库管理系统（RDBMS）。开发者：最初由MySQLAB开发，后被SunMicrosystems收购，最终被OracleCorporation收购。开源：提供社区版和商业版。使用场景：广泛用于Web应用、内容管理系
  • vba对应CAD版本下载网址 山水CAD筑梦人 CADVBA开发语言
    下载对应vba版本网址如下：DownloadtheMicrosoftVBAModuleforAutoCADhttps://www.autodesk.com/support/technical/article/caas/tsarticles/ts/3kxk0RyvfWTfSfAIrcmsLQ.html以下是DwgVersion枚举值与AutoCAD版本的对应关系：枚举值数值对应的AutoCAD版本A
  • Spring4.1新特性——综述 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • Schema与数据类型优化 annan211 数据结构mysql
    目前商城的数据库设计真是一塌糊涂，表堆叠让人不忍直视，无脑的架构师，说了也不听。 在数据库设计之初，就应该仔细揣摩可能会有哪些查询，有没有更复杂的查询，而不是仅仅突出 很表面的业务需求，这样做会让你的数据库性能成倍提高，当然，丑陋的架构师是不会这样去考虑问题的。 选择优化的数据类型 1 更小的通常更好 更小的数据类型通常更快，因为他们占用更少的磁盘、内存和cpu缓存，
  • 第一节 HTML概要学习 chenke htmlWebcss
    第一节 HTML概要学习 1. 什么是HTML HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写，它规定了自己的语法规则，用来表示比“文本”更丰富的意义，比如图片，表格，链接等。浏览器（IE,FireFox等）软件知道HTML语言的语法，可以用来查看HTML文档。目前互联网上的绝大部分网页都是使用HTML编写的。 打开记事本 输入一下内
  • MyEclipse里部分习惯的更改 Array_06 eclipse
    继续补充中---------------------- 1.更改自己合适快捷键windows-->prefences-->java-->editor-->Content Assist-->      Activation triggers for java的右侧“.”就可以改变常用的快捷键 选中 Text
  • 近一个月的面试总结 cugfy 面试
    本文是在学习中的总结，欢迎转载但请注明出处：http://blog.csdn.net/pistolove/article/details/46753275 前言       打算换个工作，近一个月面试了不少的公司，下面将一些面试经验和思考分享给大家。另外校招也快要开始了，为在校的学生提供一些经验供参考，希望都能找到满意的工作。 
  • HTML5一个小迷宫游戏 357029540 html5
         通过《HTML5游戏开发》摘抄了一个小迷宫游戏，感觉还不错，可以画画，写字，把摘抄的代码放上来分享下，喜欢的同学可以拿来玩玩！ <html> <head> <title>创建运行迷宫</title> <script type="text/javascript"
  • 10步教你上传githib数据 张亚雄 git
    官方的教学还有其他博客里教的都是给懂的人说得，对已我们这样对我大菜鸟只能这么来锻炼，下面先不玩什么深奥的，先暂时用着10步干净利索。等玩顺溜了再用其他的方法。 操作过程（查看本目录下有哪些文件NO.1）ls （跳转到子目录NO.2）cd+空格+目录 （继续NO.3）ls （匹配到子目录NO.4）cd+ 目录首写字母+tab键+（首写字母“直到你所用文件根就不再按TAB键了”） （查看文件
  • MongoDB常用操作命令大全 adminjun mongodb操作命令
    成功启动MongoDB后，再打开一个命令行窗口输入mongo，就可以进行数据库的一些操作。输入help可以看到基本操作命令，只是MongoDB没有创建数据库的命令，但有类似的命令 如：如果你想创建一个“myTest”的数据库，先运行use myTest命令，之后就做一些操作（如：db.createCollection('user')）,这样就可以创建一个名叫“myTest”的数据库。 一
  • bat调用jar包并传入多个参数 aijuans
    下面的主程序是通过eclipse写的： 1.在Main函数接收bat文件传递的参数（String[] args）  如：   String ip =args[0];          String user=args[1];       &nbs
  • Java中对类的主动引用和被动引用 ayaoxinchao java主动引用对类的引用被动引用类初始化
      在Java代码中，有些类看上去初始化了，但其实没有。例如定义一定长度某一类型的数组，看上去数组中所有的元素已经被初始化，实际上一个都没有。对于类的初始化，虚拟机规范严格规定了只有对该类进行主动引用时，才会触发。而除此之外的所有引用方式称之为对类的被动引用，不会触发类的初始化。虚拟机规范严格地规定了有且仅有四种情况是对类的主动引用，即必须立即对类进行初始化。四种情况如下：1.遇到ne
  • 导出数据库 提示 outfile disabled BigBird2012 mysql
    在windows控制台下，登陆mysql，备份数据库：   mysql>mysqldump -u root -p test test > D:\test.sql 使用命令 mysqldump 格式如下： mysqldump -u root -p *** DBNAME > E:\\test.sql。 注意：执行该命令的时候不要进入mysql的控制台再使用，这样会报
  • Javascript 中的 && 和 || bijian1013 JavaScript&&||
            准备两个对象用于下面的讨论 var alice = { name: "alice", toString: function () { return this.name; } } var smith = { name: "smith",
  • [Zookeeper学习笔记之四]Zookeeper Client Library会话重建 bit1129 zookeeper
    为了说明问题，先来看个简单的示例代码：   package com.tom.zookeeper.book; import com.tom.Host; import org.apache.zookeeper.WatchedEvent; import org.apache.zookeeper.ZooKeeper; import org.apache.zookeeper.Wat
  • 【Scala十一】Scala核心五：case模式匹配 bit1129 scala
    package spark.examples.scala.grammars.caseclasses object CaseClass_Test00 { def simpleMatch(arg: Any) = arg match { case v: Int => "This is an Int" case v: (Int, String)
  • 运维的一些面试题 yuxianhua linux
    1、Linux挂载Winodws共享文件夹   mount -t cifs //1.1.1.254/ok /var/tmp/share/ -o username=administrator,password=yourpass 或 mount -t cifs -o username=xxx,password=xxxx //1.1.1.1/a /win    
  • Java lang包-Boolean BrokenDreams boolean
             Boolean类是Java中基本类型boolean的包装类。这个类比较简单，直接看源代码吧。 public final class Boolean implements java.io.Serializable,
  • 读《研磨设计模式》-代码笔记-命令模式-Command bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.Collection; import java.util.List; /** * GOF 在《设计模式》一书中阐述命令模式的意图：“将一个请求封装
  • matlab下GPU编程笔记 cherishLC matlab
    不多说，直接上代码 gpuDevice % 查看系统中的gpu,,其中的DeviceSupported会给出matlab支持的GPU个数。 g=gpuDevice(1); %会清空 GPU 1中的所有数据,,将GPU1 设为当前GPU reset(g) %也可以清空GPU中数据。 a=1; a=gpuArray(a); %将a从CPU移到GPU中 onGP
  • SVN安装过程 crabdave SVN
    SVN安装过程   subversion-1.6.12   ./configure --prefix=/usr/local/subversion --with-apxs=/usr/local/apache2/bin/apxs --with-apr=/usr/local/apr --with-apr-util=/usr/local/apr --with-openssl=/
  • sql　行列转换 daizj sql行列转换行转列列转行
    行转列的思想是通过case when 来实现 列转行的思想是通过union all 来实现 下面具体例子： 假设有张学生成绩表(tb)如下: Name Subject Result 张三 语文　　74 张三 数学　　83 张三 物理　　93 李四 语文　　74 李四 数学　　84 李四 物理　　94 */ /* 想变成 姓名   &
  • MySQL--主从配置 dcj3sjt126com mysql
    linux下的mysql主从配置： 说明：由于MySQL不同版本之间的(二进制日志)binlog格式可能会不一样，因此最好的搭配组合是Master的MySQL版本和Slave的版本相同或者更低， Master的版本肯定不能高于Slave版本。（版本向下兼容） mysql1  : 192.168.100.1    //master mysq
  • 关于yii 数据库添加新字段之后model类的修改 dcj3sjt126com Model
    rules: array('新字段','safe','on'=>'search') 1、array('新字段', 'safe')//这个如果是要用户输入的话，要加一下， 2、array('新字段', 'numerical'),//如果是数字的话 3、array('新字段', 'length', 'max'=>100),//如果是文本 1、2、3适当的最少要加一条，新字段才会被
  • sublime text3 中文乱码解决 dyy_gusi Sublime Text
    sublime text3中文乱码解决 原因：缺少转换为UTF-8的插件 目的：安装ConvertToUTF8插件包 第一步：安装能自动安装插件的插件，百度“Codecs33”，然后按照步骤可以得到以下一段代码： import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a30980927
  • 概念了解：CGI，FastCGI，PHP-CGI与PHP-FPM geeksun PHP
    CGI CGI全称是“公共网关接口”(Common Gateway Interface)，HTTP服务器与你的或其它机器上的程序进行“交谈”的一种工具，其程序须运行在网络服务器上。 CGI可以用任何一种语言编写，只要这种语言具有标准输入、输出和环境变量。如php,perl,tcl等。 FastCGI FastCGI像是一个常驻(long-live)型的CGI，它可以一直执行着，只要激活后，不
  • Git push 报错 "error: failed to push some refs to " 解决 hongtoushizi git
    Git push 报错 "error: failed to push some refs to " . 此问题出现的原因是：由于远程仓库中代码版本与本地不一致冲突导致的。 由于我在第一次git pull --rebase 代码后，准备push的时候，有别人往线上又提交了代码。所以出现此问题。 解决方案： 1： git pull    2：
  • 第四章 Lua模块开发 jinnianshilongnian nginxlua
    在实际开发中，不可能把所有代码写到一个大而全的lua文件中，需要进行分模块开发；而且模块化是高性能Lua应用的关键。使用require第一次导入模块后，所有Nginx 进程全局共享模块的数据和代码，每个Worker进程需要时会得到此模块的一个副本（Copy-On-Write），即模块可以认为是每Worker进程共享而不是每Nginx Server共享；另外注意之前我们使用init_by_lua中初
  • java.lang.reflect.Proxy liyonghui160com
      1.简介   Proxy 提供用于创建动态代理类和实例的静态方法 （1）动态代理类的属性 代理类是公共的、最终的，而不是抽象的 未指定代理类的非限定名称。但是，以字符串 "$Proxy" 开头的类名空间应该为代理类保留 代理类扩展 java.lang.reflect.Proxy 代理类会按同一顺序准确地实现其创建时指定的接口
  • Java中getResourceAsStream的用法 pda158 java
    1.Java中的getResourceAsStream有以下几种： 1. Class.getResourceAsStream(String path) ： path 不以’/'开头时默认是从此类所在的包下取资源，以’/'开头则是从ClassPath根下获取。其只是通过path构造一个绝对路径，最终还是由ClassLoader获取资源。 　　2. Class.getClassLoader.get
  • spring 包官方下载地址（非maven） sinnk spring
    SPRING官方网站改版后，建议都是通过 Maven和Gradle下载，对不使用Maven和Gradle开发项目的，下载就非常麻烦，下给出Spring Framework jar官方直接下载路径:   http://repo.springsource.org/libs-release-local/org/springframework/spring/   s
  • Oracle学习笔记(7) 开发PLSQL子程序和包 vipbooks oraclesql编程
        哈哈，清明节放假回去了一下，真是太好了，回家的感觉真好啊！现在又开始出差之旅了，又好久没有来了，今天继续Oracle的学习！      这是第七章的学习笔记，学习完第六章的动态SQL之后，开始要学习子程序和包的使用了……，希望大家能多给俺一些支持啊！     编程时使用的工具是PLSQL
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他