CodingAlarm-CSDN博客

原创简单导航

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> /*基础样式*/ *{ margin: 0px; padding:0px;} body{font-family: "Microsoft YaHei" ;fo

2016-07-16 11:04:58 839

原创超出的字用省略号来代替

a{ display : block; width : 95px; overflow : hidden; white-space : nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; background : url(../images/admin_ico.p

2016-07-16 10:29:02 920

原创 css实现滚动条效果

在div上添加overflow-y: scroll这个css样式，就能显示出一个滚动条，如果不指定是x或y轴，则水平和垂直都会出现滚动条。<style> div{ width:200px; height: 500px; overflow-y: scroll;}</style><div></div>

2016-07-16 09:42:04 2171

原创 css3设置textarea不可改变大小

resize : nonecss3新属性，设置为none用户不可以调节元素的宽和高，可以用在任意元素上，一般和textarea一起用，不让textarea可拉伸。 textarea{ width:400px; height:200px; resize:none;}

2016-07-16 09:35:55 10770

原创 label标签

通常它是和radio绑定到一起，起到的作用是点击这个label标签的文字，就可以触发它绑定的radio，label和span是没多大区别的，只不过是可以通过for指向某一个id，从而和该id的元素进行绑定。通过for和id互相指向要绑定的元素<form> <label for="male">Male</label> <input type="radio" name="sex"

2016-07-16 09:01:45 918

原创用CSS3实现旋转的CD

用到了css3的@keyframes规则（http://www.w3school.com.cn/cssref/pr_keyframes.asp），通过@keyframes规则能够创建动画。CSS3是可以通过代码来创建动画的。用@keyframes定义规则后，就不用像之前先在元素定义执行几秒，运动样式，再在hover上定义旋转度数了。直接在规则中全部定义好，再在hover引用。用法 1. 定义一

2016-07-16 08:40:35 5048

原创 css旋转实例

原理：元素规定旋转的时间、效果（快慢）元素Hover规定旋转完成后是个什么样子（转了多少度，宽延长到多长）两个关键字：transition、transform，只用到了hover div{transition:2s linear} //在两秒内，相近的速度旋转 div:hover{transform:rotate(360deg);} //旋转个360度 *以上

2016-07-15 17:28:37 2592

原创 z-index不起作用

在该元素上加position:relative;要让z-index起作用有个小小前提，就是元素的position属性要是relative，absolute或是fixed。

2016-07-15 17:19:40 517

原创元素设置成透明

通常 opacity:0; IE下 filter:alpha(opacity=0);火狐下 -moz-opacity:0;

2016-07-15 17:12:33 517

原创用css代码制作三角型（border属性）

用border作三角型border4个边的颜色，一个有颜色，其它三个透明。border-color: transparent #f66 transparent transparent; border-style: solid; border-width: 4px;

2016-07-15 17:10:51 673

原创行内块元素display:inline-block

举例： < a > 标签1< /a>< a >标签2< /a>< a >标签3< /a > a标签本来就是内联这样写，他出来效果就是——–标签1标签2标签3 但如果你想要定义宽度,不加块状是起不来作用的，但是单单设置为块状（display:block），他又换行了，所以这时加display:inline-block 就起到很大作用，内联块状，宽度既能实现，又能不换行… a{width:1

2016-07-15 17:07:32 1309

原创 line-height和height的区别

line-heigth是行高的意思，它决定了元素中文本内容的高度，height则是定义元素自身的高度。如：<p>测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本</p>假如定义p标签的行高为line-heigth:20px; 文字在浏览器中显示为一行时，这个p标签的高度会为20px，如果为两行，则p标签的高度为40px;行高20px; 行高变为40px;

2016-07-15 12:02:55 10161

原创解决input的file类型各浏览器的样式兼容

我们都希望做出的上传图片可以是以下这种美观的，但是原生的input file类型，不仅不美观，而且各浏览器都显示不同，如何解决呢？美观的 chrome下 firefox下 IE下一般来说，我们会用“模拟”的方式，先把原生的file类型设置为透明（不是dispaly:none），然后用其它元素模拟出它的样子，file覆盖在之上。“上传”按钮再提交到服务器。目的是叠加成这种样子，然后把fil

2016-07-14 17:40:55 10057

原创配合字体图标的搜索框

一、配合字体图标的搜索框 <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="iconfont/iconfont.css"/> <style> *{ margin:0px; padding

2016-07-14 10:44:23 1839

原创解决chrom字体小于12号都显示为12号的办法

解决chrom字体小于12号都显示为12号的办法把chrom设置为英文语言环境下即可，设置--语言和输入设置--添加英文语言，把英文托到最上面，一定要选择“以这种语言显示google chrome”，并且重启浏览器，不然不生效。这样设置完后，小于12号字的字号也能正常显示了（chrome只对中文下的环境进行了字号设置）。

2016-07-12 23:01:23 2697

原创 JS模块化工具requirejs简易教程

一 requirejs的作用a) 防止命名冲突，requirejs可以将我们的变量都封装在变量内，通过暴露出一些接口而解决这个问题b) 解决不同js之间的依赖c) 可以让我们的代码以模块化的方式组织！使用require你不用再以script标签引入js文件（除了require.js），它会按需要动态加载。二怎么学习使用requirejs

2015-12-12 21:27:20 1232

在HTML4.01之后，W3C组织认为HTML没有发展空间了，转而把焦点放到了XHTML上，然而由浏览器厂商们认为HTML不是穷途末路，而是需要添加新的功能，制定新的规范，所以它们组成了WHATWG，创立了HTML5规范，同时开始专门针对WEB应用开发新功能，WEB2.0就是在这个时候出现的。它不同于web1.0的是让旧的网站让位于需要”更多特性“的动态网站和社交网站，所以web2.0的核心是具有

2015-07-21 16:10:32 609

原创 W3C理解

做网站开发有两种标准选择，支持W3C标准或是支持IE，因为IE很多地方不兼容W3C，就是说，你的网站按照W3C开发，IE显示就会有问题，你按IE开发，那么一方面IE6,7,8几个版本自己之间也不兼容，另一方面，用其它浏览器的人，如firefox,opera,chrome的人，看你的网站也会有问题，所以应该支持W3C标准。为什么要使用W3C标准规范？每当浏览器发布大更新的时候，我们刚

2015-07-21 15:45:20 1063

原创 input标签file类型，去除不同浏览器“未选择文件”字样办法

之前的样式，这个“未选择文件”很想把它去掉吧？这段代码的运行结果，去掉了“未选择文件”http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">无标题文档#file{ width:226px; height:25px;

2015-07-20 15:04:21 27469 1

原创 JQuery Mobile实例

jQuery Mobile: Pages within Pages http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" /> http://code.jquery.com/jquery-1.4.3.min.js"> http://code.jquery.com/mob

2015-07-20 14:59:03 2212

原创用jquery判断输入框还可以输入多少字

效果全部代码，粘贴可用http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">无标题文档#comment textarea{height:100px;}#comment p span{color:red;}

2015-07-20 14:37:30 4235

原创注册表单

效果html代码会员注册（带*号为必填项）登录账号： * 登录密码： * 确认密码： * 邮 &nb

2015-07-20 14:31:58 926

转载 web前端页面命名参考

整理自网络以下为页面模块的常用命名：头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：左右中：left right ce

2015-07-20 13:02:45 3021

原创 web app开发规范

整理自网络"WAP网页设计" 和 "移动设备网页设计" wap网页叫法的由来起源于wap无线协议，这个协议是由WML语言描述Internet的内容，最后呈现在无线网络上（GSM,GPRS,CDMA）。以前设备的内存、计算能力、屏幕分辨率不足以支持HTML，所以产生了WML无线标记语言。现在的移动设备都可以支持HTML了，

2015-07-20 12:59:00 1598

转载智能手机屏幕尺寸和分辨率一览表

来自网络，自己总结了一下。2.8英寸分辨率为640x480(VGA) 像素密度286PPI 3.2英寸分辨率为480x320(HVGA) 像素密度167PPI 3.3英寸分辨率为854x480(WVGA) 像素密度297PPI 3.5英寸分辨率为480x320(HVGA) 像素密度165PPI 3.5英寸分辨率为800x480(WVGA) 像素密度267PPI 3.

2015-07-20 11:59:20 6579

原创百度UEditor使用

*要点：1. 把ueditor的样式与容器绑定 2. 修改ueditor的配置文件，目录指向你当前的项目中ueditor的位置。1.下载ueditor，解压后放到你项目的WebRoot下2.在你要引用ueditor的页面，引入两个包3.还是在这个页面，把ueditor放在你想放的位置上面红色框的是ueditor的编辑框，意思是在文章

2015-07-08 08:53:17 1291

原创 PhoneGap使用

转载请注明出处：CodingAlarm的博客介绍 PhoneGap是快速开发APP平台，能把你写的页面转换成APP（无论是Android还是IOS），它还能调用手机核心功能接口，联系人、地理、声音、振动等。有了它前端人员也可以快速开发APP了。不过开发的APP是依赖于html的，它和原生的用Object-c或Android写成的APP比起来有差距，具体如下：

2015-06-19 16:38:30 2193

原创使用DreamWeaverCS6创建jQueryMobile移动站点

1.打开DW6，新建站点2.点击文件-->新建，选择示例中的页-->Mobile起始页-->jQuery Mobile(本地)3.ctrl+s 把它保存到你刚才建的站点下，名字为index.html，保存后提示你需要导入jquery-mobile相关库和图片资源，点击“复制”即可。*你的站点文件夹中一定要包含index.html，不然phonegap转

2015-06-19 16:33:38 2940

原创 java.lang.OutOfMemoryError: PermGen space错误解决

是你eclipse要加载的jar包太多导致，把eclipse中的带jar包多的项目删除，再启动问题就解决了。

2015-05-30 19:47:45 462

原创学习Spring笔记七

以spring IOC为核心，来管理其它框架的重要对象，因为IOC就是用来管理对象的。annotation方式整合三大框架 start——————————————————三个框架都有各自的annotationstruts2 @Action @Resultspring @component @Resourcehiberna

2015-04-05 21:49:01 638

原创学习Spring笔记六

一整合铺垫WEB项目下怎么运行Spring（之前都是写在java项目下，在main方法中运行的），及整合时IOC容器放在了哪个共同区域供其它框架使用？（放在了application作用域）*和其它框架整合是以spring为桥梁，[ 使用spring IOC容器来管理，其它框架的重要对象 ]，以Spring IOC、AOP为基础，对其它框架进行增强和控制。既然管

2015-04-05 15:35:13 659

原创学习Spring笔记五

一AOP基本概念连接点 joinpoint，相对应一个线程上的一个方法（AOP的核心功能就是植入代码，在点和点之间加入代码）切入点 pointcut ，它是一个描述，描述连接点是怎样的连接，在连接点的前还是后切入，等等。切入点有个表达式，这样写：切入点表达式：public String com.bjsxt.dao.*.add()此表达式是用来描述一堆方法，是所有包下的add方

2015-04-05 14:19:23 382

原创学习SpringMVC笔记(全)

SpringMVC运行性能远大于Struts2，Struts2运行效率低是由于它的ognl和值栈导致的，当然不是说Struts2不优秀，它的拦截器思想还是非常不错的。做网站的话用springMVC比较合适，它的开发效率和Struts2差不多，运行效率比Struts2高。在spring中用注解非常方便，但是Struts2中的注解没那么好用。SpringMVC+hibernate+

2015-04-03 22:03:51 1808

原创学习Spring笔记四

一注解除了使用xml方式配置实现注入（管理对象和对象之间的关系）操作之外，还可以用Annotation来提高我们写代码的灵活性和效率。annotation方式给我们提供了一个最重要的功能：扫描！component-scan（不扫描怎么知道你在哪个类加上了注解，提到注解就要想到扫描）实例1.Spring中要使用annotation，需要在配置文件中增加配置，如下是完整的a

2015-04-02 09:11:10 640

原创学习Spring笔记三

上一篇的HelloWorld简单实现了用AC容器（也就是IOC容器）来创建UserDao类。IOC和DI说的是一回事，只不过一个从宏观上描述，一个从细节上描述。IOC是一种将组件依赖关系的创建和管理置于程序外部的技术。这使得一个类是很独立的，不需要承担更多的责任。Spring创建对象是在我们把这个对象类已经建好，并且按照这个类的结构，在ApplicationContext.xml中安

2015-03-30 19:31:43 547

原创学习Spring笔记二

一动态代理模式静态代理：代码复用不高，将来维护时难动态代理：静态代理上提供的，因为代理比较常用，JDK提供了一套生成代理类的方式proxy类（遇到什么问题先看JDK有没有提供解决方法），动态代理的特点是把增强的功能包装成一个类，这个类要实现InvocationHandler接口，看到InvocationHandler要条件反射想到动态代理。代理类实现增强功能的类都需要委托类做属性，因为

2015-03-27 22:35:08 614

原创学习Spring笔记一

Spring有规划作用，耦合度低、更容易测试、代码更清晰简单。没有Spring也能写项目，但是用了Spring项目会更加‘健康’。Spring官方言，只要你用的是Java语言，就能用Spring，可见Spring对于Java有多重要，和数据库一样重要。用了Spring的Java项目都会更加健壮。Spring致力于J2EE应用的各层解决方案（企业管理软件开发），它现在是大多数企业开发的一站式选择。除

2015-03-25 19:57:43 604

原创学习数据库笔记八

数据库------------------------exists型子查询，其它的硬性查询是可以替代它的，并且它稍微不好理解新手1+N模式查询这两个没多大用，而且繁琐—————————————————————连接查询练习1.取出所有商品的商品名，栏目名，价格select goods_name,cat_nam

2015-03-24 18:12:08 645

原创数据库总结--数据库练习题及自己的理解

mysql复习一:复习前的准备1:确认你已安装wamp2:确认你已安装ecshop,并且ecshop的数据库名为shop二基础知识:1.数据库的连接mysql -u -p -h-u 用户名-p 密码-h host主机2:库级知识2.1 显示数据库: show databases;2.2 选择数据库: use dbname;2.3 创建数据库: create data

2015-03-24 18:06:14 1936 1

原创数据库总结--MySQL常见面试题

1.根据部门号从高到低，工资从低到高列出员工的信息select * from employee order by dept_id desc,salary2.union和union all的区别用union连接表后，重复的记录会被删除掉用union all连接表后，记录会被完整保留 3.分页语句（用sql语句直接分页，效率高） page

2015-03-24 17:56:06 10982 1