元素。因为表格提供了一个可视化的网格(grid)使得创建列、对齐和定位页面中的各个元素要相对直观一些;
这些样式和布局方法有很多缺点:
(1)内置的HTML元素和属性,使得表现和内容绑定在一起,如果要提供多样式的网页,必然要提供多份HTML文档内容
(2)HTML表格的代码相当繁琐,需要很多公式化标签,吃力不讨好
(3)HTML表格标记用法是语义错误的: 表格应该只是用来组织多维数据的,而不是用来布局的
(4)改变布局需要更改标记:如果我们想把左边的列移到右边,我们得修改HTML文档结构
(5)HTML表格容易出现语法错误:行和列需要遵循严格的排序和嵌套关系
(6)HTML表格标记用法可读性差 :需要使用嵌套表格来支持列中有列的布局,结构将变得非常复杂
这就是为什么内置HTML样式和使用表格进行布局在实践中已经逐渐被抛弃,转而使用div+CSS来代替的原因。
内容和表现分离的好处:
(1)同一份文档可以拥有不同的呈现,提高了文档的可复用性和设计灵活 性
(2) 内容和样式分离使得HTML文档精简清晰,可读性高
(3) 由于浏览器会缓存静态文件如CSS/JS,这将有助于提高网站性能和SEO评估
(4) 代码的可维护性好
二、css语法
选择符{属性:属性值; 属性:属性值;}
选择符:表示要定义样式的对象
1)每个CSS样式由两部分组成,即选择符和声明,声明又分为属性和属性值;
2)属性必须放在{}内;
3)属性与属性值用冒号连接
4)当一个选择符有多个属性时,用分号隔开;
5)当一个属性有多个属性值时,用空格分隔;
6)使用空格、换行不影响css样式的显示。
简单样式
width:value+px;设置标签的宽度
height:value+px;设置标签的高度
background:#colorValue; 设置标签的背景颜色
color:#colorValue;设置文本颜色;而不是font-color
border:1px solid #colorValue; 设置标签的边框
边框类型:solid实线边框 double双线边框 dashed虚线( v. 猛冲/猛掷) dotted点状线( v. 点缀布满)
样式表分类
样式:内部样式 外部样式 和 内联样式
1.内部样式
语法:
css语句
注:使用style标记创建样式时,最好将该标记写在里面;
2.外部样式
外部样式的建立及调用(@charset "utf-8";在外部样式表文件内使用。指定该样式表使用的字符编码。该规则后面的分号是必需的,如果省略了此分号,会生成错误信息 。)
a:外部样式表的创建。 b:外部样式表的导入。
*方法 一
说明:使用link元素导入外部样式表时,需将该元素写在文档头部,即与之间。
*方法 二
@import url(目标文件的路径及文件名全称);
注:@和import之间没有空格 url和小括号之间也没有空格;必须结尾以分号结束;
两种导入样式的区别
link和import导入外部样式的区别:
差别1:
link属于XHTML标签,而@import完全是CSS提供的一种方式。 link标签除了可以加载CSS外,还可以做很多其它的事情,比如定义RSS,定义rel连接属性等,@import就只能加载CSS。
差别2:
加载顺序的差别:当一个页面被加载的时候(就是被浏览者浏览的时候),link引用的CSS会同时被加载,而@import引用的CSS会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式。
差别3:
兼容性的差别:@import是CSS2.1提出的,所以老的浏览器不支持,@import只在IE5以上的才能识别,而link标签无此问题。
差别4:
使用dom控制样式时的差别:当使用javascript控制dom去改变样式的时候,只能使用link标签,因为@import不是dom可以控制的
3.内联样式表(行间样式,行内样式,嵌入式样式)
语法:<标签 style="属性:属性值 ; 属性:属性值;">
样式表的优先级
内联样式表的优先级别最高, 内部样式表与外部样式表的优先级和书写的顺序有关,后书写的优先级别高
下面的优先级高
三、选择符(选择器)
1) 元素选择符/类型选择符(element选择器 )
语法:元素名称 {属性:属性值;}
说明:元素选择符就是以文档语言对象类型作为选择符,即使用结构中元素名称作为选择符。例如body、div、p,img,em,strong,span等。
用法:当统一或者改变文档某类元素的显示效果时,可以使用类型选择符;
2) id选择器
语法:#id名 {属性:属性值;}
说明:
1)使用id选择符时,应该为每个元素定义一个id属性
2)id选择符的语法格式是:#id名{}
3) 起名时要取英文名,不能用关键字(所有的标记和属性都是关键字)
4)一个id名称只能对应文档中一个具体的元素对象,因为id只能定义页面中某一个唯一的元素对象。
5) 最大的用处:创建网页的外围结构。
3)class选择器
语法: .class名{属性:属性值;}
说明: 使用类选择符时,为每个元素定义一个类名称,语法格式是:
,在css中使用方式为:.top{}
用法:1)class选择符更适合定义一类样式;
div.top{} p.top{}:p标签下的有top类的那个元素
2 ) 一个标记可以设置多个class名
语法:<标记 class="名称1 名称2" >
3)class名可以重复,class属性可以有多个属性值,中间用空格分割
4)群组选择器
语法:选择符1,选择符2,选择符3{属性:属性值;}
说明:当有多个选择符应用相同的样式时,可以将选择符用“,”分隔的方式,合并为一组。
5) 包含选择器/后代选择符
语法:选择符1 选择符2{属性:属性值;}---------- 选择符2只要是在选择符里面就可以了,不一定是子类,可以是祖孙类
说明:选择符1和选择符2用空格隔开,含义就是选择符1中包含的所有选择符2;
6) 伪类选择器(伪类选择符)
语法 : :link{属性:属性值;}超链接的初始状态;
:visited{属性:属性值;}超链接被访问后的状态;
:hover{属性:属性值;}鼠标悬停,即鼠标划过超链接时的状态;(div ,p,span,li等等)
:active{属性:属性值;}超链接被激活时的状态,即鼠标按下时超链接的状态;
说明: 1)当这4个超链接伪类选择符联合使用时,应注意他们的顺序,正常顺序为:a:link,a:visited,a:hover,a:active,错误的顺序有时会使超链接的样式失效;
2)使用与超链接相关的伪类选择符时,应为a元素定义href属性;
7) 通配符
语法:*{属性:属性值;}
说明:通配选择符的写法是“*”,其含义就是所有元素。
用法:常用来重置样式
全局样式
*{margin:0;padding:0;}
margin:0 auto; 让子元素相对父元素水平居中显示
header会继承body的宽高,body会继承html的宽高,html会继承浏览器硬件页面的宽高
选择符权重
3.对文本的设置是可以继承的,对border和bg的设置不能集成
css中用四位数字表示权重,权重的表达方式如:0,0,0,0
类型选择符的权重为 0001
伪元素选择符的权重为 0001
class选择符的权重为 0010
属性选择符的权重为 0010
伪类选择符的权重为 0010
id选择符的权重为 0100
内联样式的权重为 1000
通配符的权重为 0000
子选择符(>)的权重为 0000
继承样式的权重为 0000
兄弟选择符的权重为 0000
包含选择符的权重:为包含选择符的权重之和
扩展:
1.伪类选择符:
2.子选择器(IE6不支持)
子元素选择器只能选择作为某元素的子元素的元素,子选择器使用了大于号(这个大于号的权重是0,子结合符);
子结合符两边可以有空白符,因此,以下写法都没有问题: h1 > strong h1> strong h1 >strong h1>strong
3.相邻兄弟选择器(IE6不支持) +:
如果需要选择紧接在另一个元素后的元素,而且二者有相同的父元素,可以使用相邻兄弟选择器,相邻兄弟选择器使用加号“+”做为连接符。
普通兄弟选择器(IE6不支持) ~:
普通兄弟选择器选取所有指定元素的兄弟元素,使用”~”作为连接符。向下找不会向上找
属性选择器
选择器[att][att] 匹配所有具有att属性的元素。 选择器[att=val] 匹配所有att属性等于“val”的元素。 选择器[att~=val]选择具有att属性且属性值为包含val的字符串的元素(如果忽略了波浪号,则说明需要完成完全匹配)。 选择器[att|=val]选择具有att属性且属性值为以val开头并用连接符"-"分隔的字符串的E元素。
浮动:float可以使块状元素并列显示,给所有需要并列显示的元素(如图片和文本对齐时总有点错位)都添加浮动 。
子元素可以把父元素撑大,但当设置浮动时,不会把body撑大,元素设置浮动之后,会脱离正常文档流。
高度塌陷 :如果父元素在没有设置高度时,高度为0,叫父元素的高度塌陷;
解决办法: ,在设置浮动的元素下面设置
line-height:2 实际默认的单位为em,表示 行高为字符的文本高度*number倍数
line-height:100%,表示行高与当前字体大小一样,200%=fontsize*2
line-height:34px;
这样量行高: 给文本设置行高后,字体会默认垂直居中。
文字水平居中text-align:center
经常对a标签设置,如a{text-decoration:none;}
正的值往右走,给负值往左走.文本中经常用到
百分比是基于父元素的尺寸
若父元素有高度,则不会出现高度塌陷
text-align/ text-decoration/ text-indent
li和a都可写:hover,但范围不一样
你可能感兴趣的:(css)
android 自定义曲线图,Android自定义View——贝赛尔曲线
weixin_39767513
android 自定义曲线图
个人博客:haichenyi.com。感谢关注本文针对有一定自定义View的童鞋,最好对贝赛尔曲线有辣么一丢丢了解,不了解也没关系。花5分钟看一下GcsSloop的安卓自定义View进阶-Path之贝塞尔曲线。本文的最终效果图:最终效果图.gif思路首先他是一个只有上半部分的正弦形状的水波纹,很规则。其次,他这个正弦图左右在移动。然后,就是它这个自定义View,上下也在移动,是慢慢增加的最后,优化
大前端-postcss安装使用指南
黑夜照亮前行的路
postcss
PostCSS是一款强大的CSS处理工具,可以用来自动添加浏览器前缀、代码合并、代码压缩等,提升代码的可读性,并支持使用最新的CSS语法。以下是一份简化的PostCSS安装使用指南:一、安装PostCSS在你的项目目录中,通过npm(NodePackageManager)来安装PostCSS。打开命令行窗口,输入以下命令:bash复制代码npminstallpostcss--save-dev这将把
react native 总结
一切顺势而行
react native react.js javascript
reactapp.js相当与vueapp.vueimportReactfrom'react';import'./App.css';importReactRoutefrom'./router'import{HashRouterasRouter,Link}from'react-router-dom'classAppextendsReact.Component{constructor(props){su
webpack快速基础
风漫漫雨歇歇
webpack webpack 前端 前端框架
文章目录webpack快速基础1.概念1.1入口1.2输出(output)1.3loader1.4插件(plugin)2.建立项目,用于测试功能2.1安装webpack,2.2创建webpack配置文件,2.3配置package.json,运行项目3.配置mode开发环境4.配置entry编译入口5.配置output编译出口6.配置加载csswebpack快速基础1.概念webpack是现代Jav
CSS color-mix() 函数
蚂蚁上的大象
前端的那些事 CSS css 前端
CSScolor-mix()函数是近年来CSS色彩模块新增的一项强大功能,允许开发者在样式表中直接混合两种或多种颜色。这一特性为设计师和开发者带来了更多创作空间,让网页的颜色设计变得更加生动和丰富。本文将带你了解color-mix()函数的使用方法及其在实际项目中的应用。什么是CSScolor-mix()函数?color-mix()是一个即将推出的CSS颜色函数,它能够根据指定的颜色模型(如RGB
DIV + CSS 布局:盒子内容超出宽度时,不换行,以滚动条形式水平滑动
01空间
常见场景解决方案 css html
滚动条水平滚动展示溢出内容htmlcss(less)思路html11112222333344445555666677778888css(less).outer{background-color:#39a9ed;overflow-x:auto;&::-webkit-scrollbar{display:none;}white-space:nowrap;.item{display:inline-bloc
JavaScript和HTML/CSS之间有什么区别?它们之间的关系是什么?
智伴科技
javascript html css
下面是一个简单的代码示例,展示了HTML、CSS和JavaScript是如何一起工作的:HTML,CSS,JavaScriptExample/*在HTML文档内使用内联CSS*/.greeting{color:blue;font-size:24px;}Hello,素材8网,www.sucai8.cnChangeText//在HTML文档内使用内联JavaScriptdocument.addEven
【大咖力荐 新手必备】软件开发入门,这300篇文章就够了!
高校俱乐部
软件开发 新手必备 数据编码 IP
小编在这里根据知识图谱整理了CSDN站内的优质文章300篇,帮助见习工程提升技术能力、实现系统化学习!基础IT技术文章300篇大合集包含:【信息/编码】进制转换25篇、数据编码25篇;【IP/组网】网关与网段25篇、IP协议26篇、主机与DNS23篇、访问控制37篇;【程序逻辑】JavaScript29篇、常用算法37篇;【Web基础】HTML31篇、CSS32篇、DOM与BOM23篇扫码添加小助
项目里面引入字体包react
前端小灰灰
项目里面引入字体包:①字体包放在public目录下,②新建一个font.css文件,//font.css@font-face{font-family:AlibabaSans;src:url('./font/AlibabaSans-Black.otf');}③在HTML文件全局引入④然后在less里面就能使用了:例:font-family:AlibabaSans;
CSS-DAY2
i330.
前端 css 前端
CSS-DAY22024/2/4Emmet语法快速生成HTML结构语法如果想要生成多个相同标签加上*就可以了比如div*3就可以快速生成3个div如果有父子级关系的标签,可以用>比如ul>li就可以了如果有兄弟关系的标签,用+就可以了比如div+p如果生成带有类名或者id名字的,直接写.demo或者#twotab键就可以了(默认是div,如需修改其他标签只需在.之前加上标签名即可,如p.color
问了一下 GPT--当前基于 React + TypeScript 的生态中 一名前端工程师需要具备哪些能力?
zoe_ya
前端 gpt react.js
在当前基于React+TypeScript的生态中,你需要掌握一系列的技能和知识,以构建现代化、高效能且可维护的前端应用程序。以下是一些关键领域的知识和技能点:基础知识HTML/CSS/JavaScript:理解语义化的HTML、CSS布局和定位技术以及现代JavaScript(ES6+)的特性。TypeScript:掌握TypeScript的基本语法、类型系统以及如何在React项目中使用Typ
【构建工具】PostCSS快速配置
古狼_guwolf
前端开发 postcss 前端 javascript
1.安装依赖包npmi-Dpostscsspostcss-clinpmi-Dautoperfixerpostcss-preset-envnpmi-Dstylelintstylelint-config-standardnpmi-Dpostcss-pxtorem//执行命令npxpostcssstyle.css-odist.csspostcss//PostCSS核心包postcss-cli//Post
速盾:cdn分流是什么意思
速盾cdn
服务器 安全
CDN分流是一种通过内容分发网络(CDN)来优化网站访问速度和用户体验的技术。通过CDN分流,网站的静态资源可以被缓存到全球不同的CDN节点上,从而减少用户请求原始服务器的次数,提高了网站的响应速度和可靠性。本文将详细介绍CDN分流的原理、优势和应用场景。CDN分流的原理是通过将网站的静态资源(如HTML、CSS、JavaScript、图片、视频等)复制到CDN节点上,并将用户的请求转发到离用户最
css新特性?
一个大长腿
css 前端
CSS(层叠样式表)作为网页样式设计的关键语言,在不断发展和更新中也引入了许多新的特性以提供更强大的样式控制和设计能力。以下是一些较新的CSS特性:CSSGrid布局:CSSGrid布局是一种二维布局系统,可以通过定义行和列来创建复杂的布局结构,实现灵活的网格布局。Flexbox布局:Flexbox是一种弹性盒子布局模型,可以实现更加简单和有效的布局方式,使得元素在容器内按照指定的规则排列和对齐。
HTML5球体下落粒子爆炸特效
酷爱码
html html5 前端 html
HTML5球体下落粒子爆炸特效,源码由HTML+CSS+JS组成,双击html文件可以本地运行效果,也可以上传到服务器里面下载地址HTML5球体下落粒子爆炸特效
让el-input与其他组件能够显示在同一行
蜡笔小新1980
前端篇 vue.js 前端 javascript
让el-input与其他组件能够显示在同一行说明:由于el-input标签使用会默认占满一行,所以在某些需要多个展示一行的时候不适用,因此需要能够跟其他组件显示在同一行。效果:1、el-input标签内使用css属性inline1112222、使用el-row行标签和el-col列标签共同使用,并使用到el-col的span属性(总共一行分为24段,可以自定义一列占多少段)3334441113、利
css实现动画效果 animation: showLayer 0.2s linear both
abiao1981
CSS web前端 前端 javascript 开发语言
¥328.00库存:188件已选:{{sItem.name}}{{item.name}}{{childItem.name}}完成/*弹出层*/.popup{position:fixed;left:0;top:0;right:0;bottom:0;z-index:99;&.show{display:block;.mask{animation:showPopup0.2slinearboth;}.lay
页面垂直居中实现方法(HTML/CSS)
TdMaster
css html 前端
在网页设计中,垂直居中是一个常见的需求。本文将介绍几种常用的方法,以实现HTML/CSS中的页面垂直居中效果。方法一:使用Flexbox布局Flexbox是CSS3中引入的一种弹性盒子布局模型,它提供了简单而强大的方式来实现元素的居中对齐。下面是一个使用Flexbox布局实现页面垂直居中的示例代码:body,html{height:100%;margin:0;display:flex;align-
vue element input让浏览器不保存密码
niesiyuan000
vue.js elementui javascript
从网上看了很多,比如auto-complete="new-password"比如autocomplete="off"这是真的用不了啊,最后用css可以实现1、html2、datareach__vioSecretkey:'',//违纪秘钥reach__seePwd:false,3、methodsseePwd(){this.reach__seePwd=!this.reach__seePwd},4、cs
【前端框架的发展史详细介绍】
程序员不想敲代码啊
前端框架
前端框架的发展史前端框架的发展史可以追溯到1995年,当时微软推出了IE浏览器并开始支持CSS,随后,在1997年,W3C(万维网联盟)发布了CSS的第一个正式标准。在2003年,苹果推出了Safari浏览器,它支持Web标准,包括CSS和JavaScript。同年,Mozilla基金会发布了Firefox浏览器,也开始支持这些标准。2006年,jQuery库发布,它简化了JavaScript编程
使用JavaScript写拖拽案例
诶呦我那个暴脾气
前端 前端 拖拽案例 JavaScript
//设置HTML标签中的css样式。//用全局选择器(*)把HTML中的默认样式去掉。//设置一个拖拽用的div盒子。使用绝对定位。css代码:*{margin:0;padding:0;list-style:none;}#box{width:100px;height:100px;background-color:hotpink;position:absolute;cursor:move;}HTML
CSS3DRenderer, CSS3DObject, OrthographicCamera API 结合使用案例
小豆包3D世界
css3 前端 javascript
CSS3DRenderer,CSS3DObject,OrthographicCameraAPI结合使用案例three.jscss3d-orthographicbody{background-color:#f0f0f0;}a{color:#f00;}#info{color:#000000;}three.jscss3d-orthographic{"imports":{"three":"../build
css流式布局
dixie7674
elem{width:1160px;/*流式布局的总宽度*/column-width:375px;-moz-column-width:375px;/*每列宽度*/-webkit-column-width:375px;-moz-column-count:3;column-count:3;/*列数*/-moz-column-count:3;-webkit-column-count:3;}转载于:htt
网页HTML5制作flex布局骰子,css3 flex布局结合transform生成一个3D骰子
weixin_39905500
1Flex布局首先聊聊Flex布局,Flex布局又称“弹性布局”,任何容器都可以指定为Flex布局,设置Flex布局会使得子元素的float、clear、vertical-align失效1.1Flex属性1.1.1flex-direction:决定项目的排列方向,默认自左向右水平排列.box{flex-direction:row|row-reverse|column|column-reverse;
【HTML/CSS】flex布局绘制骰子
CranberryPancake
HTML/CSS css flex
参考博文CSSflex弹性盒父级元素display:flex——子元素默认变成block,float失效flex-direction主轴方向row(默认)/row-reverse/column/column-reversejustify-content(沿着主轴方向):center/flex-start/flex-endalign-items(垂直主轴方向):center/flex-start/f
一个简单的微信小程序表单提交样式模板
w宇宙王
微信小程序 小程序
没什么东西,只是方便自己直接复制使用.wxml姓名:学校:职位选择:提交.,scss.box{padding:30rpx;}.form-item{display:flex;background-color:rgb(221,230,230);margin-bottom:10rpx;border-radius:30rpx;}.head{line-height:100rpx;margin-left:30
CSS的元素显示
星辰下的光
css 前端
元素显示元素显示有三种模式第一种模式块级元素display:black特点:1、独占一行(一行只显示一个);2、宽度默认是父级元素的宽度,高度默认有内容撑开;3、可以设置宽和高第二种模式行内元素display:inline特点:1、一行可以有多个;2、宽度和高度默认由内容撑开;3、不能设置宽和高第三种模式行内块模式display:inline-black特点:1、一行可以有多个;2、可以设置宽和高
不用form表单ajax上传图片(单个图片上传实例)及回显
焱墩
前端
一、html代码段(这里无css样式)上传文件上传二、js(jquery)代码段$(function(){functionhideup(){$("#hidupload").click();},functionupchange(){$("#hidimg").prop("src",URL.createObjectURL($("#hidupload")[0].files[0]));}functionup
2019-03-28作业
您的名称已被使用
html:zuoye1css:.he{width:45px;height:33px;overflow:hidden;position:relative;margin:50pxauto;}.heimg{/*display:inline-block;*/position:absolute;top:-335px;left:-10px;}.heimg:hover{left:-59px;}.heimg:ac
CSS中的HTML元素类名:定义与应用
mikes zhang
前端 css html 前端
在CSS(层叠样式表)中,HTML元素的类名是指通过HTML元素的class属性为元素分配的一个或多个标识符。这些类名在CSS中用作选择器,以便为具有相同类名的元素应用一致的样式规则。通过类名,我们可以对页面中的多个元素进行分组,并为这些元素应用相同的样式,从而实现样式的复用和统一。一、类名的定义在HTML中,类名是通过class属性定义的。一个元素可以拥有一个或多个类名,类名之间用空格分隔。类名
项目中 枚举与注解的结合使用
飞翔的马甲
java enum annotation
前言:版本兼容,一直是迭代开发头疼的事,最近新版本加上了支持新题型,如果新创建一份问卷包含了新题型,那旧版本客户端就不支持,如果新创建的问卷不包含新题型,那么新旧客户端都支持。这里面我们通过给问卷类型枚举增加自定义注解的方式完成。顺便巩固下枚举与注解。
一、枚举
1.在创建枚举类的时候,该类已继承java.lang.Enum类,所以自定义枚举类无法继承别的类,但可以实现接口。
【Scala十七】Scala核心十一:下划线_的用法
bit1129
scala
下划线_在Scala中广泛应用,_的基本含义是作为占位符使用。_在使用时是出问题非常多的地方,本文将不断完善_的使用场景以及所表达的含义
1. 在高阶函数中使用
scala> val list = List(-3,8,7,9)
list: List[Int] = List(-3, 8, 7, 9)
scala> list.filter(_ > 7)
r
web缓存基础:术语、http报头和缓存策略
dalan_123
Web
对于很多人来说,去访问某一个站点,若是该站点能够提供智能化的内容缓存来提高用户体验,那么最终该站点的访问者将络绎不绝。缓存或者对之前的请求临时存储,是http协议实现中最核心的内容分发策略之一。分发路径中的组件均可以缓存内容来加速后续的请求,这是受控于对该内容所声明的缓存策略。接下来将讨web内容缓存策略的基本概念,具体包括如如何选择缓存策略以保证互联网范围内的缓存能够正确处理的您的内容,并谈论下
crontab 问题
周凡杨
linux crontab unix
一: 0481-079 Reached a symbol that is not expected.
背景:
*/5 * * * * /usr/IBMIHS/rsync.sh
让tomcat支持2级域名共享session
g21121
session
tomcat默认情况下是不支持2级域名共享session的,所有有些情况下登陆后从主域名跳转到子域名会发生链接session不相同的情况,但是只需修改几处配置就可以了。
打开tomcat下conf下context.xml文件
找到Context标签,修改为如下内容
如果你的域名是www.test.com
<Context sessionCookiePath="/path&q
web报表工具FineReport常用函数的用法总结(数学和三角函数)
老A不折腾
Web finereport 总结
ABS
ABS(number):返回指定数字的绝对值。绝对值是指没有正负符号的数值。
Number:需要求出绝对值的任意实数。
示例:
ABS(-1.5)等于1.5。
ABS(0)等于0。
ABS(2.5)等于2.5。
ACOS
ACOS(number):返回指定数值的反余弦值。反余弦值为一个角度,返回角度以弧度形式表示。
Number:需要返回角
linux 启动java进程 sh文件
墙头上一根草
linux shell jar
#!/bin/bash
#初始化服务器的进程PId变量
user_pid=0;
robot_pid=0;
loadlort_pid=0;
gateway_pid=0;
#########
#检查相关服务器是否启动成功
#说明:
#使用JDK自带的JPS命令及grep命令组合,准确查找pid
#jps 加 l 参数,表示显示java的完整包路径
#使用awk,分割出pid
我的spring学习笔记5-如何使用ApplicationContext替换BeanFactory
aijuans
Spring 3 系列
如何使用ApplicationContext替换BeanFactory?
package onlyfun.caterpillar.device;
import org.springframework.beans.factory.BeanFactory;
import org.springframework.beans.factory.xml.XmlBeanFactory;
import
Linux 内存使用方法详细解析
annan211
linux 内存 Linux内存解析
来源 http://blog.jobbole.com/45748/
我是一名程序员,那么我在这里以一个程序员的角度来讲解Linux内存的使用。
一提到内存管理,我们头脑中闪出的两个概念,就是虚拟内存,与物理内存。这两个概念主要来自于linux内核的支持。
Linux在内存管理上份为两级,一级是线性区,类似于00c73000-00c88000,对应于虚拟内存,它实际上不占用
数据库的单表查询常用命令及使用方法(-)
百合不是茶
oracle 函数 单表查询
创建数据库;
--建表
create table bloguser(username varchar2(20),userage number(10),usersex char(2));
创建bloguser表,里面有三个字段
&nbs
多线程基础知识
bijian1013
java 多线程 thread java多线程
一.进程和线程
进程就是一个在内存中独立运行的程序,有自己的地址空间。如正在运行的写字板程序就是一个进程。
“多任务”:指操作系统能同时运行多个进程(程序)。如WINDOWS系统可以同时运行写字板程序、画图程序、WORD、Eclipse等。
线程:是进程内部单一的一个顺序控制流。
线程和进程
a. 每个进程都有独立的
fastjson简单使用实例
bijian1013
fastjson
一.简介
阿里巴巴fastjson是一个Java语言编写的高性能功能完善的JSON库。它采用一种“假定有序快速匹配”的算法,把JSON Parse的性能提升到极致,是目前Java语言中最快的JSON库;包括“序列化”和“反序列化”两部分,它具备如下特征:  
【RPC框架Burlap】Spring集成Burlap
bit1129
spring
Burlap和Hessian同属于codehaus的RPC调用框架,但是Burlap已经几年不更新,所以Spring在4.0里已经将Burlap的支持置为Deprecated,所以在选择RPC框架时,不应该考虑Burlap了。
这篇文章还是记录下Burlap的用法吧,主要是复制粘贴了Hessian与Spring集成一文,【RPC框架Hessian四】Hessian与Spring集成
 
【Mahout一】基于Mahout 命令参数含义
bit1129
Mahout
1. mahout seqdirectory
$ mahout seqdirectory
--input (-i) input Path to job input directory(原始文本文件).
--output (-o) output The directory pathna
linux使用flock文件锁解决脚本重复执行问题
ronin47
linux lock 重复执行
linux的crontab命令,可以定时执行操作,最小周期是每分钟执行一次。关于crontab实现每秒执行可参考我之前的文章《linux crontab 实现每秒执行》现在有个问题,如果设定了任务每分钟执行一次,但有可能一分钟内任务并没有执行完成,这时系统会再执行任务。导致两个相同的任务在执行。
例如:
<?
//
test
.php
java-74-数组中有一个数字出现的次数超过了数组长度的一半,找出这个数字
bylijinnan
java
public class OcuppyMoreThanHalf {
/**
* Q74 数组中有一个数字出现的次数超过了数组长度的一半,找出这个数字
* two solutions:
* 1.O(n)
* see <beauty of coding>--每次删除两个不同的数字,不改变数组的特性
* 2.O(nlogn)
* 排序。中间
linux 系统相关命令
candiio
linux
系统参数
cat /proc/cpuinfo cpu相关参数
cat /proc/meminfo 内存相关参数
cat /proc/loadavg 负载情况
性能参数
1)top
M:按内存使用排序
P:按CPU占用排序
1:显示各CPU的使用情况
k:kill进程
o:更多排序规则
回车:刷新数据
2)ulimit
ulimit -a:显示本用户的系统限制参
[经营与资产]保持独立性和稳定性对于软件开发的重要意义
comsci
软件开发
一个软件的架构从诞生到成熟,中间要经过很多次的修正和改造
如果在这个过程中,外界的其它行业的资本不断的介入这种软件架构的升级过程中
那么软件开发者原有的设计思想和开发路线
在CentOS5.5上编译OpenJDK6
Cwind
linux OpenJDK
几番周折终于在自己的CentOS5.5上编译成功了OpenJDK6,将编译过程和遇到的问题作一简要记录,备查。
0. OpenJDK介绍
OpenJDK是Sun(现Oracle)公司发布的基于GPL许可的Java平台的实现。其优点:
1、它的核心代码与同时期Sun(-> Oracle)的产品版基本上是一样的,血统纯正,不用担心性能问题,也基本上没什么兼容性问题;(代码上最主要的差异是
java乱码问题
dashuaifu
java乱码问题 js中文乱码
swfupload上传文件参数值为中文传递到后台接收中文乱码 在js中用setPostParams({"tag" : encodeURI( document.getElementByIdx_x("filetag").value,"utf-8")});
然后在servlet中String t
cygwin很多命令显示command not found的解决办法
dcj3sjt126com
cygwin
cygwin很多命令显示command not found的解决办法
修改cygwin.BAT文件如下
@echo off
D:
set CYGWIN=tty notitle glob
set PATH=%PATH%;d:\cygwin\bin;d:\cygwin\sbin;d:\cygwin\usr\bin;d:\cygwin\usr\sbin;d:\cygwin\us
[介绍]从 Yii 1.1 升级
dcj3sjt126com
PHP yii2
2.0 版框架是完全重写的,在 1.1 和 2.0 两个版本之间存在相当多差异。因此从 1.1 版升级并不像小版本间的跨越那么简单,通过本指南你将会了解两个版本间主要的不同之处。
如果你之前没有用过 Yii 1.1,可以跳过本章,直接从"入门篇"开始读起。
请注意,Yii 2.0 引入了很多本章并没有涉及到的新功能。强烈建议你通读整部权威指南来了解所有新特性。这样有可能会发
Linux SSH免登录配置总结
eksliang
ssh-keygen Linux SSH免登录认证 Linux SSH互信
转载请出自出处:http://eksliang.iteye.com/blog/2187265 一、原理
我们使用ssh-keygen在ServerA上生成私钥跟公钥,将生成的公钥拷贝到远程机器ServerB上后,就可以使用ssh命令无需密码登录到另外一台机器ServerB上。
生成公钥与私钥有两种加密方式,第一种是
手势滑动销毁Activity
gundumw100
android
老是效仿ios,做android的真悲催!
有需求:需要手势滑动销毁一个Activity
怎么办尼?自己写?
不用~,网上先问一下百度。
结果:
http://blog.csdn.net/xiaanming/article/details/20934541
首先将你需要的Activity继承SwipeBackActivity,它会在你的布局根目录新增一层SwipeBackLay
JavaScript变换表格边框颜色
ini
JavaScript html Web html5 css
效果查看:http://hovertree.com/texiao/js/2.htm代码如下,保存到HTML文件也可以查看效果:
<html>
<head>
<meta charset="utf-8">
<title>表格边框变换颜色代码-何问起</title>
</head>
<body&
Kafka Rest : Confluent
kane_xie
kafka REST confluent
最近拿到一个kafka rest的需求,但kafka暂时还没有提供rest api(应该是有在开发中,毕竟rest这么火),上网搜了一下,找到一个Confluent Platform,本文简单介绍一下安装。
这里插一句,给大家推荐一个九尾搜索,原名叫谷粉SOSO,不想fanqiang谷歌的可以用这个。以前在外企用谷歌用习惯了,出来之后用度娘搜技术问题,那匹配度简直感人。
环境声明:Ubu
Calender不是单例
men4661273
单例 Calender
在我们使用Calender的时候,使用过Calendar.getInstance()来获取一个日期类的对象,这种方式跟单例的获取方式一样,那么它到底是不是单例呢,如果是单例的话,一个对象修改内容之后,另外一个线程中的数据不久乱套了吗?从试验以及源码中可以得出,Calendar不是单例。
测试:
Calendar c1 =
线程内存和主内存之间联系
qifeifei
java thread
1, java多线程共享主内存中变量的时候,一共会经过几个阶段,
lock:将主内存中的变量锁定,为一个线程所独占。
unclock:将lock加的锁定解除,此时其它的线程可以有机会访问此变量。
read:将主内存中的变量值读到工作内存当中。
load:将read读取的值保存到工作内存中的变量副本中。
schedule和scheduleAtFixedRate
tangqi609567707
java timer schedule
原文地址:http://blog.csdn.net/weidan1121/article/details/527307
import java.util.Timer;import java.util.TimerTask;import java.util.Date;
/** * @author vincent */public class TimerTest {
 
erlang 部署
wudixiaotie
erlang
1.如果在启动节点的时候报这个错 :
{"init terminating in do_boot",{'cannot load',elf_format,get_files}}
则需要在reltool.config中加入
{app, hipe, [{incl_cond, exclude}]},
2.当generate时,遇到:
ERROR