jason_lyp
码龄5年
  • 33,299
    被访问
  • 18
    原创
  • 540,881
    排名
  • 3
    粉丝
关注
提问 私信
  • 加入CSDN时间: 2017-04-01
博客简介:

jason_lyp的博客

查看详细资料
个人成就
  • 获得9次点赞
  • 内容获得0次评论
  • 获得15次收藏
创作历程
  • 1篇
    2020年
  • 19篇
    2017年
成就勋章
TA的专栏
  • flex布局
    1篇
  • HtmlCss
    7篇
  • git
  • javascript
    8篇
  • 工具类
  • jQuery
    1篇
  • 书籍摘要
  • App
  • 最近
  • 文章
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

常见卡片布局

效果如图需求:卡片左右两端对齐,间距相同,默认换行,卡片增减不影响布局<!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 ·
2373 阅读 ·
1 点赞 ·
0 评论

Javascript 包装对象

什么是包装对象?基本类型都有自己的包装对象,除null 和 undefined 外基本类型有 string number boolean null undefined字符串的包装对象 String数字的包装对象 Number布尔值的包装对象 Boolean基本类型会找到对应的包装对象类型,然后包装对象把所有的方法和属性给了基本类型,然后包装对象消失。var str =
原创
发布博客 2017.10.25 ·
174 阅读 ·
0 点赞 ·
0 评论

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 ·
752 阅读 ·
0 点赞 ·
0 评论

8位小数相乘,防止出现科学计数

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><script> /** ** 加法函数,用来得到精确的加法结果 ** 说明:javascript的加法结果会有误差,在两个浮点数相加的时候会比较明显。这
原创
发布博客 2017.09.19 ·
395 阅读 ·
0 点赞 ·
0 评论

数据正倒显示

<!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 ·
337 阅读 ·
0 点赞 ·
0 评论

修改输入框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 ·
274 阅读 ·
0 点赞 ·
0 评论

简单ajax交互

var json={ "code": 0, "msg": "", "detailMsg": "", "data": { "list": [{ "date": "2017-09-14 17:34:31", "price": 0.123311,
原创
发布博客 2017.09.14 ·
155 阅读 ·
0 点赞 ·
0 评论

简单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 ·
633 阅读 ·
0 点赞 ·
0 评论

jQuery-cookie用法

设置cookie
原创
发布博客 2017.09.08 ·
188 阅读 ·
0 点赞 ·
0 评论

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

sublime Text 3 javaScript代码自动提示插件&安装步骤
原创
发布博客 2017.09.03 ·
7700 阅读 ·
2 点赞 ·
0 评论

密码验证

$(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 ·
239 阅读 ·
0 点赞 ·
0 评论

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 ·
1219 阅读 ·
0 点赞 ·
0 评论

监听文本框内容改变事件

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

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

Document function clearNoNum(obj){ //先把非数字的都替换掉,除了数字和. obj.value = obj.value.replace(/[^\d.]/g,""); //保证只有出现一个.而没有多个. obj.value = obj.value.replace(/\.{2,}/g,"."); //必须保
原创
发布博客 2017.08.29 ·
2946 阅读 ·
1 点赞 ·
0 评论

页面高度不够时,底部固定在下面

JS方法:$(function(){lrFixFooter("div.footer");//调用方法:lrFixFooter("div.footer"); 传入底部的类名或者ID名function lrFixFooter(obj){var footer = $(obj);var doc = $(document);function fixFooter
原创
发布博客 2017.08.22 ·
980 阅读 ·
0 点赞 ·
0 评论

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

Untitled$(function(){$('#request').click(function(){//请求数据var url='https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=web前端';$.ajax({ url:url, dataType:'jsonp', 
原创
发布博客 2017.05.18 ·
3110 阅读 ·
0 点赞 ·
0 评论

在学习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 ·
243 阅读 ·
1 点赞 ·
0 评论

display:inline-block的兼容性问题

兼容性:IE6、IE7不识别inline-block,  支持宽高,不支持在一行显示。其它主流浏览器均支持inline-block。解决IE6、IE7兼容性的方法:原理 : 直接将块元素设置为display:inline呈现为内联对象,然后触发layout(如zoom:1)。兼容所有浏览器的方法是:{displ
原创
发布博客 2017.04.05 ·
5256 阅读 ·
2 点赞 ·
0 评论

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 ·
159 阅读 ·
0 点赞 ·
0 评论

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

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 ·
673 阅读 ·
1 点赞 ·
0 评论
加载更多