rybby
rybby

锐拜：CSS实现圆角矩形之函数版

锐拜：CSS实现圆角矩形之函数版

作者：Rybby   E-mail：[email protected]    完稿时间：2009-06-24

很 多时候，看到很多网友，问了相同的很多问题：怎样用纯 CSS 样式代码（非圆角图片）实现圆角矩形的效果？
其实呢，挺简单的。但是呢，也挺复杂。这样说，还挺矛盾。
好，先从简单的说。不说，还是先看吧（是否觉得锐拜我挺婆妈）。

<html>
<head>
<style type="text/css">
.box {width:220px; border:0px;}
.cb {height:80px; border:solid #3F556F; border-width:0px 1px;}
.t1,.t2,.t3,.t4,.b1,.b2,.b3,.b4 {margin:0px; padding:0px; height:1px; border:solid #3F556F; border-width:0px 1px; overflow:hidden;}
.t1 {margin:0px 5px; border-width:1px 0px 0px 0px; height:0px;}
.t2 {margin:0px 3px; border-width:0px 2px;}
.t3 {margin:0px 2px;}
.t4 {margin:0px 1px; height:2px;}
.b1 {margin:0px 1px; height:2px;}
.b2 {margin:0px 2px;}
.b3 {margin:0px 3px; border-width:0px 2px;}
.b4 {margin:0px 5px; border-width:0px 0px 1px 0px; height:0px;}
</style>
</head>
<body>
<div class="box">
<div class="t1"></div>
<div class="t2"></div>
<div class="t3"></div>
<div class="t4"></div>
<div class="cb">这个盒子是存放内容的</div>
<div class="b1"></div>
<div class="b2"></div>
<div class="b3"></div>
<div class="b4"></div>
</div>
</body>
</html>

OK！把上面的代码另存为 .htm 或者 .html ，然后用浏览器打开看看，看到圆角矩形了吧？是不是挺简单！啥！没看到！！！请问阁下您用的是什么浏览器？如果用 FF（firefox）浏览器没看到圆角那是你胡扯，如果用 IE 浏览器没看到圆角那是我糊涂，忘了在 <html> 前面加上 DTD 声明。现在返回加上这句 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> ，再试试看，终于看到圆角了吧。通常地，在 FF 浏览器上显示很完美的网页，一放到 IE 上就会有很多问题，这之中就有些是跟文档的类型声明（DTD）有关的。从 html 4.0 到 xhtml 1.0 常用的文档声明有过渡型（Transitional）与严格型（Strict），为了编写出标准化与规范化的网站页面，以及适应将来推出的 xhtml 2.0 ，锐拜建议您应该尽量采用 xhtml 1.0 的文档声明，对于 html 4.0 ，我们应该学会放弃。啊！扯远了！扯远了！不知不觉就说了一堆闲话，也许是废话，如果因此而浪费了您的宝贵时间，那可就是费话了。
屁话！

刚才说了，应该是看了，用 CSS 实现圆角是挺简单的。简单是从它实现的原理来说的，但是使用起来就太复杂了。在想要实现圆角的地方必须堆加几个 DIV ，然后再设置样式属性，如果一个页面要在多处使用圆角效果，而且还要不同的样式，那工作量可是惊人的、恐怖的、繁琐的。有没有简单的方法呢？答案肯定是有 的，但不是最简单的，锐拜能想到的只有 JavaScript 。JS 这东西可是个好东西，推崇它、讨论它、喜欢它的人从西能排到东。在以前，人们喜欢拿它来设计另人讨厌的弹窗，恶意修改网页，以至于让它有点臭名远扬了。但 随着 Ajax 技术的流行使它又成为 web 编程的明日之星，借助 JS ，程序员可以设计出交互性很强的动态页面，现在越来越多人热爱它、使用它、宣传它……

JS 的好处我就不多说了，现在说一下用 JS 实现圆角矩形的原理。其实没有一点儿技术含量，因为要在实现圆角的地方输入多个 DIV ，所以，我们就使用程序的 for 循环代替繁琐的工作量，仅此而已。再高一点的技术（其实只能算是技巧）也只是用 JS 操作 DOM 节点，这样我们就可以在需要实现圆角的地方只调用一个函数再加几个参数，方便地实现圆角的弧度，效果简直就像变魔术；最终，我们将繁数化成了小事，工作起 来那可真神速。经过胡乱鼓捣一番之后，锐拜写了这个小程序 arccorner.js（弧形角），通过它可以在网页中方便地实现圆角矩形，具体的代码锐拜就不贴出来了，需要使用或者研究的朋友可以到下面这个地址下 载。

arccorner使用方法:
在需要实现圆角效果的html元素的前面或者后面调用arccorner()函数，如
<script type="text/javascript">arccorner("top","normal");</script>
<div class="title">测试</div>
<div class="content">
测试测试测试测试测试测试测试测<br />
测试测试测试测试测试测试测试测<br />
测试测试测试测试测试测试测试测<br />
测试测试测试测试测试测试测试测<br />
</div>
<script type="text/javascript">arccorner("bottom");</script>

arccorner(pst[,dgr[,bgc[,bdc]]])提供四个参数，pst（position）指定 要实现圆角的位 置；dgr（degree）指定圆角的大小，省略此参数时使用默认值（5px），注意！如果需要使用后面的参数时，这个参数不能省略，否则程序会出错。解 决的方法是使用空值，即"" ，后面的 bgc 参数同样；bgc（background-color）指定背景色，默认值（#E5E5FF）,注意使用该参数时不应该漏掉“#”符号,后面的 bdc 也一样；bdc（border-color）指定边框色，默认值（#3E556F）。

注意！！！ 应该在页头加载程序文件 arccorner.js ，比如在 <head> 标记里加入此代码
<script type="text/javascript" src="arccorner.js"></script>
如果在 </html> 后面加载的话会没有效果！

pst参数可选值：
top　　　　上面圆角
bottom　　 下面圆角
tl　　　　 左上角弧化
bl　　　　 左下角弧化
tr　　　　 右上角弧化
br　　　 　右下角弧化

dgr参数可选值:
normal/中圆角(5px)
big/大圆角(8px)
small/小圆角(2px)

bgc 与 bdc 参数为十六进制的 GRB 颜色值，如#000000为黑色，#FFFFFF为白色。

锐拜我开发此程序的目的在于经验分享与技术交流！若您有任何意见或者建议请 E-mail：[email protected] 联系锐拜。
程序名称：Arccorner（弧形角）
目前版本：v2.0
程序编辑：Rybby
下载地址：http://rybby.blog.hexun.com/35381241_d.html
程序交流讨论地址：http://rybby.blog.hexun.com/34232885_d.html

转载需知！如需转载本文，请在标题前加上“[转载]”，并在文章开头或结尾加上本文链接地址，谢谢！
生活因分享而快乐！欢迎转载。

你可能感兴趣的:(JavaScript,XHTML,css,浏览器,IE)

  • 最新外卖霸王餐系统程序源码|美团/饿了么霸王餐系统(含数据库)（可对接公众号） AALoveTouch 霸王餐php
    一款特别好用的霸王餐系统，搭建也特别简单，个人需要自备服务器和域名。下面是一些系统图片：下面是有关部分代码展示：部分代码展示配置数据库
  • [JS]学习笔记2 -- JAVAScript数据类型 Jizhi_Zhang JavaScript学习笔记javascript学习笔记
    一、常量概念：使用const声明的变量称为“常量”。使用场景：当某个变量永远不会改变的时候，就可以使用const来声明，而不是let。命名规范：和变量一致注：常量不允许重新赋值，在声明的时候必须要赋值（初始化）二、数据类型1、基本数据类型1.1数字型number学习中的数字，整数、小数、正数、负数可以有很多操作：算数+：求和-：求差*：求积/：求商%：取模（取余数）--开发中经常作为某个数字是否被
  • 基于 Node.js 的天气查询系统实现(附源码） Kasper0121 node.js
    项目概述这是一个基于Node.js的全栈应用，前端使用原生JavaScript和CSS，后端使用Express框架，通过调用第三方天气API实现天气数据的获取和展示。主要功能默认显示多个主要城市的天气信息支持城市天气搜索响应式布局设计深色主题界面优雅的加载动画技术栈后端：Node.js+Express前端：HTML5+CSS3+JavaScriptHTTP客户端：AxiosAPI：天气API(v1
  • golang性能调优工具pprof的使用 KhaD golanggolang开发语言后端
    文章目录前言一、cpu1.下载实例代码2.运行项目中的main.go文件3.查看CPU性能数据4.使用topN（N是可选的数量，也可以不加直接运行）命令来查看占用资源最多的函数5.查看可能存在问题的具体函数代码6.使用web命令来调用关系可视化二、堆内存1.查看堆内存性能数据2.在浏览器中进行查看三、goroutine1.查看goroutine性能数据四、mutex1.查看mutex性能数据五、m
  • 小程序与内嵌网页的数据通信 大耳朵乔乔 #微信小程序开发小程序
    小程序与内嵌网页的数据通信前言微信小程序提供了web-view组件，允许开发者在小程序中嵌入网页。然而，由于小程序和网页运行在不同的环境中，它们之间的通信就需要依赖特定的机制来实现。然而我们日常的需求中，很多的时候都涉及到小程序内嵌网页和小程序之间进行数据通信的情况。这篇文章是我自己总结的微信小程序与内嵌web-view中网页通信的一些方法。小程序向内嵌网页传递数据通过修改web-view的src
  • Three.js学习笔记 癫狂de痴梦 前端javascript学习前端
    1.three.js的引入进入官网Three.js–JavaScript3DLibrary，下载文件解压文件，复制three.js-master\build\three.min.js文件在项目中，引入该文件。2.一个简单threeJs程序（1）创建场景constscene=newTHREE.Scene();（2）创建物体constgeomtry=newTHREE.BoxGeometry(1,1,1
  • c# list排序的三种实现方式 CHCH998 c#排序LIS实现list
    本文转载自：https://www.cnblogs.com/bradwarden/archive/2012/06/19/2554854.html作者：bradwarden转载请注明该声明。用了一段时间的gridview，对gridview实现的排序功能比较好奇，而且利用C#自带的排序方法只能对某一个字段进行排序，今天demo了一下，总结了三种对list排序的方法，并实现动态传递字段名对list进行
  • 前端 | 浏览器安全：XSS攻击、CSRF攻击、中间人攻击 酒酿泡芙1217 前端安全xsscsrf
    1.XSS攻击1.1什么是XSS攻击XSS攻击指的是跨站脚本攻击，是一种代码注入攻击。攻击者通过在网站注入恶意脚本，使之在用户的浏览器上运行，从而盗用用户的信息如cookie等本质是因为网站没有对恶意代码进行过滤，与正常的代码混合在一起了，浏览器没有办法分辨那些脚本是可信的，从而导致了恶意代码的执行攻击者通过这种攻击方式可以进行一下操作：获取页面的数据，如DOM、cookie、localStora
  • 基于Python的豆瓣电影爬虫数据分析可视化设计与实现 计算机软件程序设计 Python爬虫Python程序设计数据分析python爬虫
    【1】系统介绍1.研究背景随着互联网的快速发展，电影产业已经成为全球文化产业的重要组成部分。观众对电影的需求和兴趣日益增长，而在线电影平台如豆瓣电影（DoubanMovie）成为了用户获取电影信息、发表评论和评分的主要渠道之一。豆瓣电影不仅提供了丰富的电影资料，还拥有庞大的用户群体，这些用户生成的内容（UGC）为电影市场分析提供了宝贵的数据资源。然而，尽管豆瓣电影平台提供了大量的公开数据，但这些数
  • 关于CSS中毛玻璃和滤镜使用总结 计算机软件程序设计 知识科普css
    【1】毛玻璃毛玻璃效果（也称为磨砂玻璃效果）可以通过CSS的backdrop-filter属性来实现。这个属性允许你在背景上应用各种滤镜效果，从而创建出类似磨砂玻璃的效果。这种效果通常用于创建半透明背景下的模糊效果，使得背景图像或颜色变得柔和，同时保持前景内容的清晰可见。示例代码HTML结构CSS毛玻璃效果毛玻璃效果这是一个使用CSS创建的毛玻璃效果。CSS样式body,html{height:1
  • 轻量级网络应用 服务生活 MhZhou0412 生活
    LostNet:AsmartwayforlostandfindMeihuaZhou,IvanFung,LiYang,NanWan,KekeDi,TingtingWangDuetotheenormouspopulationgrowthofcitiesinrecentyears,objectsarefrequentlylostandunclaimedonpublictransportation,inr
  • Python知识点：基于Python工具和技术，如何使用Truffle进行智能合约开发与部署 杰哥在此 Python系列python智能合约开发语言编程面试
    开篇，先说一个好消息，截止到2025年1月1日前，翻到文末找到我，赠送定制版的开题报告和任务书，先到先得！过期不候！如何使用Truffle与Python进行智能合约开发与部署Truffle是一个强大的开发框架，它为以太坊智能合约的开发、测试和部署提供了一整套工具。虽然Truffle主要使用JavaScript和Solidity，但是它也可以与Python工具和技术配合使用，以实现更灵活的开发流程。
  • HTML&CSS ：如此优雅丝滑的导航栏，你不看看吗？ 前端Hardy CSShtmlcss前端javascript
    这段代码创建了一个动态的导航栏，通过CSS技术实现了按钮的激活和悬停效果，以及动态背景效果，为页面添加了视觉吸引力和用户交互体验。大家复制代码时，可能会因格式转换出现错乱，导致样式失效。建议先少量复制代码进行测试，若未能解决问题，私信我，我会发送完整的压缩包给你演示效果HTML&CSS公众号关注：前端Hardybody{margin:0;padding:0;background-color:#07
  • Tomcat调优相关理解 smile_life_ javatomcattomcat调优
    什么是QPS？是QueriesPerSecond的缩写，是指服务器每秒查询数，比如定义一个a接口，该接口是10QPS，那么就是指该接口每秒可以处理10个请求springboot默认并发处理数是多少？springboot并发处理要看servlet容器，而servlet容器默认是Tomcat，而Tomcat容器可以处理的并发请求数主要受到最大线程数（max-threads）的限制，Tomcat的默认最
  • JavaScript常用的一些代码段 东锋1.3 javascriptjavascript开发语言ecmascript
    带有重复项使用递归。对于给定字符串中的每个字母，为字母创建字谜。使用map（）将字母与每部分字谜组合，然后使用reduce（）将所有字谜组合到一个数组中，最基本情况是字符串长度等于2或1。constanagrams=str=>{if(str.lengthacc.concat(anagrams(str.slice(0,i)+str.slice(i+1)).map(val=>letter+val)),
  • React Native 0.77 发布：更强的样式支持与性能优化 前端javascript
    CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读ReactNative0.77正式发布！此次版本带来了多项重要改进，包括样式功能的增强、Android平台的性能优化以及项目模板的升级。这一版本的核心目标是提升开发效率，同时确保在不同平台上的兼容性。接下来，我们来看看这次更新中的亮点内容。主要更新内容✨全新CSS特性支持：新增对display:contents、boxSizing、
  • 浅谈redis zhaoyang9999 redisredis数据库java
    redis谈谈你对redis的理解非关系数据库他是单线程的：数据放在内存中，单线程操作效率高（多线程会造成CPU的上下文切换）基于内存操作（周期性的把更新的数据写入到磁盘（RDB）或者把修改操作写入追加的文件记录（AOF））五大基本数据类型strng（最常用）list（列表）底层链表可以用来消息订阅set（集合）hash（哈希hsetkeyfieldvalue）map集合更适合对象的存储Zset（
  • 参加【2025年春季】全国CTF夺旗赛-从零基础入门到竞赛，看这一篇就稳了！ 白帽子凯哥 web安全学习安全CTF夺旗赛网络安全
    基于入门网络安全/黑客打造的：黑客&网络安全入门&进阶学习资源包目录一、CTF简介二、CTF竞赛模式三、CTF各大题型简介四、CTF学习路线4.1、初期1、html+css+js（2-3天）2、apache+php（4-5天）3、mysql（2-3天）4、python(2-3天)5、burpsuite（1-2天）4.2、中期1、SQL注入（7-8天）2、文件上传（7-8天）3、其他漏洞（14-15
  • 参加【2025年春季】全国CTF夺旗赛-从零基础入门到竞赛，看这一篇就稳了！ 白帽子凯哥 web安全学习安全CTF夺旗赛网络安全
    基于入门网络安全/黑客打造的：黑客&网络安全入门&进阶学习资源包目录一、CTF简介二、CTF竞赛模式三、CTF各大题型简介四、CTF学习路线4.1、初期1、html+css+js（2-3天）2、apache+php（4-5天）3、mysql（2-3天）4、python(2-3天)5、burpsuite（1-2天）4.2、中期1、SQL注入（7-8天）2、文件上传（7-8天）3、其他漏洞（14-15
  • 适合画地图的js库对比整理，Leaflet，Google Maps，Mapbox GL JS，OpenLayers，Cesium，D3.js等对应官方网站、Github项目地址、特点、使用场景及应用 飞火流星02027 前台地图GISjavascript地图库LeafletD3.jsMapboxGLJSGoogleMapsOpenLayers
    摘要适合画地图的js库对比整理，Leaflet，GoogleMapsJavaScriptAPI，MapboxGLJS，OpenLayers，Cesium，D3.js及对应官方网站、Github项目地址、特点、使用场景地图库对比整理明细表说明维度库名Github项目特点使用场景LeafletLeaflet/Leaflet轻量级、易于使用、功能丰富。支持各种地图服务（如OpenStreetMap、Ma
  • Kimi 阅读助手 云连山 AI编程ai
    Kimi阅读助手Kimi阅读助手Chrome浏览器扩展可总结视频，编辑常用语针对这篇文章提炼以下内容:1.元数据:标题，作者，链接,标签2.作者主张，亮点3.逐层加深理解4.关键术语/概念5.文章内的无用信息6.摘要核心信息7.金句8.总结9.根据文章内容给我问问题，引发我思考
  • python json 用法 云连山 pythonpythonjson
    JSON简介JSON（JavaScriptObjectNotation）是一种轻量级的数据交换格式。它基于JavaScript的一个子集，易于人阅读和编写，同时也易于机器解析和生成。在Python中，使用json模块来处理JSON数据。JSON支持的数据类型主要有对象（在Python中类似于字典）、数组（在Python中类似于列表）、字符串、数字、布尔值和null。将Python对象转换为JSON
  • vue项目运行报：SassError: expected selector... 落日弥漫的橘_ 前端vue.jswebpackcss
    SassError:expectedselector错误通常由于Sass或SCSS文件中存在语法错误或选择器缺失，导致Sass编译器无法解析。Sass语法语法中误用深度选择器语法导致以上问题。/deep/和::v-deep都是用于Vue单文件组件（.vue文件）中的样式穿透选择器;/deep/在Sass中并不被支持，如果是在Vue单文件组件中，并且需要穿透样式，可以使用::v-deep代替/dee
  • Spring Boot + Jasypt 实现application.yml 属性加密的快速示例 oscar999 SpringBoot实战开发大全springbootjava属性加密
    Jasypt（JavaSimplifiedEncryption）是一个专为Java应用程序设计的开源加密库，旨在简化加密和解密流程，保护敏感数据如密码、API密钥等。jasypt-spring-boot-starter允许开发者在SpringBoot应用中轻松地实现加密和解密功能。本篇介绍使用jasypt-spring-boot-starter以达成在application.yml等配置文件中使用
  • Nginx 跨域配置详细讲解 m0_74823094 nginx运维
    一、跨域请求概述跨域资源共享（CORS，Cross-OriginResourceSharing）是一种机制，它使用额外的HTTP头部来告诉浏览器让运行在一个origin（域）上的Web应用被准许访问来自不同源服务器上的指定的资源。当一个资源从与该资源本身所在的服务器不同的域、协议或端口请求一个资源时，资源会发起一个跨域HTTP请求。二、Nginx跨域配置步骤1.定位并打开Nginx配置文件Ngin
  • Ubuntu 安装 GitLab snail_simba_eric 技术UbuntuGitlab
    apt-getupdateapt-getinstallcurlopenssh-serverca-certificatescurlhttps://packages.gitlab.com/install/repositories/gitlab/gitlab-ee/script.deb.sh|bashEXTERNAL_URL="http://gitlab.example.com"apt-getinsta
  • LabVIEW进行可靠性测试时有哪些常见的问题 LabVIEW开发 LabVIEW知识labview
    在进行LabVIEW开发和测试时，尤其是用于可靠性测试，可能会遇到一些常见的问题。以下是一些常见问题及其解决方法：1.数据采集卡与硬件兼容性问题问题描述：某些数据采集卡（DAQ）与硬件设备的兼容性问题可能导致数据采集不准确或无法通信。解决方法：确保使用的DAQ卡和硬件设备（如传感器、执行器）之间的接口兼容（例如：确保DAQ卡支持特定类型的传感器信号输入，如模拟或数字信号）。检查是否安装了最新的驱动
  • DiNO (Knowledge Distillation with No Labels)（二） CL.LIANG pytorch图像处理深度学习
    2021年Facebookresearch团队发布DiNO模型后，于2023年又发布了DiNOv2。本文是对DiNOv2论文的学习总结，更多详细细节可以参考论文原稿。论文的创新点Abstract:Therecentbreakthroughsinnaturallanguageprocessingformodelpretrainingonlargequantitiesofdatahaveopenedt
  • Python之JSON数据结构 CL.LIANG python基础pythonjson数据结构
    JSON数据结构介绍JSON（JavaScriptObjectNotation）优势：1.易于阅读和编写JSON的结构直观、简单，类似于键值对的形式，易于人类阅读和编写。与XML等数据格式相比，JSON的语法更简洁，没有复杂的标记符号。2.轻量化JSON格式相比其他数据格式（如XML），更简洁，没有多余的标记，数据体积较小，这使得数据传输更加高效，尤其是在网络应用中。3.与JavaScript天然
  • 【SpringBoot 框架】- SpringBoot 配置文件 2401_84408404 程序员springbootjavaspring
    【SpringBoot框架】-入门——环境搭建、工程热部署、idea快捷创建SpringBoot项目【SpringBoot框架】-SpringBoot原理分析【SpringBoot框架】-SpringBoot配置文件【SpringBoot框架】-SpringBoot整合Mybatis、Junit、Redis目录一、SpringBoot配置文件类型1.application.properties配置
  • VMware Workstation 11 或者 VMware Player 7安装MAC OS X 10.10 Yosemite iwindyforest vmwaremac os10.10workstationplayer
    最近尝试了下VMware下安装MacOS 系统， 安装过程中发现网上可供参考的文章都是VMware Workstation 10以下， MacOS X 10.9以下的文章， 只能提供大概的思路， 但是实际安装起来由于版本问题， 走了不少弯路， 所以我尝试写以下总结， 希望能给有兴趣安装OSX的人提供一点帮助。     写在前面的话： 其实安装好后发现， 由于我的th
  • 关于《基于模型驱动的B/S在线开发平台》源代码开源的疑虑？ deathwknight JavaScriptjava框架
    本人从学习Java开发到现在已有10年整，从一个要自学 java买成javascript的小菜鸟，成长为只会java和javascript语言的老菜鸟（个人邮箱：[email protected]） 一路走来，跌跌撞撞。用自己的三年多业余时间，瞎搞一个小东西（基于模型驱动的B/S在线开发平台，非MVC框架、非代码生成）。希望与大家一起分享，同时有许些疑虑，希望有人可以交流下 平台
  • 如何把maven项目转成web项目 Kai_Ge mavenMyEclipse
    创建Web工程，使用eclipse ee创建maven web工程 1.右键项目,选择Project Facets,点击Convert to faceted from 2.更改Dynamic Web Module的Version为2.5.(3.0为Java7的,Tomcat6不支持). 如果提示错误,可能需要在Java Compiler设置Compiler compl
  • 主管？？？ Array_06 工作
    转载：http://www.blogjava.net/fastzch/archive/2010/11/25/339054.html 很久以前跟同事参加的培训，同事整理得很详细，必须得转！ 前段时间，公司有组织中高阶主管及其培养干部进行了为期三天的管理训练培训。三天的课程下来，虽然内容较多，因对老师三天来的课程内容深有感触，故借着整理学习心得的机会，将三天来的培训课程做了一个
  • python内置函数大全 2002wmj python
    最近一直在看python的document，打算在基础方面重点看一下python的keyword、Build-in Function、Build-in Constants、Build-in Types、Build-in Exception这四个方面，其实在看的时候发现整个《The Python Standard Library》章节都是很不错的，其中描述了很多不错的主题。先把Build-in Fu
  • JSP页面通过JQUERY合并行 357029540 JavaScriptjquery
    在写程序的过程中我们难免会遇到在页面上合并单元行的情况，如图所示 如果对于会的同学可能很简单，但是对没有思路的同学来说还是比较麻烦的，提供一下用JQUERY实现的参考代码 function mergeCell(){         var trs = $("#table tr"); &nb
  • Java基础 冰天百华 java基础
    学习函数式编程 package base; import java.text.DecimalFormat; public class Main { public static void main(String[] args) { // Integer a = 4; // Double aa = (double)a / 100000; // Decimal
  • unix时间戳相互转换 adminjun 转换unix时间戳
    如何在不同编程语言中获取现在的Unix时间戳(Unix timestamp)？ Java time JavaScript Math.round(new Date().getTime()/1000) getTime()返回数值的单位是毫秒 Microsoft .NET / C# epoch = (DateTime.Now.ToUniversalTime().Ticks - 62135
  • 作为一个合格程序员该做的事 aijuans 程序员
    作为一个合格程序员每天该做的事 1、总结自己一天任务的完成情况 最好的方式是写工作日志，把自己今天完成了什么事情，遇见了什么问题都记录下来，日后翻看好处多多 2、考虑自己明天应该做的主要工作 把明天要做的事情列出来，并按照优先级排列，第二天应该把自己效率最高的时间分配给最重要的工作 3、考虑自己一天工作中失误的地方，并想出避免下一次再犯的方法 出错不要紧，最重
  • 由html5视频播放引发的总结 ayaoxinchao html5视频video
    前言   项目中存在视频播放的功能，前期设计是以flash播放器播放视频的。但是现在由于需要兼容苹果的设备，必须采用html5的方式来播放视频。我就出于兴趣对html5播放视频做了简单的了解，不了解不知道，水真是很深。本文所记录的知识一些浅尝辄止的知识，说起来很惭愧。   视频结构   本该直接介绍html5的<video>的，但鉴于本人对视频
  • 解决httpclient访问自签名https报javax.net.ssl.SSLHandshakeException: sun.security.validat bewithme httpclient
         如果你构建了一个https协议的站点，而此站点的安全证书并不是合法的第三方证书颁发机构所签发，那么你用httpclient去访问此站点会报如下错误   javax.net.ssl.SSLHandshakeException: sun.security.validator.ValidatorException: PKIX path bu
  • Jedis连接池的入门级使用 bijian1013 redisredis数据库jedis
    Jedis连接池操作步骤如下：         a.获取Jedis实例需要从JedisPool中获取；         b.用完Jedis实例需要返还给JedisPool；         c.如果Jedis在使用过程中出错，则也需要还给JedisPool； packag
  • 变与不变 bingyingao 不变变亲情永恒
    变与不变    周末骑车转到了五年前租住的小区，曾经最爱吃的西北面馆、江西水饺、手工拉面早已不在，    各种店铺都换了好几茬，这些是变的。    三年前还很流行的一款手机在今天看起来已经落后的不像样子。    三年前还运行的好好的一家公司，今天也已经不复存在。    一座座高楼拔地而起，
  • 【Scala十】Scala核心四：集合框架之List bit1129 scala
    Spark的RDD作为一个分布式不可变的数据集合，它提供的转换操作，很多是借鉴于Scala的集合框架提供的一些函数，因此，有必要对Scala的集合进行详细的了解   1. 泛型集合都是协变的，对于List而言，如果B是A的子类，那么List[B]也是List[A]的子类，即可以把List[B]的实例赋值给List[A]变量   2. 给变量赋值(注意val关键字，a，b
  • Nested Functions in C bookjovi cclosure
      Nested Functions 又称closure，属于functional language中的概念，一直以为C中是不支持closure的，现在看来我错了，不过C标准中是不支持的，而GCC支持。   既然GCC支持了closure，那么 lexical scoping自然也支持了，同时在C中label也是可以在nested functions中自由跳转的
  • Java-Collections Framework学习与总结-WeakHashMap BrokenDreams Collections
            总结这个类之前，首先看一下Java引用的相关知识。Java的引用分为四种：强引用、软引用、弱引用和虚引用。         强引用：就是常见的代码中的引用，如Object o = new Object();存在强引用的对象不会被垃圾收集
  • 读《研磨设计模式》-代码笔记-解释器模式-Interpret bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 解释器（Interpreter）模式的意图是可以按照自己定义的组合规则集合来组合可执行对象 * * 代码示例实现XML里面1.读取单个元素的值 2.读取单个属性的值 * 多
  • After Effects操作&快捷键 cherishLC After Effects
    1、快捷键官方文档 中文版：https://helpx.adobe.com/cn/after-effects/using/keyboard-shortcuts-reference.html 英文版：https://helpx.adobe.com/after-effects/using/keyboard-shortcuts-reference.html 2、常用快捷键
  • Maven 常用命令 crabdave maven
    Maven 常用命令   mvn archetype:generate mvn install mvn clean mvn clean complie mvn clean test mvn clean install mvn clean package mvn test mvn package mvn site   mvn dependency:res
  • shell bad substitution daizj shell脚本
    #!/bin/sh /data/script/common/run_cmd.exp 192.168.13.168 "impala-shell -islave4 -q 'insert OVERWRITE table imeis.${tableName} select ${selectFields}, ds, fnv_hash(concat(cast(ds as string), im
  • Java SE 第二讲（原生数据类型 Primitive Data Type） dcj3sjt126com java
    Java SE  第二讲： 1.   Windows: notepad, editplus, ultraedit, gvim Linux: vi, vim, gedit 2.   Java 中的数据类型分为两大类： 1）原生数据类型  （Primitive Data Type） 2）引用类型（对象类型）  （R
  • CGridView中实现批量删除 dcj3sjt126com PHPyii
    1，CGridView中的columns添加 array( 'selectableRows' => 2, 'footer' => '<button type="button" onclick="GetCheckbox();" style=&
  • Java中泛型的各种使用 dyy_gusi java泛型
    Java中的泛型的使用：1.普通的泛型使用 在使用类的时候后面的<>中的类型就是我们确定的类型。 public class MyClass1<T> {//此处定义的泛型是T private T var; public T getVar() { return var; } public void setVa
  • Web开发技术十年发展历程 gcq511120594 Web浏览器数据挖掘
    回顾web开发技术这十年发展历程： Ajax 03年的时候我上六年级，那时候网吧刚在小县城的角落萌生。传奇，大话西游第一代网游一时风靡。我抱着试一试的心态给了网吧老板两块钱想申请个号玩玩，然后接下来的一个小时我一直在，注，册，账，号。 彼时网吧用的512k的带宽，注册的时候，填了一堆信息，提交，页面跳转，嘣，”您填写的信息有误，请重填”。然后跳转回注册页面，以此循环。我现在时常想，如果当时a
  • openSession()与getCurrentSession()区别： hetongfei javaDAOHibernate
    来自 http://blog.csdn.net/dy511/article/details/6166134 1.getCurrentSession创建的session会和绑定到当前线程,而openSession不会。 2. getCurrentSession创建的线程会在事务回滚或事物提交后自动关闭,而openSession必须手动关闭。 这里getCurrentSession本地事务(本地
  • 第一章 安装Nginx+Lua开发环境 jinnianshilongnian nginxluaopenresty
    首先我们选择使用OpenResty，其是由Nginx核心加很多第三方模块组成，其最大的亮点是默认集成了Lua开发环境，使得Nginx可以作为一个Web Server使用。借助于Nginx的事件驱动模型和非阻塞IO，可以实现高性能的Web应用程序。而且OpenResty提供了大量组件如Mysql、Redis、Memcached等等，使在Nginx上开发Web应用更方便更简单。目前在京东如实时价格、秒
  • HSQLDB In-Process方式访问内存数据库 liyonghui160com
        HSQLDB一大特色就是能够在内存中建立数据库，当然它也能将这些内存数据库保存到文件中以便实现真正的持久化。   先睹为快！   下面是一个In-Process方式访问内存数据库的代码示例：     下面代码需要引入hsqldb.jar包 （hsqldb-2.2.8）   import java.s
  • Java线程的5个使用技巧 pda158 java数据结构
    Java线程有哪些不太为人所知的技巧与用法？ 　　萝卜白菜各有所爱。像我就喜欢Java。学无止境，这也是我喜欢它的一个原因。日常 工作中你所用到的工具，通常都有些你从来没有了解过的东西，比方说某个方法或者是一些有趣的用法。比如说线程。没错，就是线程。或者确切说是Thread这个类。当我们在构建高可扩展性系统的时候，通常会面临各种各样的并发编程的问题，不过我们现在所要讲的可能会略有不同。
  • 开发资源大整合：编程语言篇——JavaScript（1） shoothao JavaScript
    概述：本系列的资源整合来自于github中各个领域的大牛，来收藏你感兴趣的东西吧。     程序包管理器   管理javascript库并提供对这些库的快速使用与打包的服务。 Bower - 用于web的程序包管理。 component - 用于客户端的程序包管理，构建更好的web应用程序。 spm - 全新的静态的文件包管
  • 避免使用终结函数 vahoa.ma javajvmC++
    终结函数（finalizer）通常是不可预测的，常常也是很危险的，一般情况下不是必要的。使用终结函数会导致不稳定的行为、更差的性能，以及带来移植性问题。不要把终结函数当做C++中的析构函数（destructors）的对应物。       我自己总结了一下这一条的综合性结论是这样的： 1）在涉及使用资源，使用完毕后要释放资源的情形下，首先要用一个显示的方
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他