WinvenChang
WinvenChang

Python学习笔记：5.3.4 bootstrap框架

本文是学习陆老师的《python全栈工程师 - web开发前端基础》课程的笔记，欢迎学习交流。同时感谢陆老师的精彩传授！

一、课程目标
  • bootstrap框架简介
  • 响应式设计
  • bootstrap响应式布局
  • bootstrap组件
二、详情解读
2.1.bootstrap简介

网页设计难点：
1.显示屏规格多。有大屏显示器，有ipad类的中等屏幕，有手机类的小屏幕
2.css的浏览器兼容性复杂。css已经发展css3，而浏览器对css的特性不能完全支持，或者不一致，比如（盒子模型）
3.重复性工作多
4.Twitter前端开发人员为了提高效率，内部开发了一套css框架，按照这套css，可以像搭积木一样，搭建可以自适应屏幕的网页
2011年，Twitter公司将其开源，现在bootstrap是非常流行的框架之一

1.bootstrap官网：https://getbootstrap.com/
2.bootstrap中文：https://v3.bootstrap.com/
3.直接下载相关css与js文件夹就可以

2.2.响应式设计

1.响应式布局设计前需要确定兼容的设备类型与大小
其实在不同设备上浏览时，所加载的媒体尺寸也可能不同
比如同一张图片，pc加载的size要大于手机的size
2.自适应的宽度不能设计成固定值，字体大小等等使用em，rem单位

下图左边页面没有响应式显示，右边则是响应式的：

Python学习笔记：5.3.4 bootstrap框架_第1张图片

2.3.栅格系统

bootstrap 的栅格系统：栅格系统就像表格一样
1.一个container可以包含多个“row”行
2.每一个“row” div包含多个“col” 列div

类名 说明 - 适用屏幕
.col-xs- 小屏幕 手机 (<768px)
.col-sm- 小屏幕 平板 (≥768px)
.col-md- 中等屏幕 桌面显示器 (≥992px)
.col-lg- 大屏幕 大桌面显示器 (≥1200px)

Python学习笔记：5.3.4 bootstrap框架_第2张图片

1.bootstrap的屏幕自适应最主要的是由于其栅格布局
2.栅格布局就是将屏幕水平方向分成12等份
3.通过媒体查询，不同的屏幕下重新分配内容所占的12等份比例，达到自适应目的（类似flex布局一样）

2.4.组件与排版

下图是bootstrap官网的页面排版：
Python学习笔记：5.3.4 bootstrap框架_第3张图片

三、代码讲解
3.1.布局

一、媒体查询技术：
1.根据屏幕大小不同加载不同的外部样式：
比如： href="./css/500media.css" />
2.根据屏幕大小不同加载不同的内部样式：
比如：@media only screen and ( min-width:400px) and ( max-width:500px){}

二、响应式：
响应式布局设计前需要确定兼容的设备类型与大小
其实在不同设备上浏览时，所加载的媒体尺寸也可能不同
比如同一张图片，pc加载的size要大于手机的size

三、bootstrap 的栅格系统：栅格系统就像表格一样
一个container可以包含多个“row”行
每一个“row” div包含多个“col” 列div
小屏幕 手机 (<768px) .col-xs-
小屏幕 平板 (≥768px) .col-sm-
中等屏幕 桌面显示器 (≥992px) .col-md-
大屏幕 大桌面显示器 (≥1200px) .col-lg-

示例代码：


<html>
	<head>
		<meta charset="utf-8">
		<title>title>
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		
		<link rel="stylesheet" type="text/css" href="./css/bootstrap.css"/>
		
		<link rel="stylesheet" type="text/css" href="./css/bootstrap-theme.css"/>
		
		<link rel="stylesheet" type="text/css" media="screen and (max-width:500px)" 
		 href="./css/500media.css" />
		<link rel="stylesheet" type="text/css" media="screen and (max-width:900px) and (min-width:500px) " 
		href="./css/900media.css" />		
		<style type="text/css">
			.container_1{
    
				width: 960px;
				height: 50px;
				background: #efefef;
				margin-bottom: 20px;
			}
			.container_2{
    
				width: 100%;
				height: 50px;
				background: #efefef;
			}
			.main{
    
				border: 1px solid #ff0;
			}
			.container_2 .left{
    
				float: left;
				width: 20%;
				background: #F0AD4E;
				height: 300px;
			}
			.container_2 .main{
    
				float: right;
				width: 80%;
				background: #F0EFEE;
				min-height: 600px;				
			}
			
			/* 媒体查询技术 */
	        /* 当屏幕大小在400~500之间时，下面的样式生效*/
			@media only screen and ( min-width:400px) and ( max-width:500px){
    
				.container_2 .left{
    
					float: left;
					width: 40%;
					background: #ff0000;
					height: 300px;
				}
				.container_2 .main{
    
					float: right;
					width: 30%;
					background: #00ff00;
					min-height: 600px;					
				}
			}
			
			.container .left, .container-fluid .left{
    
			    background: #E1E1E1;
			}
			.no1>div>div{
    
				border:1px solid #ff0;			
			}
		style>
	head>
	<body>		
		<div class="container_1">
			自适应的宽度不能设计成固定值，字体大小等等使用em，rem单位
		div>
		<div class="container_2">
			
		div>
		
		
		<div class="container_2">
			<div class="left">
				
			div>
			<div class="main">
				
			div>
		div>		
		
				
		<div class="container-fluid no1">
			<div class="row">
				<div class="col-md-3">
					1
				div>
				<div class="col-md-4">
					2
				div>
				<div class="col-md-5">
					3
				div>
			div>
		div>		 
		
				
		<div class="container-fluid no1">
			<div class="row">
				<div class="col-md-3">
					1
				div>
				<div class="col-md-4">
					2
				div>				
			div>
		div>
		
			
		<div class="container-fluid no1">
			<div class="row">
				<div class="col-md-5">
					1
				div>
				<div class="col-md-4">
					2
				div>
				<div class="col-md-6">
					3
				div>
			div>
		div>		 
		
				
		<div class="container-fluid"> 
			<div class="row">
				<div class="left col-md-4 col-lg-2 col-xs-5">
					<div class="menu">
						<ul>
							<li>菜单一li>
							<li>菜单二li>
							<li>菜单三li>
						ul>
					div>
				div>
				<div class="main col-md-8 col-lg-10 col-xs-7" >
					<div class="content">
						hello world
					div>
				div>
			div>
		div>
		
		
		<script type="text/javascript" src="js/jquery-3.4.1.min.js">script>
		<script type="text/javascript" src="./js/bootstrap.js">script>
	body>
html>
3.2.导航组件

一、胶囊式导航：

类名 说明
nav 导航基本样式
nav-pills 胶囊式导航
nav-tabs 标签式导航

二、导航下拉菜单：
1.必须加载bootstrap的jQuery插件
2.拥有子菜单的条目class必须包含dropdown属性值
3.下拉菜单的容器必须具有dropdown样式名
4.触发器必须具有data-toggle="dropdown"属性
5.下拉菜单部分需要dropdown-menu样式名

3.2.1.胶囊式导航：


<html>
	<head>
		<meta charset="utf-8">
		<title>title>
		<link rel="stylesheet" type="text/css" href="./css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="./css/bootstrap-theme.css"/>		
	head>
	<body>
		
		<nav>
			<ul class="nav nav-pills">
				<li class="active"><a href="">首页a>li>
				<li><a href="">技术文章a>li>
				<li><a href="">生活随笔a>li>
				<li><a href="">关于我a>li>
			ul>
		nav>		
		<hr >

运行结果：
在这里插入图片描述

3.2.2.标签式导航：

				
		<nav>
			<ul class="nav nav-tabs">
				<li class="active"><a href="">首页a>li>
				<li><a href="">技术文章a>li>
				<li><a href="">生活随笔a>li>
				<li><a href="">关于我a>li>
			ul>
		nav>		
		<hr >

运行结果：
在这里插入图片描述

3.2.3.标签式导航靠左对齐：

				
		<nav>
			<ul class="nav nav-tabs pull-left">
				<li class="active"><a href="">首页a>li>
				<li><a href="">技术文章a>li>
				<li><a href="">生活随笔a>li>
				<li><a href="">关于我a>li>
			ul>
		nav>		
		<hr  style="clear: both;border:1px solid #fff">

运行结果：
在这里插入图片描述

3.2.4.标签式导航靠右对齐：

				
		<nav>
			<ul class="nav nav-tabs pull-right">
				<li class="active"><a href="">首页a>li>
				<li><a href="">技术文章a>li>
				<li><a href="">生活随笔a>li>
				<li><a href="">关于我a>li>
			ul>
		nav>		
		<hr style="clear: both;border:1px solid #fff">

运行结果：
在这里插入图片描述

3.2.5.标签式导航两端对齐：

				
		<nav>
			<ul class="nav nav-tabs nav-justified">
				<li class="active"><a href="">首页a>li>
				<li><a href="">技术文章a>li>
				<li><a href="">生活随笔a>li>
				<li><a href="">关于我a>li>
			ul>
		nav>		
		<hr >

运行结果：
Python学习笔记：5.3.4 bootstrap框架_第4张图片

		<nav>
			<ul class="nav nav-tabs-justified">
				<li class="active"><a href="">首页a>li>
				<li><a href="">技术文章aa>li>
				<li><a href="">生活随笔a>li>
				<li><a href="">关于我a>li>
			ul>
		nav>
		
		<hr >

运行结果：
Python学习笔记：5.3.4 bootstrap框架_第5张图片

3.2.6.胶囊式导航两端对齐：

				
		<nav>
			<ul class="nav nav-pills nav-justified">
				<li class="active"><a href="">首页a>li>
				<li><a href="">技术文章a>li>
				<li><a href="">生活随笔a>li>
				<li><a href="">关于我a>li>
			ul>
		nav>
		
		<hr >

运行结果：
Python学习笔记：5.3.4 bootstrap框架_第6张图片

3.2.7.胶囊式导航堆叠式垂直列表：

				
		<nav>
			<ul class="nav nav-pills nav-stacked">
				<li class="active"><a href="">首页a>li>
				<li><a href="">技术文章a>li>
				<li><a href="">生活随笔a>li>
				<li><a href="">关于我a>li>
			ul>
		nav>

运行结果：
Python学习笔记：5.3.4 bootstrap框架_第7张图片

3.2.8.导航下拉菜单：

你可能感兴趣的:(Python全栈工程师学习笔记,bootstrap,web)

  • 【数据分析】利用Python+AI+工作流实现自动化数据分析-全流程讲解 z千鑫 AI领域FLASK基础Python基础人工智能数据分析pythonAI编程AI工作流ai自动化
    文章目录一、为什么要用AI进行自动化分析？二、AI自动化分析场景三、编写Python脚本示例1、用flask实现让AI分析数据内容使用说明：示例2、用定时任务的方式，定时处理AI数据代码说明四、把AI分析的数据，放到AI工作流中做展示五、openAI的key结尾在信息爆炸的时代，如何快速获取有价值的洞察力成为了各行各业的迫切需求。传统的内容分析方法往往又耗时又费力，并且难以满足快速变化的市场需求。
  • 详解 Pandas 的 query 函数 文刀小桂 Pandaspandaspython开发语言
    Pandas的query()方法能够使用字符串表达式来筛选DataFrame数据的行，类似于SQL的where子句importpandasaspddf=pd.DataFrame({"A":[1,3,5,6,7],"B":[11,10,9,8,12],"C":["hello","pandas","python","java","shell"],"D":["2024-02-01","2023-12-1
  • Java中将 File对象转MultipartFile对象 File ＞＞＞ MultipartFile 奔腾的隔壁老王 javaspring开发语言
    Java中将File类型的对象转换为MultipartFile类型的对象所需要的包：importjava.io.FileInputStream;importorg.springframework.web.multipart.MultipartFile;实现代码：//传入一个File对象，获得一个转换后的MultipartFile对象publicMultipartFilegetMultipartFi
  • python错误集锦--类型错误：‘NoneType‘ object is not subscriptable 程序员的修养 pythonpython开发语言后端
    python类型错误：‘NoneType’objectisnotsubscriptable网上查到的原因和方案如下，但是小编给变量的命名不太像系统内置关键字。原因：变量使用了系统内置的关键字list解决：重新定义下这个变量小编需求是获取网络数据，从中获取某个key的值然后赋值给变量，代码如下targetData=monitorData['MonitorData’]既然是网络数据就有可能没有这个ke
  • python如何判断NoneTpye #如花 opencv人工智能计算机视觉python
    python如何判断NoneTpye最近用python-opencv解析多个视频文件，解析到第一个视频的最后一帧，出现了NoneTpye报错为了让循环继续，需要判断解析出来的图片是否为NoneType。试了几种方法#第一种方法img==None当img为空时，表达式为True。但是当img解析出了图片时，返回的是一个array，大小和img一致。正确写法imgisNone用isNone判断None
  • python 判断 ‘NoneType’的方法 cuisidong1997 文本转换python
    的错误时说明需要进行判断，而对‘NoneType’进行判断时直接使用‘isNone’即可，如下：iftextisNone:print('testis’+None)else:print('testisnot’+None)a=re.match(r’主叫号码(.*)客户姓名’,r’2、主叫号码：15558191990;3、客户姓名：韩东远;')print(type(a))ifaisNone:print(
  • Nginx Hard模式 西木风落 中间组件NginxNginx配置详解Nginx配置优化Nginx面试hard
    一、Nginx简介1.Nginx概述Nginx是一个免费、开源、高性能、轻量级的HTTP和反向代理服务器，也是一个电子邮件（IMAP/POP3）代理服务器。其特点是能支持高并发请求处理，并且占用较少的内存资源，提供稳定的、丰富的模块库，有很高的配置灵活性。目前，几乎所有的web项目，都配有Nginx。Nginx由内核和一系列模块组成，内核提供Web服务的基本功能，启用网路协议、提供运行环境、创建连
  • SpringBoot2：web开发常用功能实现及原理解析-整合EasyExcel实现Excel导入导出功能 生产队队长 SpringAllexcelspringboot
    1、工程包结构主要是这5个Java类2、导入EasyExcel包这里同时贴出其他相关springboot的基础包org.springframework.bootspring-boot-starter-weborg.springframework.bootspring-boot-devtoolsruntimetrueorg.springframework.bootspring-boot-config
  • Ansible架构介绍与安装 2401_86637445 ansible架构
    一、介绍Ansible什么是Ansible?Ansible是一款自动化运维工具，其主要功能是帮助运维实现IT工作的自动化、降低人为操作失误、提高业务自动化率、提升运维工作效率。实现了批量系统配置、批量程序部署、批量运行命令等功能。ansiblepuppetsaltstack主流的三种。ansible自动化运维工具被红帽收购阿里巴巴在用saltstackpython开发。无客户端，只需安装SSH、P
  • react里的index.js是怎么跟index.html结合起来的? SherrinfordL
    image.pngcreate-react-app把webpack、babel等配置都封装到了依赖项目react-script中，所以你无法直观的看到这些配置。你可以在项目下运行npmruneject，被隐藏的配置文件就会暴露到项目根路径下。把请求转发到index.html原因是，你执行npmrunstart时，启动的webpack-dev-server，会加载react-script项目conf
  • 网络工程师学习笔记（一） 专业白嫖怪 网络工程师学习笔记学习笔记网络
    为了备战下半年的软考——网络工程师，利用每天的下班的闲暇时间看书听课，然后自己手敲整理的系列资料。希望能够对你们有所帮助第一章__计算机网络概述计算机网络的定义：将分散的具有独立运算功能的计算机系统，通过通信线路和通信设备进行连接起来的实现资源的共享。ARPAnet网络的特征：资源共享、分散控制、分组交换1946年第一台通用计算机—埃尼亚克能够相互连通进行数据交换。1960年提出巨型网络，出现了对
  • 避免 PyCharm 将该 Python 脚本作为测试运行 MonkeyKing.sun pythonpycharmide
    为了避免PyCharm将该Python脚本作为测试运行（即pytest自动捕获），你可以做以下几步来确保该脚本作为普通的Python程序执行，而不是作为pytest运行。解决方案：1.确保文件名不以test_开头：Pytest会自动检测以test_开头的文件，并尝试将其作为测试运行。如果你的文件名是test_milvus.py，pytest会尝试收集并运行它。可以重命名文件为不包含test_的前缀
  • 循环控制语句 小小程序拿捏 Pythonpython青少年编程少儿编程开发语言
    引言在前面的课程中，我们已经学习了Python的基本输入输出、数据类型及其转换、顺序结构、分支结构以及循环结构。本课时将介绍循环控制语句break和continue，并通过一个猜数字游戏的具体示例来展示如何在实际编程中应用这些控制语句。循环控制语句在循环结构中，有时我们需要根据某些条件提前终止循环或跳过循环体中的某些部分。Python提供了两种循环控制语句来帮助我们实现这一点：break和cont
  • 系统架构师软考历年论文题目（2009-2024年）及分析 pccai-vip 系统架构师系统架构
    时间题目20091.论基于DSSA的软件架构设计与应用；2.论信息系统建模方法；3.论基于REST服务的Web应用系统设计；4.论软件可靠性设计与应用20101.论软件的静态演化和动态演化及其应用；2.论数据挖掘技术的应用；3.论大规模分布式系统缓存设计策略；4.论软件可靠性评价20111.论模型驱动架构在系统开发中的应用；2.论企业集成平台的架构设计；3.论企业架构管理与应用；4.论软件需求获取
  • 三分钟带你了解Python文件操作与IO流 4.0啊 Python教学系列python开发语言文件操作
    在探索编程世界的奇幻旅程中，文件操作和IO（输入/输出）流是每一个探险者必须掌握的基础技能。在Python的世界中，这些技能尤为关键，它们像是巫师手中的魔杖，能让我们与文件进行深度的交流。本文将带你快速了解Python中的文件操作和IO流，通过大量的实例和代码，确保你能够自信地在Python的世界中畅游。目录一、Python文件操作基础1.打开文件a.文件模式2.关闭文件b.使用with语句二、文
  • 【python】爬取网站数据 进击的C语言 网络
    编码问题因为涉及到中文，所以必然地涉及到了编码的问题，这一次借这个机会算是彻底搞清楚了。问题要从文字的编码讲起。原本的英文编码只有0~255，刚好是8位1个字节。为了表示各种不同的语言，自然要进行扩充。中文的话有GB系列。可能还听说过Unicode和UTF-8，那么，它们之间是什么关系呢？Unicode是一种编码方案，又称万国码，可见其包含之广。但是具体存储到计算机上，并不用这种编码，可以说它起着
  • 10个高效的Python爬虫框架，你用过几个？ 进击的C语言 python
    小型爬虫需求，requests库+bs4库就能解决；大型爬虫数据，尤其涉及异步抓取、内容管理及后续扩展等功能时，就需要用到爬虫框架了。下面介绍了10个爬虫框架，大家可以学习使用！1.Scrapyscrapy官网：https://scrapy.org/scrapy中文文档：https://www.osgeo.cn/scrapy/intro/oScrapy是一个为了爬取网站数据，提取结构性数据而编写的
  • 一张图让你清晰认识Python（附基本语法总结） 进击的C语言 数据库服务器运维python
    一张图认识Python（附基本语法总结）一张图带你了解Python，更快入门，一张图认识Python（附基本语法总结）Python基础语法总结：1.Python标识符在Python里，标识符有字母、数字、下划线组成。在Python中，所有标识符可以包括英文、数字以及下划线(_)，但不能以数字开头。Python中的标识符是区分大小写的。以下划线开头的标识符是有特殊意义的。以单下划线开头_foo的代表
  • Python前沿技术：机器学习与人工智能 4.0啊 Python人工智能python机器学习
    Python前沿技术：机器学习与人工智能一、引言随着科技的飞速发展，机器学习和人工智能（AI）已经成为了计算机科学领域的热门话题。Python作为一门易学易用且功能强大的编程语言，已经成为了这两个领域的首选语言之一。本文将深入探讨Python在机器学习和人工智能领域的应用，以及一些前沿技术和工具。二、Python机器学习基础2.1机器学习概述机器学习是人工智能（AI）的一个关键子集，它的核心在于让
  • 【网络安全 | 代码审计】JFinal之DenyAccessJsp绕过 秋说 网络安全web安全java代码审计漏洞挖掘
    未经许可，不得转载。文章目录前言代码审计推理绕过Tomcat解析JSP总结概念验证阐发前言JFinal是一个基于Java的轻量级MVC框架，用于快速构建Web应用程序。它的设计理念是追求极简、灵活、高效，旨在提高开发效率，减少冗余代码的编写，适合中小型项目以及对性能有较高要求的项目。在较新的JFinal版本中，默认情况下无法直接通过浏览器地址栏输入.jsp文件名来访问对应的JSP文件。也就是说，主
  • python 多线程抓取xunlei磁力下载链接 weixin_53748624 pythonpycharm
    importurllib.requestimportreimporttimeimportthreadingclassSpider(object):def__init__(self):#定义字典，用于保存影片信息self.films_dict={}self.i=1self.lock1=threading.Lock()defstart(self):#调用下载函数，获取下载连接forpageinrang
  • K8S学习笔记02——K8S组件 沉淅尘 #Docker#K8Skubernetes
    Kubernetes组件一、控制平面组件（ControlPlaneComponents）(1)kube-apiserver(2)etcd(3)kube-scheduler(4)kube-controller-manager(5)cloud-controller-manager二、Node组件1.kubelet2.kube-proxy3.容器运行时（ContainerRuntime）三、插件（Add
  • python做窗口软件界面绑定py程序_PyCharm GUI界面开发和exe文件生成的实现 weixin_39948442
    一、安装Python二、安装PyQt5推荐使用pip安装：win+R调出cmd命令窗口pipinstallPyQt5等待片刻，继续安装PyQt5-toolspipinstallPyQt5-tools如果直接pip不成功的话，建议在python库这个网站上搜索相关库，下载相应的.whl文件，然后用以下方法进行安装：①pipwhl文件所在路径whl文件名②在cmd命令窗口先执行cdwhl文件所在路径到
  • Unity 热更 之 【HybirdCLR】+【YooAsset】 [安卓 Android端] [代码 + 资源热更] 功能的 简单实现演示 仙魁XAN Unity进阶unityHybirdCLRYooAssetHotUpdate热更新
    Unity热更之【HybirdCLR】+【YooAsset】[安卓Android端][代码+资源热更]功能的简单实现演示目录Unity热更之【HybirdCLR】+【YooAsset】[安卓Android端][代码+资源热更]功能的简单实现演示一、简单介绍二、HybridCLR三、YooAsset四、HybirdCLR引入工程五、YooAsset引入工程六、Python服务器简单构建七、Hybir
  • python打包whl文件 梦中学逆向 pythonpython
    简介当我们自己开发完一个项目时，如果想在别的电脑上使用，将所有文件复制比较麻烦，这时将所有项目打包成一个whl文件，再到别的电脑安装就很简单了准备一个新的虚拟环境：避免版本冲突安装wheel，后面打包要用pipinstallwheel将所有项目放在同一个文件夹下，新建一个setup.py文件importosimportreimportsysfromsetuptoolsimportsetupimpo
  • Apache DataFusion Python 绑定教程 柏赢安Simona
    ApacheDataFusionPython绑定教程datafusion-pythonApacheDataFusionPythonBindings项目地址:https://gitcode.com/gh_mirrors/data/datafusion-python项目介绍ApacheDataFusion是一个基于ApacheArrow的内存查询引擎，提供了高性能的查询处理能力。DataFusion的
  • 华为开源镜像站体验：美好终将不期而遇 cuishuogai2817 操作系统javapython
    电脑因为前段时间有问题，昨天刚刚重装好系统，之前一大堆运行环境全部要重新弄……T_T今天碰上华为开源镜像站体验，那就测试和体验一把吧！先说说测试环境：网络：广东电信20M企业光纤系统：Windows764-bit&CentOS7.6(VMWare)华为开源镜像站地址：http://t.cn/EcBQJO4测试一：python3.6.6(win)首先是windows下的python3.6.6打开说明
  • python工程打包成whl文件 机灵巢穴_WitNest pythonpython开发语言
    资料：PackagingPythonProjects—PythonPackagingUserGuide6.Modules—Python3.11.4documentation步骤1.安装打包工具python3-mpipinstallsetuptoolswheeltwine2.更新pip工具python3-mpipinstall--upgradepip3.创建工程结构python_test_packa
  • 使用 Python 和 Aria2 异步下载和解析磁力链接元数据教程 日入百万 python
    磁力链接（MagnetLinks）是一种流行的用于共享文件的链接格式。与传统的种子文件不同，磁力链接直接包含文件的哈希值，使得用户无需下载种子文件就能开始下载文件。在这篇教程中，我们将介绍如何使用Python和Aria2异步下载和解析磁力链接的元数据，并提取出文件的详细信息。步骤一：准备工作在开始之前，请确保你已经安装了以下工具和库：1.**Aria2**：一个轻量级多协议和多源命令行下载工具。你
  • Python中的串口通信库pyserial（基础） 北海yy Python相关python开发语言
    文章目录概要基础知识1初始化串口2.写入数据3.读取数据4.关闭串口5.设置和获取串口参数6.清除缓冲区小结概要pyserial是一个Python库，它提供了与串口通信相关的功能。它可以让我们在Python程序中直接与串口设备进行通信，如读取和写入串口数据。pyserial是一个跨平台的库，可以在多个操作系统上使用，包括Windows、Linux和MacOS。pipinstallpyserial基
  • 安装数据库首次应用 Array_06 javaoraclesql
    可是为什么再一次失败之后就变成直接跳过那个要求 enter full pathname of java.exe的界面 这个java.exe是你的Oracle 11g安装目录中例如：【F:\app\chen\product\11.2.0\dbhome_1\jdk\jre\bin】下的java.exe 。不是你的电脑安装的java jdk下的java.exe！ 注意第一次，使用SQL D
  • Weblogic Server Console密码修改和遗忘解决方法 bijian1013 Welogic
            在工作中一同事将Weblogic的console的密码忘记了，通过网上查询资料解决，实践整理了一下。 一.修改Console密码         打开weblogic控制台，安全领域 --> myrealm -->&n
  • IllegalStateException: Cannot forward a response that is already committed Cwind javaServlets
    对于初学者来说，一个常见的误解是：当调用 forward() 或者 sendRedirect() 时控制流将会自动跳出原函数。标题所示错误通常是基于此误解而引起的。 示例代码： protected void doPost() { if (someCondition) { sendRedirect(); } forward(); // Thi
  • 基于流的装饰设计模式 木zi_鸣 设计模式
    当想要对已有类的对象进行功能增强时，可以定义一个类，将已有对象传入，基于已有的功能，并提供加强功能。 自定义的类成为装饰类 模仿BufferedReader，对Reader进行包装，体现装饰设计模式 装饰类通常会通过构造方法接受被装饰的对象，并基于被装饰的对象功能，提供更强的功能。 装饰模式比继承灵活，避免继承臃肿，降低了类与类之间的关系 装饰类因为增强已有对象，具备的功能该
  • Linux中的uniq命令 被触发 linux
    Linux命令uniq的作用是过滤重复部分显示文件内容，这个命令读取输入文件，并比较相邻的行。在正常情 况下，第二个及以后更多个重复行将被删去，行比较是根据所用字符集的排序序列进行的。该命令加工后的结果写到输出文件中。输入文件和输出文件必须不同。如 果输入文件用“- ”表示，则从标准输入读取。 AD： uniq [选项] 文件 说明：这个命令读取输入文件，并比较相邻的行。在正常情况下，第二个
  • 正则表达式Pattern 肆无忌惮_ Pattern
    正则表达式是符合一定规则的表达式，用来专门操作字符串，对字符创进行匹配，切割，替换，获取。   例如，我们需要对QQ号码格式进行检验 规则是长度6~12位  不能0开头  只能是数字，我们可以一位一位进行比较，利用parseLong进行判断，或者是用正则表达式来匹配[1-9][0-9]{4,14} 或者 [1-9]\d{4,14} &nbs
  • Oracle高级查询之OVER (PARTITION BY ..) 知了ing oraclesql
    一、rank()/dense_rank() over(partition by ...order by ...) 现在客户有这样一个需求，查询每个部门工资最高的雇员的信息，相信有一定oracle应用知识的同学都能写出下面的SQL语句： select e.ename, e.job, e.sal, e.deptno from scott.emp e, (se
  • Python调试 矮蛋蛋 pythonpdb
    原文地址： http://blog.csdn.net/xuyuefei1988/article/details/19399137 1、下面网上收罗的资料初学者应该够用了，但对比IBM的Python 代码调试技巧： IBM：包括 pdb 模块、利用 PyDev 和 Eclipse 集成进行调试、PyCharm 以及 Debug 日志进行调试： http://www.ibm.com/d
  • webservice传递自定义对象时函数为空，以及boolean不对应的问题 alleni123 webservice
    今天在客户端调用方法 NodeStatus status=iservice.getNodeStatus(). 结果NodeStatus的属性都是null。 进行debug之后，发现服务器端返回的确实是有值的对象。 后来发现原来是因为在客户端，NodeStatus的setter全部被我删除了。 本来是因为逻辑上不需要在客户端使用setter， 结果改了之后竟然不能获取带属性值的
  • java如何干掉指针，又如何巧妙的通过引用来操作指针————>说的就是java指针 百合不是茶
    C语言的强大在于可以直接操作指针的地址，通过改变指针的地址指向来达到更改地址的目的,又是由于c语言的指针过于强大，初学者很难掌握， java的出现解决了c，c++中指针的问题 java将指针封装在底层，开发人员是不能够去操作指针的地址，但是可以通过引用来间接的操作：   定义一个指针p来指向a的地址（&是地址符号）：        
  • Eclipse打不开，提示“An error has occurred.See the log file ***/.log” bijian1013 eclipse
    打开eclipse工作目录的\.metadata\.log文件，发现如下错误： !ENTRY org.eclipse.osgi 4 0 2012-09-10 09:28:57.139 !MESSAGE Application error !STACK 1 java.lang.NoClassDefFoundError: org/eclipse/core/resources/IContai
  • spring aop实例annotation方法实现 bijian1013 javaspringAOPannotation
            在spring aop实例中我们通过配置xml文件来实现AOP，这里学习使用annotation来实现，使用annotation其实就是指明具体的aspect,pointcut和advice。1.申明一个切面(用一个类来实现)在这个切面里,包括了advice和pointcut AdviceMethods.jav
  • [Velocity一]Velocity语法基础入门 bit1129 velocity
    用户和开发人员参考文档 http://velocity.apache.org/engine/releases/velocity-1.7/developer-guide.html   注释 1.行级注释## 2.多行注释#*  *#   变量定义 使用$开头的字符串是变量定义，例如$var1, $var2,   赋值 使用#set为变量赋值，例
  • 【Kafka十一】关于Kafka的副本管理 bit1129 kafka
    1. 关于request.required.acks   request.required.acks控制者Producer写请求的什么时候可以确认写成功，默认是0， 0表示即不进行确认即返回。 1表示Leader写成功即返回，此时还没有进行写数据同步到其它Follower Partition中 -1表示根据指定的最少Partition确认后才返回，这个在   Th
  • lua统计nginx内部变量数据 ronin47 lua nginx　 统计
    server { listen 80; server_name photo.domain.com; location /{set $str $uri; content_by_lua ' local url = ngx.var.uri local res = ngx.location.capture(
  • java-11.二叉树中节点的最大距离 bylijinnan java
    import java.util.ArrayList; import java.util.List; public class MaxLenInBinTree { /* a. 1 / \ 2 3 / \ / \ 4 5 6 7 max=4 pass "root"
  • Netty源码学习-ReadTimeoutHandler bylijinnan javanetty
    ReadTimeoutHandler的实现思路： 开启一个定时任务，如果在指定时间内没有接收到消息，则抛出ReadTimeoutException 这个异常的捕获，在开发中，交给跟在ReadTimeoutHandler后面的ChannelHandler，例如 private final ChannelHandler timeoutHandler = new ReadTim
  • jquery验证上传文件样式及大小(好用) cngolon 文件上传jquery验证
    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="jquery1.8/jquery-1.8.0.
  • 浏览器兼容【转】 cuishikuan css浏览器IE
    浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同 问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。 碰到频率:100% 解决方案：CSS里    *{margin:0;padding:0;} 备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几乎所有的CSS文件开头都会用通配符*来设
  • Shell特殊变量：Shell $0, $#, $*, $@, $?, $$和命令行参数 daizj shell$#$?特殊变量
    前面已经讲到，变量名只能包含数字、字母和下划线，因为某些包含其他字符的变量有特殊含义，这样的变量被称为特殊变量。例如，$ 表示当前Shell进程的ID，即pid，看下面的代码： $echo $$ 运行结果 29949   特殊变量列表 变量 含义 $0 当前脚本的文件名 $n 传递给脚本或函数的参数。n 是一个数字，表示第几个参数。例如，第一个
  • 程序设计KISS 原则-------KEEP IT SIMPLE, STUPID! dcj3sjt126com unix
    翻到一本书，讲到编程一般原则是kiss：Keep It Simple, Stupid.对这个原则深有体会，其实不仅编程如此，而且系统架构也是如此。 KEEP IT SIMPLE, STUPID! 编写只做一件事情，并且要做好的程序；编写可以在一起工作的程序，编写处理文本流的程序，因为这是通用的接口。这就是UNIX哲学.所有的哲学真 正的浓缩为一个铁一样的定律，高明的工程师的神圣的“KISS 原
  • android Activity间List传值 dcj3sjt126com Activity
    第一个Activity： import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import android.app.Activity;import android.content.Intent;import android.os.Bundle;import a
  • tomcat 设置java虚拟机内存 eksliang tomcat 内存设置
    转载请出自出处：http://eksliang.iteye.com/blog/2117772 http://eksliang.iteye.com/ 常见的内存溢出有以下两种: java.lang.OutOfMemoryError: PermGen space java.lang.OutOfMemoryError: Java heap space   ------------
  • Android 数据库事务处理 gqdy365 android
    使用SQLiteDatabase的beginTransaction()方法可以开启一个事务，程序执行到endTransaction() 方法时会检查事务的标志是否为成功，如果程序执行到endTransaction()之前调用了setTransactionSuccessful() 方法设置事务的标志为成功则提交事务，如果没有调用setTransactionSuccessful() 方法则回滚事务。事
  • Java 打开浏览器 hw1287789687 打开网址open浏览器open browser打开url打开浏览器
    使用java 语言如何打开浏览器呢? 我们先研究下在cmd窗口中,如何打开网址 使用IE 打开 D:\software\bin>cmd /c start iexplore http://hw1287789687.iteye.com/blog/2153709 使用火狐打开 D:\software\bin>cmd /c start firefox http://hw1287789
  • ReplaceGoogleCDN：将 Google CDN 替换为国内的 Chrome 插件 justjavac chromeGooglegoogle apichrome插件
    Chrome Web Store 安装地址： https://chrome.google.com/webstore/detail/replace-google-cdn/kpampjmfiopfpkkepbllemkibefkiice 由于众所周知的原因，只需替换一个域名就可以继续使用Google提供的前端公共库了。 同样，通过script标记引用这些资源，让网站访问速度瞬间提速吧
  • 进程VS.线程 m635674608 线程
    资料来源： http://www.liaoxuefeng.com/wiki/001374738125095c955c1e6d8bb493182103fac9270762a000/001397567993007df355a3394da48f0bf14960f0c78753f000 1、Apache最早就是采用多进程模式 2、IIS服务器默认采用多线程模式 3、多进程优缺点 优点： 多进程模式最大
  • Linux下安装MemCached 字符串 memcached
    前提准备：1. MemCached目前最新版本为：1.4.22，可以从官网下载到。2. MemCached依赖libevent，因此在安装MemCached之前需要先安装libevent。2.1 运行下面命令，查看系统是否已安装libevent。[root@SecurityCheck ~]# rpm -qa|grep libevent libevent-headers-1.4.13-4.el6.n
  • java设计模式之--jdk动态代理（实现aop编程） Supanccy2013 javaDAO设计模式AOP
        与静态代理类对照的是动态代理类，动态代理类的字节码在程序运行时由Java反射机制动态生成，无需程序员手工编写它的源代码。动态代理类不仅简化了编程工作，而且提高了软件系统的可扩展性，因为Java 反射机制可以生成任意类型的动态代理类。java.lang.reflect 包中的Proxy类和InvocationHandler 接口提供了生成动态代理类的能力。 &
  • Spring 4.2新特性-对java8默认方法(default method)定义Bean的支持 wiselyman spring 4
    2.1 默认方法(default method) java8引入了一个default medthod; 用来扩展已有的接口,在对已有接口的使用不产生任何影响的情况下,添加扩展 使用default关键字 Spring 4.2支持加载在默认方法里声明的bean 2.2 将要被声明成bean的类 public class DemoService {
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他