首页> 前端开发

图片垂直居中

分类:前端开发2015-06-11阅读:(3021)标签:css
<p>在一些情况下,我们需要将图片在div中垂直居中,可是css只有水平居中,img的属性也没有垂直居中的,怎么解决呢?</p><p>在table中,图片、checkbox等元素都可以水平和垂直居中,如果不用table怎么办?那就用div模拟table了。给div样式设置display:table-cell,让div以table表格显示。but,这个主流浏...

阻止事件冒泡和默认事件

分类:前端开发2015-06-04阅读:(6446)标签:javascript, jquery
在元素标签嵌套中,可能会有各级元素绑定了不同的事件,例如<dt><a>标题</a></dt>,a标签绑定了事件,dt也绑定了事件,如果促发a的事件,则会冒泡到dt上,dt的事件也会被触发。阻止事件冒泡,用e.stopPropagation();$('dt').click(function() { $(this).toggleClass('on...

css3过渡效果

分类:前端开发2015-05-28阅读:(4619)标签:css, css3
css3的过渡效果,从一种样式逐渐过渡到另外一种样式:transition。transition 简写属性,用于在一个属性中设置四个过渡属性。例如:transition:width 2s linear 1s; //用两秒的时间以匀速改变宽度,效果在一秒后开始。transition-property 规定应用过渡的 CSS 属性的名称。例如:transition-property:width;...

Js从一个框架里跳转到另一个框架里

分类:前端开发2015-03-12阅读:(1544)标签:javascript, jquery
<p>最近在做自己网站的后台管理界面,需要在html框架集里top.html里点击超链接,让left框架和right框架都同时跳转并显示对应的页面。</p><p>用a标签的target属性只能控制一边的,a的targer=“leftFrame”,rightFrame就没属性控制了,这时需要JS帮忙了。</p><p>同时给a标签或者对...

Jsonp请求

分类:前端开发2015-02-09阅读:(1458)标签:javascript, json
<p>JSONP(JSON with Padding)是一个非官方的协议,它允许在服务器端集成Script tags返回至客户端,通过javascript callback的形式实现跨域访问(这仅仅是JSONP简单的实现形式)。</p><p>Jsonp原理:首先在客户端注册一个callback, 然后把callback的名字传给服务器。</p>...

清除苹果产品iPad、iPhone默认样式

分类:前端开发2014-12-17阅读:(1832)标签:css
<p>在做移动端网页的时候会发现写的input标签样式在ipad,iPhone上面显示得太离谱了。和预期的完全不一样,这是因为苹果产品的浏览器对这些标签有默认的css样式。清除这些默认的样式后,显示效果就和写的CSS预期效果一样了。</p><p>清除iPad、iPhone浏览器上input标签的默认样式:</p>input[type="butt...

Angular之ng-bind

分类:前端开发2014-12-03阅读:(1425)标签:javascript, angular
<p>在html中使用{{name}}可能会因为网页文件加载速度影响网页的渲染,从而导致angularJs还未加载渲染,页面中就出现了{{name}},显示不应显示的内容。用ng-bind替换就可以避免该问题。</p><p>{{name}}</p> change to: <p ng-bind="name"></p><...

javascript正则表达式去重复字符串

分类:前端开发2014-09-24阅读:(1463)标签:javascript
有前端同行面试回来问我,javascript用正则表达式怎么去除字符串里重复的字符。举个栗子,野生板栗~var str=”aabbccddefggg”;要什么效果呢?要结果是abcdefg。看正则:var reg=/(.)1+/g;括号里随便来一个字符,多次捕获第一个内容,全局的;走你:console.log(str.replace(reg,”$1″));把后面捕获的多次相同内容用repla...

Math常用方法

分类:前端开发2014-06-21阅读:(1514)标签:javascript
Math也是内置对象,但其跟Array,String,Date对象又不同:Math无需定义(创建),而是直接使用:Math的属性:Math.PI; //表示圆周率Math的方法:var v1 = Math.max(n1, n2, n3, ……. ); //求得若干个数字中的最大值var v1 = Math.min(n1, n2, n3, ……. ); //求得若干个数字中的最小值var v1...

Js字符串常用方法

分类:前端开发2014-06-21阅读:(1473)标签:javascript
形式 解释 结果 var  v1 = str1.charAt(n); v1 = str1.charAt(2) 取得字符串str1中位置为n的那个字符(字符的位置从0开始算起) “c” var  v1 = str1.charCodeAt(n); v1 = str1.charCodeAt(2) 取得字符串str1中位置为n的那个字符的编码 99 var v1...
前端开发