常见卡片布局 效果如图需求:卡片左右两端对齐,间距相同,默认换行,卡片增减不影响布局<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <scrip
Javascript 包装对象 什么是包装对象?基本类型都有自己的包装对象,除null 和 undefined 外基本类型有 string number boolean null undefined字符串的包装对象 String数字的包装对象 Number布尔值的包装对象 Boolean基本类型会找到对应的包装对象类型,然后包装对象把所有的方法和属性给了基本类型,然后包装对象消失。var str =
footer固定底部-HTMLCSS方法 <!DOCTYPE HTML><html><head><meta charset="utf-8"><title>footer始终居于底部</title><style type="text/css">* { margin:0; padding:0; }body { font:14px/1.8 arial; }/*核心代码,html,body,wrap高度100%*/html, body
8位小数相乘,防止出现科学计数 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><script> /** ** 加法函数,用来得到精确的加法结果 ** 说明:javascript的加法结果会有误差,在两个浮点数相加的时候会比较明显。这
数据正倒显示 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> li{ float: left; list-style: none; margin-right: 10px; width: 100px;}
修改输入框placeholder文字默认颜色 <input name="id_card" placeholder="请输入邮箱/手机号" type="text">针对placeholder来设置你自己想要的颜色:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #000; opacity:1; }::-moz-placeholder { /* Mozilla Firefox
简单ajax交互 var json={ "code": 0, "msg": "", "detailMsg": "", "data": { "list": [{ "date": "2017-09-14 17:34:31", "price": 0.123311,
简单hover效果-添加投影3D <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{ margin: 0; padding: 0; list-sty
密码验证 $(function(){$("button[name='btnPhone']").click(function(){var time = 120; var phone = $.trim($('#phone').val());if(phone=='' || phone.length$("#phoneMsg").html("请填写手机号码");return fals
input框自动填充内容背景颜色为黄色解决方法 谷歌浏览器input自动填充内容,背景色会是黄色,想改的话:input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset;}这种点击框也不会出现黄色了input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset !important;}还有一种
监听文本框内容改变事件 监听文本框内容改变事件是一个很常见的需求,比如动态提示还能输入多少字。但是在实际应用的过程中,会有很多意想不到的坑onchange事件只在键盘或者鼠标操作改变对象属性,且失去焦点时触发,脚本触发无效onkeydown/onkeypress/onkeyup 在处理复制、粘贴、拖拽、长按键(按住键盘不放)等细节上并不完善onchange事件 此属性可在某些情况下解决上面存在的问题,不用考虑是否失去焦
页面输入框js正则验证输入值为数字,且只保留小数点后四位 Document function clearNoNum(obj){ //先把非数字的都替换掉,除了数字和. obj.value = obj.value.replace(/[^\d.]/g,""); //保证只有出现一个.而没有多个. obj.value = obj.value.replace(/\.{2,}/g,"."); //必须保
页面高度不够时,底部固定在下面 JS方法:$(function(){lrFixFooter("div.footer");//调用方法:lrFixFooter("div.footer"); 传入底部的类名或者ID名function lrFixFooter(obj){var footer = $(obj);var doc = $(document);function fixFooter
jsonp结合百度接口-实现搜索功能 Untitled$(function(){$('#request').click(function(){//请求数据var url='https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=web前端';$.ajax({ url:url, dataType:'jsonp',
在学习git的过程中,遇到如下问题,特整理如下: 1 error:src refspec master does not match any问题产生a git服务器使用如下命令新建一个项目$ cd /opt/git$ mkdir project.git$ cd project.git$ git --bare initb 客户端clone代码并提交$ cd myproject$ git init$ git ad
display:inline-block的兼容性问题 兼容性:IE6、IE7不识别inline-block, 支持宽高,不支持在一行显示。其它主流浏览器均支持inline-block。解决IE6、IE7兼容性的方法:原理 : 直接将块元素设置为display:inline呈现为内联对象,然后触发layout(如zoom:1)。兼容所有浏览器的方法是:{displ
ul中的li的高度在IE6、IE7、IE8、FF下不兼容问题的解决办法 在页面中有时候使用ul li列表时ie6、ie7、ie8、FF的高度会不一样(其中ie6与ie7高度一样,ie8与FF高度一样),设置高后使用 overflow:hidden;也无济于事,这个问题一直困扰着我,以至于我后来只能使用DIV来做列表,但是这样只能说是对付上的,但没从实际上解决这个问题。后来在网上找到了一个方法,在li样式上加上vertical-align:bottom便解决了,
图片内容在不同分辨率下居中显示 1.img 图片内容在不同分辨率下居中显示(如果隐藏多余,在img外面套一个div 设定overflow: hidden。div的大小就是img显示区域的大小) DOCTYPE html>html>head>meta http-equiv="Content-Type" content="text/html; charset=utf-8" />title>无标题文档title>