- 博客(27)
- 收藏
- 关注
转载 工作中常用的日期方法总结
时间常用方法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高度自适应,两列高度一样
<style type="text/css">#wrap{ height:100%; overflow:hidden}#div1{ background:red; width:200px;}#div2{ background:green; width:200px}#div1,#div2{padding-bottom: 32767px;margin-bottom: -32767...
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"><...
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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人