小明的Fire计划
小明的Fire计划

CSS3新增边框样式

边框样式

概念:在CSS3中，针对元素边框增加了丰富的修饰属性。

常见的边框样式属性有以下

属性 说明
border-radius 圆角效果
box-shadow 边框阴影
border-image 边框背景

border-radius属性

概念：border-radius属性可以为元素添加圆角效果

语法：

border-radius:参数1/参数2;

参数

  • 参数1：表示圆角的水平半径
  • 参数2：表示圆角的垂直半径

border-radius属性跟border、padding、margin等属性相似。border-radius属性同样遵循着值复制的原则，可以为其水平半径和垂直半径设置1~4个参数值，用来表示四角圆角半径的大小

  • 当只有1个参数值时，该参数值代表4个角的圆角半径
  • 当设置2个参数值时，第1个参数值代表左上和右下圆角半径，第2个参数值代表右上和左下圆角半径
  • 当设置3个参数值时，第1个参数值代表左上圆角半径，第2个参数值代表右上和左下圆角半径，第3个参数值代表右下圆角半径
  • 当设置4个参数值时，第1个参数值代表左上圆角半径，第2个参数值代表右上圆角半径，第3个参数值代表右下圆角半径，第4个参数值代表左上圆角半径

注意：如果参数值2省略，则会默认其参数值等于参数2的参数值。此时圆角的水平半径和垂直半径相等

CSS3新增边框样式_第1张图片

规律：这里只要按照“左上角，右上角，右下角，左下角"顺时针来记忆就很容易

实例：

DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>title>
		<style>
			div{
				display:inline-block;
				width:100px;
				height:100px;
				margin:10px;
				background-color:blueviolet;
			}
			.a{
				border-radius:20px;
			}
			.b{
				border-radius:20px 30px;
			}
			.c{
				border-radius:20px 30px 50px;
			}
			.d{
				border-radius:20px 30px 50px 10px;
			}
			.e{
				border-radius:50%;
			}
			.f{
				border-radius:20% 40%;
			}
		style>
	head>
	<body>
		<div class="a">div>
		<div class="b">div>
		<div class="c">div>
		<div class="d">div>
		<div class="e">div>
		<div class="f">div>
	body>
html>

运行结果
CSS3新增边框样式_第2张图片

box-shadow属性

概念：box-shadow属性可以为元素添加阴影效果

语法：

box-shadow:x-offset y-offset blur spread color style;

常用属性

属性值 说明
x-offset 必选值，表示元素水平阴影的偏移距离，可为负值。由于CSS3采用的是W3C坐标系，因此x-offset取值为正时，向右偏移，取值为负时，向左偏移
y-offset 必选值，表示元素垂直阴影的偏移距离，可为负值。由于CSS3采用的是W3C坐标系，因此y-offset取值为正时，向下偏移，取值为负时，向上偏移
blur 可选值，表示阴影的模糊半径，只能为正值
spread 可选值，表示阴影的扩展半径，只能为正值
color 可选值，表示阴影颜色，默认为灰色
style 可选值，表示是外阴影还是内阴影，默认为外阴影

多个阴影属性

box-shadow属性设置多个阴影效果，用英文逗号（,）隔开

当设置多个阴影值时，最先写的阴影会显示在最顶层。层叠顺序是从上到下，第一个阴影在最上层

实例

DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>box-shadow阴影效果title>
		<style>
			div{
				display:inline-block;
				width:100px;
				height:100px;
				margin:10px;
				background-color:blueviolet;
			}
			.a{
				box-shadow:10px 8px;
			}
			.b{
				/* 定义阴影的模糊半径 */
				box-shadow:10px 8px 5px;
			}
			.c{
				/* 定义阴影的扩展半径 */
				box-shadow:10px 8px 5px 8px;
			}
			.d{
				/* 定义阴影颜色 */
				box-shadow:10px 8px 5px 8px burlywood;
			}
			.e{
				/* 定义阴影类型 */
				box-shadow:10px 8px 5px 8px burlywood inset;
			}
			.f{
				/* 定义多个阴影 */
				box-shadow:10px 8px 5px 8px burlywood ,10px -8px 5px 8px aqua  inset;
			}
		style>
	head>
	<body>
		<div class="a">div>
		<div class="b">div>
		<div class="c">div>
		<div class="d">div>
		<div class="e">div>
		<div class="f">div>
	body>
html>

运行结果
CSS3新增边框样式_第3张图片

border-image属性

概念：border-image属性用来为边框添加背景图片

语法：

border-image:url() slice/width repeat;

属性值

  • url()：定义图片的路径
  • slice：定义图片边框4条边的切割宽度，依次为上边、右边、下边、左边（顺时针）
  • width：定义边框宽度
  • repeat:定义背景图片的平铺方式
    • repeat：默认值，边框图像会在水平和垂直方向上循环平铺，直到填满边框区域。
    • space：边框图像在水平和垂直方向上均匀分布，如果边框图像的尺寸不能被平铺的尺寸整除，则会忽略较小的部分。
    • round：边框图像在水平和垂直方向上循环平铺，如果某个方向上的平铺不能完整显示，则会缩小图像以适应平铺的尺寸。
    • stretch：边框图像将会被拉伸以填满整个边框区域，不考虑图像的原始比例。

注意：元素设置了border-image属性，该元素还需要设置border属性。这样border-image属性才会起作用

实例

DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>title>
		<style>
			div{
				display:inline-block;
				width:200px;
				height:100px;
				border:10px solid bisque;
				margin:20px;
				
			}
			.a{
				border-image:url('./image/border.png') 22 repeat;
			}
			.b{
				border-image:url('./image/border.png') 50%/22 repeat;
			}
		style>
	head>
	<body>
		<div class="a">div>
		<div class="b">div>
	body>
html>

运行结果
CSS3新增边框样式_第4张图片

border-image是一个复合属性，有以下属性

属性 说明
border-image-source 定义图片的路径
border-image-slice 定义如何裁切边框图像
border-image-width 定义边框宽度
border-image-outset 定义边框图片向盒子模型外部延伸的距离
border-image-repeat 定义背景图片的平铺方式

实例

DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>border-image复合属性title>
		<style>
			div{
				display:inline-block;
				width:200px;
				height:100px;
				border:10px solid bisque;
				margin:20px;
				font-size:20px;
				text-align:center;
				line-height:100px;
				
			}
			.a{
				/* 设置边框图片路径 */
				border-image-source:url('./image/border.png');
				/* 设置边框裁切图像 */
				border-image-slice:33%;
				/* 设置边框宽度 */
				border-width:40px;
				/* 设置边框图片区域超出边框量 */
				border-image-outset:0;
				/* 设置图片显示方式为“repeat” */
				border-image-repeat:repeat;
			}
			.b{
				border-image-source:url('./image/border.png');
				border-image-slice:35%;
				border-width:40px;
			border-image-outset:0;
				/* 设置图片显示方式为“space” */
				border-image-repeat:space;
			}
			.c{
				border-image-source:url('./image/border.png');
				border-image-slice:38%;
				border-width:40px;
				border-image-outset:0;
				/* 设置图片显示方式为“round” */
				border-image-repeat:round;
			}
			.d{
				border-image-source:url('./image/border.png');
				border-image-slice:40%;
				border-width:40px;
				border-image-outset:0;
				/* 设置图片显示方式为“stretch” */
				border-image-repeat:stretch;
			}
		style>
	head>
	<body>
		<div class="a">repeatdiv>
		<div class="b">spacediv>
		<div class="c">rounddiv>
		<div class="d">stretchdiv>
	body>
html>

运行结果
CSS3新增边框样式_第5张图片

你可能感兴趣的:(html+css,css3,css,前端,html)

  • 使用 ElementUI 和 Spring 实现稳定可靠的文件上传和下载功能 随风九天 Vue六脉神剑前端springelementuispring上传下载
    前端（ElementUI）1.文件上传使用el-upload组件配置上传接口处理上传成功和失败点击上传只能上传jpg/png文件，且不超过500kbexportdefault{data(){return{headers:{Authorization:'Bearer'+localStorage.getItem('token')//如果需要认证}};},methods:{handleSuccess(r
  • TypeScript前端应用：ReCapProject-Frontend项目探索 不爱说话的我
    本文还有配套的精品资源，点击获取简介：本项目展示了TypeScript在现代Web开发中的应用，特别是在前端开发中的强大能力。通过静态类型系统、类型推断、工具支持、面向对象特性和ES6+语法兼容性，TypeScript提高了代码的健壮性和可维护性。开发者使用TypeScript能够减少运行时错误，享受现代IDE的高级特性，并在构建过程中利用现代JavaScript的特性来提高开发效率。1.Type
  • 磁力链接怎么是html,磁力链接的使用方法有哪些 不爱说话的我
    磁力下载链接是的一种下载方式，比较方便使用。不过有些网友就不知道怎么使用了，其实使用方法非常简单！下面是学习啦小编给大家整理的磁力链接的使用方法，希望能帮到大家!迅雷磁力链接的使用方法1、通过连接BT种子中记录的BTTracker服务器，获取下载者列表2、利用BT种子中记录的“数字指纹”通过DHT网络进行搜索，获取下载者列表你可以像下载普通任务一样，左键点击网页上“磁力链接”的下载按钮，或右键点击
  • html加载速度优化,页面加载速度优化的12个建议 陆家贤 html加载速度优化
    Radware发布的2014年春季电商页面速度与Web性能”调查报告强调了电商页面加载速度的重要性，同时指出很多网站都没有利用最佳的页面优化技术，页面加速速度都存在很大缺陷。那么该如何补救，提高网站页面的加载速度呢？报告给出了12个页面加载速度优化的补救措施，用以改善加载时间，改善站长浏览者的用户体验。网站运营人员可以通过这些建议来解决页面加载速度难题。编译如下：1、合并Js文件和CSS将JS代码
  • 如何优化网站加载速度：全面指南 心上之秋
    1.什么是网站加载速度？网站加载速度是指从用户点击链接到网页完全加载并可交互所需的时间。这包括下载HTML、CSS、JavaScript文件以及图片和其他媒体内容的时间。2.为什么网站加载速度重要？用户体验快速加载的网站能提供更好的用户体验，减少用户的等待时间，增加用户满意度。SEO影响谷歌等搜索引擎将网站加载速度作为排名因素之一。加载速度快的网站往往在搜索结果中排名更高。转化率研究表明，更快的网
  • SGlang 专为大模型设计的高效服务框架 kcarly 大模型知识乱炖LLM大模型SGLang
    SGlang是一种专为大型语言模型（LLM）和视觉语言模型（VLM）设计的高效服务框架，旨在提升模型的推理速度和灵活性。以下是关于SGlang框架的详细介绍：1.框架背景与目标SGlang是一种快速服务框架，通过协同设计后端运行时和前端语言，使用户能够更快速、更可控地与模型进行交互。它支持多种生成模型和嵌入模型，并提供灵活的编程接口，适用于开发多样化的语言模型应用。SGlang的主要目标是：提升推
  • 利用HTML和css技术编写学校官网页面 彭友圈101 css前端html
    目录一，图例展示二，代码说明1，html部分：【第一张图片】【第二张图片】【第三张图片】2，css部分：【第一张图片】【第二张图片】【第三张图片】三，程序代码一，图例展示二，代码说明1，html部分：【第一张图片】创建了一个基本的页面结构，包含header（顶部导航栏）和main（主横幅区域）。在header中，设置了学校logo、学校名称、主导航菜单以及用户相关选项（学生、教工等）。main区域
  • 【HTML性能优化】提升网站加载速度：GZIP、懒加载与资源合并 吴师兄大模型 html性能优化前端网站加载GZIP懒加载资源合并
    系列文章目录01-从零开始学HTML：构建网页的基本框架与技巧02-HTML常见文本标签解析：从基础到进阶的全面指南03-HTML从入门到精通：链接与图像标签全解析04-HTML列表标签全解析：无序与有序列表的深度应用05-HTML表格标签全面解析：从基础到高级优化技巧06-HTML表单深度解析：GET和POST提交方法07-HTML表单控件类型大全：文本框、密码框、文件上传全掌握08-前端表单验
  • 前端框架中 HTML 的应用技巧：React、Vue、Angular 深度解析 吴师兄大模型 前端框架htmlreact.jsVueAngularHTML5编程
    系列文章目录01-从零开始学HTML：构建网页的基本框架与技巧02-HTML常见文本标签解析：从基础到进阶的全面指南03-HTML从入门到精通：链接与图像标签全解析04-HTML列表标签全解析：无序与有序列表的深度应用05-HTML表格标签全面解析：从基础到高级优化技巧06-HTML表单深度解析：GET和POST提交方法07-HTML表单控件类型大全：文本框、密码框、文件上传全掌握08-前端表单验
  • 深入剖析Electron的原理 Orange301511 electronjavascript前端
    Electron是一个强大的跨平台桌面应用开发框架，它允许开发者使用HTML、CSS和JavaScript来构建各种桌面应用程序。了解Electron的原理对于开发者至关重要，这样在设计应用时能更合理，遇到问题也能更准确地分析和解决。下面将从多个方面深入剖析Electron的原理。架构层面Electron的核心架构基于两个主要组件：Chromium和Node.js。Chromium是一个开源的浏览
  • r语言 xml html,R语言读取XML文件-xml文件 bean.Xu r语言xmlhtml
    XML文件简介在计算机领域，XML(extensiblemarkuplanguage)指的是可扩展标记语言，类似于HTML，它设计的宗旨是传输数据，而不是显示数据，所以这也是它和HTML的一个明显的差别。另外一个差别是XML的标签没有被预定义，我们可以根据自己的需要自行设计标签名字，所以具有自我描述性。一个具体的例子以上就是一个XML的例子，它拥有发送者和接受者，标题，内容等信息，所以自我描述非常
  • 聊聊vscode配置settings.json知其所以然（附大量配置） 星野睡不醒 Webvscodejssettings.jsonwebfe
    前言vscode的配置settings.json是一个老生常谈的话题，随着时间的流逝我们可能会很高频的改动他，但我们应该极力避免一个问题：⚠️配了某项但是不知道他的作用⚠️其实就是一个知其所以然的问题。籍此话题，本文将细致的分析我的settings.json，希冀可以给读者带来一些帮助。正文以下部分插件的配置来自于：《前端web开发高效vscode插件分享（辩证的海量实战检验）》中提到过的插件。自
  • python各个模块以及学习文档链接 Perhaps# Pythonpython正则表达式爬虫
    Python_base一、python模块二、其他链接一、python模块名称来源用途类别链接os标准库文件和路径操作基础类https://docs.python.org/zh-cn/3/library/os.html#sys标准库系统和环境基础类https://docs.python.org/3/library/sys.htmltime标准库有关时间操作基础类https://docs.pytho
  • java使用react_基于JVM使用React.js和Spring Boot建立同构的Web应用 tarv java使用react
    这是一个展示如何使用Java的SpringBoot实现预渲染前端MVC(MVC-frontend)的同构Web应用开源项目：winterbe/spring-react-example·GitHub所谓同构Isomorphic应用是指Javacript在客户端和服务器端同时运行，后端和前端同享相同的代码。传统Web应用是在服务器端产生HTML，然后发往客户端，后来这被客户端MVC改变如Angular
  • Flask 框架概述及应用案例 极致人生-010 flaskpython后端
    文章目录Flask框架概述Flask的特点：Flask的基本结构：如何开始使用Flask：Flask的应用场景：应用案例`templates/home.html`:`templates/register.html`:`templates/users.html`:案例扩展步骤1:安装Flask-Login步骤2:修改`app.py`步骤3:创建表单验证和登录表单`templates/login.ht
  • React Native 列表组件：FlashList、FlatList 及更多 前端javascript
    CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读在移动开发中，高效展示数据列表至关重要。作为ReactNative开发者，我们可以使用多种强大的工具来完成这一任务。无论是ScrollView、SectionList还是FlatList，ReactNative都提供了一系列用于数据展示的组件。然而，随着数据集的增长和性能需求的提高，我们需要更优化的解决方案。这时，Shopify推出
  • 利用Vue编写一个“计数器” 慕斯-ing Vue2.xvue.js前端经验分享
    目录一、利用Vue编写一个“计数器”的操作方法：二、html文件相关源代码三、CSS文件相关源代码四、代码执行效果展示如下一、利用Vue编写一个“计数器”的操作方法：1、data中定义计数器的相关数据，如num、min、max。2、methods中添加计数器的递增与递减方法，其中①递减sub方法：大于0递减；②递增add方法：小于10累加。3、使用v-text将num设置给span标签。4、使用v
  • HTML基本语法 ufosuai555 html前端
    什么是HTML?HTML是超文本标记语言（HyperTextMarkupLanguage）的缩写，是一种用于创建网页的标准标记语言。HTML允许网页设计师通过使用标签来描述网页的结构和内容。W3C标准W3C（WorldWideWebConsortium）是一个国际组织，负责制定和推广互联网标准。W3C标准包括HTML、CSS、JavaScript等，这些标准确保了网页在不同浏览器和设备上的兼容性和
  • YOLO架构改进研究-用GELAN模块替代C2f结构的性能分析与实现【附核心实战代码】 一键难忘 精通AI实战千例专栏合集YOLOYOLOv8YOLOv9
    本文收录于专栏：精通AI实战千例专栏合集https://blog.csdn.net/weixin_52908342/category_11863492.html从基础到实践，深入学习。无论你是初学者还是经验丰富的老手，对于本专栏案例和项目实践都有参考学习意义。每一个案例都附带关键代码，详细讲解供大家学习，希望可以帮到大家。正在不断更新中~YOLO架构改进研究-用GELAN模块替代C2f结构的性能分
  • 前端的深拷贝和浅拷贝_详解浅拷贝和深拷贝 weixin_39661353 前端的深拷贝和浅拷贝
    #JavaScript浅拷贝和深拷贝[TOC]##JavaScript的两种变量类型JavaScript变量的类型分为两种，基本类型和引用类型，其中基本类型是指简单的数据段，有5种：Undefined、Null、Boolean、Number和String引用类型是指可能有多个值构成的对象，一般为：Object,Array,function等为什么要先说变量类型呢，是因为基本类型是按值访问的，不会影
  • 前端的深拷贝和浅拷贝_前端 深拷贝和浅拷贝 weixin_39614060 前端的深拷贝和浅拷贝
    js的数据类型分为两种，基本类型和引用类型基本类型值(数值、布尔值、字符串、null和undefined)：指的是保存在栈内存中的简单数据段。引用类型值(对象、数组、函数、正则)：指的是那些保存在堆内存中的对象，变量中保存的实际上只是一个指针，这个指针执行内存中的另一个位置，由该位置保存对象。在复制变量中，对于基本类型来说，两者是互不影响的。varnum=1varobj=numvarobj=3//
  • React学习笔记 26:28 Reactreact.js学习笔记
    1、React初步认识React构建Web和原生交互界面的库，相较于其它前端框架的优势，具有丰富的生态跨平台支持。1.1、React的开发依赖开发React必须依赖三个库：react：包含react所必须的核心代码；react-dom：react渲染在不同平台所需要的核心代码；babel：将jsx转换成React代码的工具；1.2、VSCode代码片段我们在前面练习React的过程中，有些代码片段
  • 【前端基础】——浅拷贝和深拷贝 Array[林] 前端——JavaScript前端前端javascript
    文章目录浅拷贝和深拷贝浅拷贝和深拷贝的定义浅拷贝深拷贝数据类型的值传递和地址传递浅拷贝实现的具体方式数字方法slice()Object.assignfor...in...深拷贝的具体实现JSON.parse(JSON.stringify())递归浅拷贝和深拷贝浅拷贝和深拷贝的定义浅拷贝浅拷贝对内存地址的复制，让目标对象指针和源对象指向同一片内存空间。深拷贝深拷贝是指拷贝对象的具体内容，其内存地址是
  • 前端项目技术点总结：React项目创建 jimson_zhu 前端react.jsjavascript
    （一）webpack基本使用和配置项目初始化；安装webpack和其脚手架webpack-cli；新建webpack.config.js文件，并且配置；安装插件html-webpack-plugin，并且配置；安装webpack-dev-server，配置热启动；安装对应loader（css，js，图片等等）；创建webpack.config.js，配置入口、出口、插件和loader；然后在pac
  • 前端实现浅拷贝和深拷贝的方法 Lucky_girl_wan 记录vue.js前端javascript
    浅拷贝就是指对象复制的时候只复制一层，当源对象的数据改变时，新的对象的数据也会改变深拷贝是指复制对象的所有层级，当源对象的数据改变时，新的对象的数据不会改变1.JSON.parse(JSON.stringify())既可以拷贝数组也可以拷贝对象不可以拷贝函数（深拷贝）letarr1=[1,2,false,{a:1}]letarr2=JSON.parse(JSON.stringify(arr_1))
  • intra-mart实现简易登录页面笔记 追逐梦想永不停 笔记
    一、前言最近在学习intra-mart框架，在此总结下笔记。intra-mart是一个前后端不分离的框架，开发时主要用的就是xml、html、js这几个文件；xml文件当做配置文件，html当做前端页面文件，js当做后端文件（js里能连接数据库）；所以js文件需要注意，因为算后端文件，其中的语法与前端开发的js有些不太相同（日志打印不能用console.log）。二、代码部分1.路由文件WEB-I
  • 前端 | JavaScript中的reduce方法 酒酿泡芙1217 前端javascript开发语言reduce
    1.什么是reducereduce方法是JavaScript中数组的重要方法之一，用于对数组中的元素进行累积计算。它接收一个回调函数作为参数，并返回一个最终计算结果。reduce在许多场景下都非常有用，比如求和、数组扁平化、对象计数、数据转换等。2.reduce语法2.1语法arr.reduce(callback,initialValue)2.2参数说明callback(accumulator,c
  • Tauri - #005 后端rust调用文件打开对话框获取绝对路径传递给前端 满天飞飞 MyTauriTauri
    文章目录后端rust调用文件打开对话框获取绝对路径传递给前端1目标2步骤2.1main.rs2.2修改tauri.conf.json2.3修改Cargo.toml2.3.1原来的Cargo.toml2.3.2修改后的Cargo.toml2.4修改Greet.vue2.5运行工程后端rust调用文件打开对话框获取绝对路径传递给前端1目标后端rust调用文件打开对话框获取绝对路径。2步骤2.1main
  • 前端大模型入门：编码(Tokenizer)和嵌入(Embedding)解析 大模型玩家 前端embedding产品经理经验分享算法人工智能学习方法
    本文介绍了大规模语言模型（LLM）中的两个核心概念：Tokenizer和Embedding。Tokenizer将文本转换为模型可处理的数字ID，而Embedding则将这些ID转化为能捕捉语义关系的稠密向量。文章通过具体示例和代码展示了两者的实现方法，帮助读者理解其基本原理和应用场景。作者｜想飞的雪糕LLM的核心是通过对语言进行建模来生成自然语言输出或理解输入,两个重要的概念在其中发挥关键作用：T
  • Modbus 协议快速入门 Windows _ XP modbus
    Modbus协议快速入门Modbus协议快速入门1.什么是Modbus协议2.Modbus有什么用3.Modbus内容3.1Modbus概述3.2Modbus-RTU3.2.1帧格式3.2.20x03查询寄存器功能码3.2.30x06修改寄存器功能码3.2.30x10批量修改寄存器功能码3.3Modbus-TCP3.4Modbus-ACSSII3.4.1帧形式3.5CRC冗余校验4.如何通过代码实
  • Maven Array_06 eclipsejdkmaven
    Maven Maven是基于项目对象模型(POM)， 信息来管理项目的构建，报告和文档的软件项目管理工具。 Maven 除了以程序构建能力为特色之外，还提供高级项目管理工具。由于 Maven 的缺省构建规则有较高的可重用性，所以常常用两三行 Maven 构建脚本就可以构建简单的项目。由于 Maven 的面向项目的方法，许多 Apache Jakarta 项目发文时使用 Maven，而且公司
  • ibatis的queyrForList和queryForMap区别 bijian1013 javaibatis
    一.说明         iBatis的返回值参数类型也有种：resultMap与resultClass，这两种类型的选择可以用两句话说明之：         1.当结果集列名和类的属性名完全相对应的时候，则可直接用resultClass直接指定查询结果类
  • LeetCode[位运算] - #191 计算汉明权重 Cwind java位运算LeetCodeAlgorithm题解
    原题链接：#191 Number of 1 Bits 要求： 写一个函数，以一个无符号整数为参数，返回其汉明权重。例如，‘11’的二进制表示为'00000000000000000000000000001011', 故函数应当返回3。 汉明权重：指一个字符串中非零字符的个数；对于二进制串，即其中‘1’的个数。 难度：简单 分析： 将十进制参数转换为二进制，然后计算其中1的个数即可。 “
  • 浅谈java类与对象 15700786134 java
          java是一门面向对象的编程语言，类与对象是其最基本的概念。所谓对象，就是一个个具体的物体，一个人，一台电脑，都是对象。而类，就是对象的一种抽象，是多个对象具有的共性的一种集合，其中包含了属性与方法，就是属于该类的对象所具有的共性。当一个类创建了对象，这个对象就拥有了该类全部的属性，方法。相比于结构化的编程思路，面向对象更适用于人的思维
  • linux下双网卡同一个IP 被触发 linux
    转自： http://q2482696735.blog.163.com/blog/static/250606077201569029441/ 由于需要一台机器有两个网卡，开始时设置在同一个网段的IP，发现数据总是从一个网卡发出，而另一个网卡上没有数据流动。网上找了下，发现相同的问题不少： 一、 关于双网卡设置同一网段IP然后连接交换机的时候出现的奇怪现象。当时没有怎么思考、以为是生成树
  • 安卓按主页键隐藏程序之后无法再次打开 肆无忌惮_ 安卓
    遇到一个奇怪的问题，当SplashActivity跳转到MainActivity之后，按主页键，再去打开程序，程序没法再打开（闪一下），结束任务再开也是这样，只能卸载了再重装。而且每次在Log里都打印了这句话"进入主程序"。后来发现是必须跳转之后再finish掉SplashActivity   本来代码：   // 销毁这个Activity fin
  • 通过cookie保存并读取用户登录信息实例 知了ing JavaScripthtml
    通过cookie的getCookies()方法可获取所有cookie对象的集合；通过getName()方法可以获取指定的名称的cookie；通过getValue()方法获取到cookie对象的值。另外，将一个cookie对象发送到客户端，使用response对象的addCookie()方法。 下面通过cookie保存并读取用户登录信息的例子加深一下理解。 （1）创建index.jsp文件。在改
  • JAVA 对象池 矮蛋蛋 javaObjectPool
    原文地址： http://www.blogjava.net/baoyaer/articles/218460.html Jakarta对象池       ☆为什么使用对象池   恰当地使用对象池化技术，可以有效地减少对象生成和初始化时的消耗，提高系统的运行效率。Jakarta Commons Pool组件提供了一整套用于实现对象池化
  • ArrayList根据条件+for循环批量删除的方法 alleni123 java
    场景如下： ArrayList<Obj> list Obj-> createTime, sid. 现在要根据obj的createTime来进行定期清理。（释放内存） ------------------------- 首先想到的方法就是 for(Obj o:list){ if(o.createTime-currentT>xxx){
  • 阿里巴巴“耕地宝”大战各种宝 百合不是茶 平台战略
    “耕地保”平台是阿里巴巴和安徽农民共同推出的一个 “首个互联网定制私人农场”，“耕地宝”由阿里巴巴投入一亿 ，主要是用来进行农业方面，将农民手中的散地集中起来 不仅加大农民集体在土地上面的话语权，还增加了土地的流通与 利用率，提高了土地的产量，有利于大规模的产业化的高科技农业的 发展，阿里在农业上的探索将会引起新一轮的产业调整，但是集体化之后农民的个体的话语权 将更少，国家应出台相应的法律法规保护
  • Spring注入有继承关系的类（1） bijian1013 javaspring
    一个类一个类的注入 1.AClass类 package com.bijian.spring.test2; public class AClass { String a; String b; public String getA() { return a; } public void setA(Strin
  • 30岁转型期你能否成为成功人士 bijian1013 成功
            很多人由于年轻时走了弯路，到了30岁一事无成，这样的例子大有人在。但同样也有一些人，整个职业生涯都发展得很优秀，到了30岁已经成为职场的精英阶层。由于做猎头的原因，我们接触很多30岁左右的经理人，发现他们在职业发展道路上往往有很多致命的问题。在30岁之前，他们的职业生涯表现很优秀，但从30岁到40岁这一段，很多人
  • [Velocity三]基于Servlet+Velocity的web应用 bit1129 velocity
    什么是VelocityViewServlet 使用org.apache.velocity.tools.view.VelocityViewServlet可以将Velocity集成到基于Servlet的web应用中，以Servlet+Velocity的方式实现web应用   Servlet + Velocity的一般步骤 1.自定义Servlet，实现VelocityViewServl
  • 【Kafka十二】关于Kafka是一个Commit Log Service bit1129 service
    Kafka is a distributed, partitioned, replicated commit log service.这里的commit log如何理解？   A message is considered "committed" when all in sync replicas for that partition have applied i
  • NGINX + LUA实现复杂的控制 ronin47 lua nginx 控制
    安装lua_nginx_module 模块 lua_nginx_module 可以一步步的安装，也可以直接用淘宝的OpenResty Centos和debian的安装就简单了。。 这里说下freebsd的安装： fetch http://www.lua.org/ftp/lua-5.1.4.tar.gz tar zxvf lua-5.1.4.tar.gz cd lua-5.1.4 ma
  • java-14.输入一个已经按升序排序过的数组和一个数字， 在数组中查找两个数，使得它们的和正好是输入的那个数字 bylijinnan java
    public class TwoElementEqualSum { /** * 第 14 题： 题目：输入一个已经按升序排序过的数组和一个数字， 在数组中查找两个数，使得它们的和正好是输入的那个数字。 要求时间复杂度是 O(n) 。如果有多对数字的和等于输入的数字，输出任意一对即可。 例如输入数组 1 、 2 、 4 、 7 、 11 、 15 和数字 15 。由于
  • Netty源码学习-HttpChunkAggregator-HttpRequestEncoder-HttpResponseDecoder bylijinnan javanetty
    今天看Netty如何实现一个Http Server org.jboss.netty.example.http.file.HttpStaticFileServerPipelineFactory： pipeline.addLast("decoder", new HttpRequestDecoder()); pipeline.addLast(&quo
  • java敏感词过虑-基于多叉树原理 cngolon 违禁词过虑替换违禁词敏感词过虑多叉树
    基于多叉树的敏感词、关键词过滤的工具包，用于java中的敏感词过滤 1、工具包自带敏感词词库，第一次调用时读入词库，故第一次调用时间可能较长，在类加载后普通pc机上html过滤5000字在80毫秒左右，纯文本35毫秒左右。   2、如需自定义词库，将jar包考入WEB-INF工程的lib目录，在WEB-INF/classes目录下建一个 utf-8的words.dict文本文件，
  • 多线程知识 cuishikuan 多线程
    T1，T2，T3三个线程工作顺序，按照T1，T2，T3依次进行 public class T1 implements Runnable{           @Override      
  • spring整合activemq dalan_123 java spring jms
    整合spring和activemq需要搞清楚如下的东东1、ConnectionFactory分：     a、spring管理连接到activemq服务器的管理ConnectionFactory也即是所谓产生到jms服务器的链接      b、真正产生到JMS服务器链接的ConnectionFactory还得
  • MySQL时间字段究竟使用INT还是DateTime？ dcj3sjt126com mysql
      环境：Windows XPPHP Version 5.2.9MySQL Server 5.1 第一步、创建一个表date_test（非定长、int时间） CREATE TABLE `test`.`date_test` (`id` INT NOT NULL AUTO_INCREMENT ,`start_time` INT NOT NULL ,`some_content`
  • Parcel: unable to marshal value dcj3sjt126com marshal
    在两个activity直接传递List<xxInfo>时，出现Parcel: unable to marshal value异常。   在MainActivity页面（MainActivity页面向NextActivity页面传递一个List<xxInfo>）：   Intent intent = new Intent(this, Next
  • linux进程的查看上（ps） eksliang linux pslinux ps -llinux ps aux
    ps:将某个时间点的进程运行情况选取下来 转载请出自出处：http://eksliang.iteye.com/admin/blogs/2119469 http://eksliang.iteye.com         ps 这个命令的man page 不是很好查阅，因为很多不同的Unix都使用这儿ps来查阅进程的状态，为了要符合不同版本的需求，所以这个
  • 为什么第三方应用能早于System的app启动 gqdy365 System
    Android应用的启动顺序网上有一大堆资料可以查阅了，这里就不细述了，这里不阐述ROM启动还有bootloader，软件启动的大致流程应该是启动kernel -> 运行servicemanager 把一些native的服务用命令启动起来（包括wifi, power, rild, surfaceflinger, mediaserver等等）-> 启动Dalivk中的第一个进程Zygot
  • App Framework发送JSONP请求(3) hw1287789687 jsonp跨域请求发送jsonpajax请求越狱请求
    App Framework 中如何发送JSONP请求呢? 使用jsonp,详情请参考:http://json-p.org/ 如何发送Ajax请求呢? (1)登录 /*** * 会员登录 * @param username * @param password */ var user_login=function(username,password){ // aler
  • 发福利，整理了一份关于“资源汇总”的汇总 justjavac 资源
    觉得有用的话，可以去github关注：https://github.com/justjavac/awesome-awesomeness-zh_CN 通用 free-programming-books-zh_CN 免费的计算机编程类中文书籍 精彩博客集合 hacke2/hacke2.github.io#2 ResumeSample 程序员简历
  • 用 Java 技术创建 RESTful Web 服务 macroli java编程WebREST
    转载：http://www.ibm.com/developerworks/cn/web/wa-jaxrs/   JAX-RS (JSR-311) 【 Java API for RESTful Web Services 】是一种 Java™ API，可使 Java Restful 服务的开发变得迅速而轻松。这个 API 提供了一种基于注释的模型来描述分布式资源。注释被用来提供资源的位
  • CentOS6.5-x86_64位下oracle11g的安装详细步骤及注意事项 超声波 oraclelinux
    前言： 这两天项目要上线了，由我负责往服务器部署整个项目，因此首先要往服务器安装oracle，服务器本身是CentOS6.5的64位系统，安装的数据库版本是11g，在整个的安装过程中碰到很多的坑，不过最后还是通过各种途径解决并成功装上了。转别写篇博客来记录完整的安装过程以及在整个过程中的注意事项。希望对以后那些刚刚接触的菜鸟们能起到一定的帮助作用。   安装过程中可能遇到的问题（注
  • HttpClient 4.3 设置keeplive 和 timeout 的方法 supben httpclient
    ConnectionKeepAliveStrategy kaStrategy = new DefaultConnectionKeepAliveStrategy() { @Override public long getKeepAliveDuration(HttpResponse response, HttpContext context) { long keepAlive
  • Spring 4.2新特性-@Import注解的升级 wiselyman spring 4
    3.1 @Import @Import注解在4.2之前只支持导入配置类 在4.2,@Import注解支持导入普通的java类,并将其声明成一个bean 3.2 示例 演示java类 package com.wisely.spring4_2.imp; public class DemoService { public void doSomethin
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他