zoey-zhang-CSDN博客

转载 jQuery判断文件类型与文件大小

判断文件类型原理就是字符串的找索引：截取上传文件的文件名的后缀，判断上传文件的后缀是否在允许上传的后缀范围之内。 var file=$("input[name='txt']"); for(var n=0;n<file.length;n++){ if (file.eq(n).val().lastIndexOf('.')==-1){ //如果不存在"." file

2016-12-03 11:15:13 4706

原创清除浮动方法

比较好点的方法： 1） .clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { zoom:1;//兼容ie } 2）大神推荐的优雅方法： .clearfix:after, .clear

2016-11-21 19:51:45 213

转载 css3的3D设置--由慕课网讲解

一、创建3D场景用到：perspective与perspective-origin： perspective：800; perspective-origin:50% 50%; 盗用慕课网老师的图：其中，perspective指的是浏览器窗口（就是电脑屏幕）与三维物体的距离，perspective-origin指的是视点在浏览器窗口上的位置。用transform对3D物体进

2016-11-20 17:29:49 560

原创 PC端与移动端浏览器内核

PC端： firfox：Gecko内核谷歌：webkit ie:Trident内核双核浏览器：如360，百度，搜狗高速浏览器，遨游，是Trident+Webkit 目前国内的智能机Android，iOS，Windows Phone ，黑莓。。S60，Android，iOS和黑莓自带浏览器都是webkit内核的，Windows Phone是ie的trident内核。

2016-11-11 11:31:10 1253

原创 css3 transform-origin

css3 transform-origin: 在默认情况下即在没有重置transform-origin改变元素原点位置的情况下，CSS变形进行的旋转、位移、缩放，扭曲等操作都是以元素自己中心位置进行变形。也就是说transform-origin点是相对于原来的位置的左边和上边；换句话说transform-origin点要是改变的话，相对于原来的位置的左边和上边来改变。向右为x轴正方向，向

2016-11-07 17:04:10 313

原创写正则表达式的时候，经常把[]、{}、()的作用弄混，在此区分清楚，做个记录

排除使用符号本身的情况：一、[ ] ：表示范围，匹配其中任何一个 eg: \d[1-5] 匹配数字1到5的任何一个，只匹配一次，只有一位数 [,.!?]匹配其中的任何一个字符二、{ }：表示重复匹配多次。 eg: {n} 重复匹配n次位数有n位

2016-11-02 13:25:52 3703

原创响应式设计学习笔记

1.html lang="zh-CN"> 防止en时访问提示翻译。 2.meta http-equiv="x-ua-compatible" content="ie=edge">强制使用最新的ie浏览器渲染界面，ie11这个模式已被弃用。 3.meta name="viewport" content="width=dervice-width,initial-sc

2016-10-20 23:05:28 429

原创在html里写jquery脚本

在页面中引用jQuery的话，把脚本写进html页面里的话，需要把脚本写进： $(document).ready(function(){});里面

2016-10-18 10:52:31 1962

原创 css3动画

css3动画有两种： (1)animation 与 @keyframes结合多用于循环动画 (2)transition 与tfansform结合多用于单一动画 eg: #a{ position: absolute; width: 100%; height:600px; top: 0px;

2016-10-17 19:48:01 200

原创 html5 web notification 桌面通知

关于html5 的notification 桌面通知网上有很多大牛很详细介绍了用法，我想说的是在本地写demo的时候一定要放进服务器里运行！一定要放进服务器里运行！一定要放进服务器里运行！重要的事情说三遍！否则效果出不来。当然很多大神写项目的时候直接就在服务里用了的话就不说了，只说写静态页面，想试用的。

2016-10-14 17:48:54 803 1

原创 min-width作用

min-width作用效果： eg：内容如果内容的实际宽度如果内容的实际宽度>设置的min-width值，内容的宽度会被压缩成min-width值

2016-10-12 11:17:36 1933

原创 JSON.stringify()与JSON.parse()区别

JSON.stringify()：将json对象解析出字符串：这种json表达也能解析： JSON.parse()：将字符串解析成json对象：

2016-10-11 15:45:07 232

伟伟's blog