diaoan8655-CSDN博客

转载工作中常用的日期方法总结

时间常用方法var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)...

2016-04-18 21:42:00 131

转载 input文件上传，修改样式以及限制文件格式

<form id="importForm" class="form-horizontal" action="../image/uploadimg.shtml" method="post" enctype="multipart/form-data" style="margin:0;"> <div class="textfile-box" style="di...

2015-10-22 09:50:00 153

转载关闭网页缓存，js缓存

1、关闭网页缓存 <meta http-equiv="pragram" content="no-cache"> <meta http-equiv="cache-control" content="no-cache, must-revalidate"> <meta http-equiv="expires" content="0">...

2015-10-19 13:18:00 115

转载 Grunt压缩文件

安装nodejs，去nodejs的官网下载nodejs，我使用的是第一个如下图所示：安装grunt-clinpm install -g grunt-cli建立grunt文件夹，在文件夹下面建立package.json、Gruntfile.js文件安装gruntnpm install grunt安装grunt插件npm install...

2015-06-10 09:17:00 115

转载 border:0和border:none的区别

border:0和borde:none都可以设置边框为不可见。但他们有一些细微的区别border:0像素上虽然看不见，但是浏览器仍然对border-width，进行了渲染，也就是已经占用了内存。border：none浏览器在解析时，则不会渲染。这相比较下，似乎border:none好点转载于:https://www.cnblogs.com/fangdx/p/4239324.h...

2015-01-21 16:44:00 88

转载解决ie8下，不支持video、audio的问题

video、audio都是html5的属性，不支持低版本的ie8,个人在用的时候，遇到了这个问题，下面是自己的解决方案 <audio controls="controls" preload="none" src="@SiteUrls.Instance().AttachmentAudioUrl(Model)"> <embed src="@SiteUrls....

2014-10-17 11:56:00 726

转载 media screen实现响应式布局

如果屏幕宽度小于400像素（max-device-width: 400px），就加载tinyScreen.css文件。　　<link rel="stylesheet" type="text/css"　　　　media="screen and (max-device-width: 400px)"　　　　href="tinyScreen.css" />...

2014-09-17 14:45:00 275

转载 css3 linear-gradient、transform

.gradient-box{background-image:-webkit-linear-gradient(top,#ccc,#000);background-image:-moz-linear-gradient( top,#ccc,#000);background-image:linear-gradient(to bottom,#ccc,#000);background-image:...

2014-09-17 11:22:00 176

转载使用ztree插件时，ie8下不能拖动的问题

ztree在ie8下不能拖动，因为使用了table实现的列表ztree插件的访问地址：http://zTree.me/转载于:https://www.cnblogs.com/fangdx/p/3976445.html

2014-09-17 09:40:00 239

转载 ie6下不支持fixed的解决方法

position: fixed;_position: absolute;right: 0;_right: -1px;top: 80px;_bottom: auto;z-index: 2147483647;_top: expression(eval(document.documentElement.scrollTop + 80));_top:expression(eval(document...

2014-09-16 14:48:00 60

转载个人总结一些常见的css问题

1、不建议使用‘_'这个符号，因为ie6有时候，不识别此符号2、设置font-size:100%的作用如当body设置font-size:12px 的时候,h1-h6是不继承这个属性的，所以要设置这个属性3、line-height:最好使用复数当使用单数的时候，对浏览器的显示有差别（各个浏览器的解析不同）4、样式截字，需要出现省略号：但是这种截字的方法，必须是针对单行...

2014-09-16 14:47:00 86

转载工作中的js总结

1、点击li下面匹配的内容块跟着一起改变1 $(".dis-list li").bind("hover click", function () {2 $this = $(this);3 $this.addClass("active").siblings().removeClass("active");4 $(".list-content li.item").eq($t...

2014-09-16 13:46:00 68

转载 js面向对象

在面向对象编程中，类（class）是对象（object）的模板，定义了同一组对象（又称“实例”）共有的属性和方法。Javascript语言不支持“类”，但是可以用一些变通的方法，模拟出“类”。下面是定义类的三种方法，如下所示：•一、构造函数法它用构造函数模拟"类"，在其内部用this关键字指代实例对象。　function Cat() {　　　this.name = ...

2014-09-15 15:47:00 61

转载 js的一些特性

1.对象的属性名使用引号的疑惑当我们在申明一个对象字面量的时候，经常看到对象的属性名有的有引号，有的没有，那时候我就是觉得非常困惑1、当对象的属性名是合法的标识符且不是保留字时，是不需要使用引号的，当然使用也没有问题，只不过是多此一举而已。var object = {first_name: 'javascript',city: 'shenzhen‘}2、当你的...

2014-09-15 15:43:00 61

转载 js 实现改变字体大小

var font= $("#fo").css("font-size"); var fontcount=parseFloat(font,10); var unit=font.slice(-2); $("#big").click(function(){ fontcount+=2; $("#fo").css("font-size",fontcount+unit); }); $("#sma...

2014-09-15 15:34:00 345

转载当鼠标浮上时弹出一个覆盖层

<div class="content"><ul><li><a href=""><img src="images/login-logo.png" alt="" /></a><div><p>123</p><p>大家好</p>&l...

2014-09-15 15:32:00 207

转载 js 动画效果总结

animate()通过样式把一个状态改变成另外一个状态如：$(selector).animate(styles,speed,easing,callback);styles的参数可以有很多如:backgroundPosition borderWidth borderBottomWidth borderLeftWidth borderRightWidth borderTopWidth bo...

2014-09-15 15:31:00 91

转载 word-wrap 和 word-break

word-wrap:所有浏览器都支持，允许长单词或URL地址换行到下一行。对长串的英文不起作用word-break在恰当的断字点进行换行。word-wrap:break-word;word-break:break-all:所有主流浏览器都支持，允许在单词内换行。word-break:keep-all:只能在半角空格或连字符处换行。目前最好的使用方法：word-wrap:break...

2014-09-15 15:29:00 65

转载 css hack

/*所有浏览器*/.test{font-size:60px}/*only ie9，ie9 支持 :root 选择器，:root .class{ background-color:orange; }这样FF,opera等也认识；所以要写成:root .class{ background-color:orange\9; } */:root .test{font-size:50px\9}:ro...

2014-09-15 15:28:00 75

转载使div高度自适应，两列高度一样

2014-09-15 15:25:00 79

转载 ie8 下使用video 标签的z-index问题

最近在项目中遇到了一个问题，就是在ie8下video的z-index 很小，但是却始终显示在最上面，经过很长时间的查论，最终解决了这个问题。1、设置flash为透明：但是如果你在DW中插入动画，再加<param name="wmode" value="transparent">是不生效的。要把整个的flash插件12代码换成如下：<object type="appl...

2014-09-15 15:23:00 613

转载 css 选择器的介绍和兼容性说明

1.** { margin: 0; padding: 0; }　　星号选择器用于选取页面中的所有元素，可用于快速清除所有元素的margin与padding，但最好只在测试的时候使用，而不要正式用在 CSS 文件中，否则会大大加重浏览器负担。此外，星号选择器也可以给父层的所有子元素设定样式，重复一遍，尽量少用这种方式：#container * { border: 1px...

2014-09-15 11:15:00 117

转载前端性能优化

1、把样式表置于顶部：可以把已收到的内容尽可能的显示出来，改善了用户体验2、避免使用css表达式：计算频率很大，（如果使用，尽可能的使用一次性的表达式，如第一次执行是给一个指定的样式，）影响性能3、使用外部js和css:放在外部可以在浏览器中产生缓存，减少html文档的大小4、消减js和css:所有的注释、不需要的空白（空格、字符、tab缩进）等都要去掉，（JSMin YUI Compr...

2014-08-05 13:13:00 77

转载 parallax.js插件，使页面随鼠标呈现出层次化的动画效果

用法： <ul id="scene" class="scene"> <li class="layer" data-depth="-0.20"><img src="images/bannerbg01.png"></li> <li class="layer" data-depth="0.30">&lt...

2014-04-11 17:14:00 273

转载 css 绝对定位实现一个轮播效果

结果：css:<style type="text/css">div, ul, ol { margin: 0; padding: 0;}.box { position: relative; overflow: hidden; height: 488px;}li { list-style: none; cursor: pointer;}ol { position: abs...

2014-04-09 10:01:00 442

转载 js学习随笔记录

从决定转前端开始，就想着写一些东西，记录自己的学习成果，但还由于自己，一直以来都不喜欢记录，所以一直拖到了现在。1、typeof:检测给定的数据类型：可能返回的字符串有：underfined、string、boolean、number、object、function。2、jQuery插件可以使用外部的函数和变量，但是这些函数和变量需要进行额外的隐藏保护，一单被外界改写，就有可能破...

2014-04-04 16:24:00 98

转载用js实现的一个小程序（对一块区域的放大，缩小）

//css<style type="text/css">#enlarge1{position:absolute;width:100px; height:100px; border:1px solid #000;}#enlarge2{position:absolute; top:100px; width:100px; height:200px ;margin-top:2...

2014-04-04 16:20:00 322

diaoan8655的博客