jason_lyp-CSDN博客

原创常见卡片布局

效果如图需求：卡片左右两端对齐，间距相同，默认换行，卡片增减不影响布局<!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

2020-05-29 21:38:55 3242

原创 Javascript 包装对象

什么是包装对象?基本类型都有自己的包装对象，除null 和 undefined 外基本类型有 string number boolean null undefined字符串的包装对象 String数字的包装对象 Number布尔值的包装对象 Boolean基本类型会找到对应的包装对象类型，然后包装对象把所有的方法和属性给了基本类型，然后包装对象消失。var str =

2017-10-25 17:08:33 254

原创 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

2017-09-19 20:54:31 880

原创 8位小数相乘，防止出现科学计数

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><script> /** ** 加法函数，用来得到精确的加法结果 ** 说明：javascript的加法结果会有误差，在两个浮点数相加的时候会比较明显。这

2017-09-19 20:31:22 480

原创数据正倒显示

<!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;}

2017-09-18 18:56:25 411

原创修改输入框placeholder文字默认颜色

<input name="id_card" placeholder="请输入邮箱/手机号" type="text">针对placeholder来设置你自己想要的颜色:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #000; opacity:1; }::-moz-placeholder { /* Mozilla Firefox

2017-09-16 16:45:46 395

原创简单ajax交互

var json={ "code": 0, "msg": "", "detailMsg": "", "data": { "list": [{ "date": "2017-09-14 17:34:31", "price": 0.123311,

2017-09-14 22:29:25 216

原创简单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

2017-09-12 21:19:22 730

原创 jQuery-cookie用法

设置cookie

2017-09-08 22:03:02 283

原创 sublime Text 3 javaScript代码自动提示插件&安装步骤

sublime Text 3 javaScript代码自动提示插件&安装步骤

2017-09-03 17:07:47 8615

原创密码验证

$(function(){$("button[name='btnPhone']").click(function(){var time = 120; var phone = $.trim($('#phone').val());if(phone=='' || phone.length$("#phoneMsg").html("请填写手机号码");return fals

2017-09-02 10:27:58 351

原创 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;}还有一种

2017-08-31 22:20:49 1355

原创监听文本框内容改变事件

监听文本框内容改变事件是一个很常见的需求，比如动态提示还能输入多少字。但是在实际应用的过程中，会有很多意想不到的坑onchange事件只在键盘或者鼠标操作改变对象属性，且失去焦点时触发，脚本触发无效onkeydown/onkeypress/onkeyup 在处理复制、粘贴、拖拽、长按键（按住键盘不放）等细节上并不完善onchange事件此属性可在某些情况下解决上面存在的问题，不用考虑是否失去焦

2017-08-29 22:36:20 4421

原创页面输入框js正则验证输入值为数字，且只保留小数点后四位

Document function clearNoNum(obj){ //先把非数字的都替换掉，除了数字和. obj.value = obj.value.replace(/[^\d.]/g,""); //保证只有出现一个.而没有多个. obj.value = obj.value.replace(/\.{2,}/g,"."); //必须保

2017-08-29 22:02:44 4594

原创页面高度不够时，底部固定在下面

JS方法:$(function(){lrFixFooter("div.footer");//调用方法：lrFixFooter("div.footer"); 传入底部的类名或者ID名function lrFixFooter(obj){var footer = $(obj);var doc = $(document);function fixFooter

2017-08-22 17:16:09 1119

原创 jsonp结合百度接口-实现搜索功能

Untitled$(function(){$('#request').click(function(){//请求数据var url='https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=web前端';$.ajax({ url:url, dataType:'jsonp',

2017-05-18 12:00:27 3319

原创在学习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

2017-04-25 18:57:40 325

原创 display:inline-block的兼容性问题

兼容性：IE6、IE7不识别inline-block，支持宽高，不支持在一行显示。其它主流浏览器均支持inline-block。解决IE6、IE7兼容性的方法：原理 : 直接将块元素设置为display:inline呈现为内联对象，然后触发layout(如zoom:1)。兼容所有浏览器的方法是：{displ

2017-04-05 16:54:58 5626

转载 ul中的li的高度在IE6、IE7、IE8、FF下不兼容问题的解决办法

在页面中有时候使用ul li列表时ie6、ie7、ie8、FF的高度会不一样(其中ie6与ie7高度一样，ie8与FF高度一样)，设置高后使用 overflow:hidden;也无济于事，这个问题一直困扰着我，以至于我后来只能使用DIV来做列表，但是这样只能说是对付上的，但没从实际上解决这个问题。后来在网上找到了一个方法，在li样式上加上vertical-align:bottom便解决了，

2017-04-05 08:52:08 211

转载图片内容在不同分辨率下居中显示

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>

2017-04-01 17:43:08 795

jason_lyp的博客