上一页 1 ··· 6 7 8 9 10
摘要: $('.addLabel').on('click', function () { setTimeout(function(){ if(hoverflag==0){ $(".labelHide").hide() } return; },2000); $(".labelHide").show(); $( 阅读全文
posted @ 2017-04-20 14:56 世界,太精彩 阅读(431) 评论(0) 推荐(0) 编辑
摘要: <input type="text" onkeydown="this.onkeyup();" onkeyup="this.size=(this.value.length>4?this.value.length:4);" size="4"> <input type="text">的默认size就是20 阅读全文
posted @ 2017-04-20 14:47 世界,太精彩 阅读(3254) 评论(0) 推荐(0) 编辑
摘要: 动态绑定class 写在指令中的值会被视作表达式,如javascript表达式,因此v-bind:class接受三目运算: 1 2 3 4 HTML代码: <div :class="classA ? 'class-a' : 'class-b' ">Demo3</div> 渲染后的HTML: <div 阅读全文
posted @ 2017-04-20 12:01 世界,太精彩 阅读(57093) 评论(0) 推荐(1) 编辑
摘要: 1.项目中使用的分页 html: .pagess { margin: 20px auto; text-align: center;} .clearfix { zoom: 1;} .pagess a { display: inline-block; height: 28px; border: 1px 阅读全文
posted @ 2017-04-20 11:53 世界,太精彩 阅读(212) 评论(0) 推荐(0) 编辑
摘要: 弹性布局各种坑爹兼容 当然也看到过遇到flexbox布局的属性将所有的新的老的前缀都加上的,这样省事啊 谁闲着没事整天研究那几个属性的兼容,更可况前端发展这么快说不定有更牛逼的样式出现 但是想在移动端用好这个布局摸透这个属性 我还是一个个都探究下吧,在此先说下各浏览器PC端最新版本情况目前:IE最新 阅读全文
posted @ 2017-04-20 11:40 世界,太精彩 阅读(6795) 评论(0) 推荐(0) 编辑
摘要: 前端页面开发的很多情况下都需要实时监听文本框输入,比如腾讯微博编写140字的微博时输入框hu9i动态显示还可以输入的字数。过去一般都使用onchange/onkeyup/onkeypress/onkeydown实现,但是这存在着一些不好的用户体验。比如onchange事件只在键盘或者鼠标操作改变对象 阅读全文
posted @ 2017-04-20 11:29 世界,太精彩 阅读(9294) 评论(0) 推荐(0) 编辑
摘要: 关于onpropertychange与oninput的用法,网上一大堆,但还是有不兼容的时候,比如说,我想计下,一个input的值改变了多少次,如果写成兼容写法就为 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <tit 阅读全文
posted @ 2017-04-20 11:18 世界,太精彩 阅读(1094) 评论(0) 推荐(0) 编辑
摘要: display:box/flexbox/flex 先看这个定义弹性布局盒子 附上兼容图 还是比较直观对此属性做兼容只需如下 定义子元素排列 目前有两种新的写法flex-direction和旧的写法box-orient+box-direction, 新写法flex-direction的兼容 旧写法bo 阅读全文
posted @ 2017-04-20 11:03 世界,太精彩 阅读(4708) 评论(0) 推荐(0) 编辑
摘要: img { width: auto; height: auto; max-width: 100%; max-height: 100%; display: block; vertical-align: middle; position: absolute; left: 0; top: 0; right 阅读全文
posted @ 2017-04-20 10:56 世界,太精彩 阅读(199) 评论(0) 推荐(0) 编辑
只有注册用户登录后才能阅读该文。 阅读全文
posted @ 2017-04-20 10:50 世界,太精彩 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 1.jquery方式 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>ajax加载loading图标</title></head><body> <form id="test-form" action="test. 阅读全文
posted @ 2017-04-20 10:24 世界,太精彩 阅读(11744) 评论(0) 推荐(0) 编辑
上一页 1 ··· 6 7 8 9 10