自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 收藏
  • 关注

原创 华为自带浏览器绕坑大法!

本人前端菜鸟,最近在做移动端网页的时候,使用的是弹性盒布局,在其他浏览器上面都没有问题,但是就是在华为自带浏览器上弹性盒布局不管用,已经试过在前面加webkit,moz,ms前缀,结果都不行不过现在解决了,希望可以帮到大家下边是 我做的兼容code:          学习项目            .bangdan_top_filter {

2017-08-16 17:19:02 12950

原创 jquery/css实现步骤条

效果图如下:html代码: 2017-05-05 10:01:05 提交订单 2017-

2017-06-10 16:18:53 7618

原创 自定义单选框样式

性别 女 男

2017-06-10 16:05:13 480

原创 解决placeholder兼容性问题

placeholder属性是HTML5 中为input添加的。在input上提供一个占位符,文字形式展示输入字段预期值的提示信息(hint),该字段会在输入为空时显示。实例:1 input type="text" name="userName" placeholder="请输入用户名">placeholder操作起来非常方便,提高了开发效率,同时在高版本浏览器中用户体验也很好,

2017-06-10 10:15:09 1030

原创 手写select,解决浏览器兼容性

html 搜商品 商品 店铺

2017-06-10 10:11:21 1289

原创 js短信注册

html  手机号码    验证码       请设置密码     注册js // 获取验证码倒计时 $(".user_verify_code_button").on('click',function(){ var countdown=60; settime(t

2017-06-10 10:04:29 316

原创 纯js读取excel文件内容,支持所有刘浏览器

js如何将读取excel文件内容template.html<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>JS-XLSX Live Demo</title><link href=&quo

2017-06-05 17:21:03 81062

转载 meta标签

meta charset='utf-8'>        meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>        meta name="description" content="不超过150个字符"/>        meta name="keywords" con

2017-06-09 11:05:42 258

转载 微信小程序的组件用法与传统HTML5标签的区别

小程序与传统HTML5的区别小程序刚开放公测,互联网圈内开始了各种解读和猜测。其中有观点认为小程序和Html5有着紧密关联,甚至小程序就是基于HTML5开发。经过仔细研究文档和代码开发,从视图层的角度来说,小程序与传统HTML5还是有明显的区别,主要区别在于:开发工具不同。区别于H5的开发工具+浏览器Device Mode预览的模式,小程序的开发基于自己的开发者工具

2017-06-09 11:00:33 2589

转载 jQuery选择器大全

jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 1234$("#myELement")    选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div")           选择所有的div标签元素,返回div元素数组 $(".

2017-06-06 13:06:52 348

转载 web前端知识体系大全

1. 前言  大约在几个月之前,让我看完了《webkit技术内幕》这本书的时候,突然有了一个想法。想把整个web前端开发所需要的知识都之中在一个视图中,形成一个完整的web前端知识体系,目的是想要颠覆人们对于前端只有三大块(html、css、js)的认识——做web前端需要的比这三大块要多得多。  拖了好几个月了,但是由于近期将要参加的某一个活动,我不得不这两天把这个东西整出来。说

2017-06-05 16:52:44 481

转载 闭包的简单理解

第一,函数作为返回值如上代码,bar函数作为返回值,赋值给f1变量。执行f1(15)时,用到了fn作用域下的max变量的值。至于如何跨作用域取值,可以参考上一节。 第二,函数作为参数被传递如上代码中,fn函数作为一个参数被传递进入另一个函数,赋值给f参数。执行f(15)时,max变量的取值是10,而不是100。 上一节讲到自由变量跨作

2017-06-05 16:48:21 296

转载 HTML <area><map>标签及在实际开发中的应用

HTML 标签及在实际开发中的应用by zhangxinxu from http://www.zhangxinxu.com/wordpress/?p=6115本文可全文转载,但需得到原作者书面许可,同时保留原作者和出处,摘要引流则随意。之前,我一直以为HTML 是一个鸡肋HTML,估计到了HTML5时代会被废弃的命。但是,最近一查资料,乖乖了个咚,不仅没被废弃,反而发展了,

2017-06-05 14:39:12 2338 1

转载 城市三级联动

您现在的位置:北京市天津市河北省山西省内蒙古自治区辽宁省吉林省黑龙江省上海市江苏省浙江省安徽省福建省江西省山东省河南省湖北省湖南省广东省广西壮族自治区海南省重庆市四川省贵州省云南省西藏自治区陕西省甘肃省青海省宁夏回族自治区新疆维吾尔自治区台湾省香港特别行政区澳门特别行政区 杭州市宁波市温州市嘉兴市湖州市绍兴市金华市衢州市舟山市

2017-06-05 14:36:34 584

转载 jQuery lazyload 懒加载

Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担.Demo页面

2017-06-05 14:35:50 364

转载 thymeleaf中的模板布局

一.包括模板片段:  1:定义和引用片段,我们经常会想要包含在模板片段来自其他模板。常见的用途是页脚、标题、菜单…;为了做到这一点,Thymeleaf需要我们定义包含可用的片段,我们可以通过使用th:fragment属性。  定义一个页面底部footer页面,在每一个需要的页面都可以用的模板,可以通过使用th:fragment属性 div th:fra

2017-06-05 14:28:35 650

转载 select下拉框兼容写法

去除select下拉框默认样式select {/*Chrome和Firefox里面的边框是不一样的,所以复写了一下*/border: solid 1px #000;/*很关键:将默认的select选择框样式清除*/appearance:none;-moz-appearance:none;-webkit-appearance:none;/*将背景改为红色*/background:

2017-06-05 14:27:13 825

转载 css hack合集

在前端开发中最烦人的问题莫过于浏览器兼容性问题了,下面是我工作依赖积累的CSS hack笔记,都是再线上使用过的哦,都是经过考验的!Webkit内核CSS hack(Chrome、Safari、Opera)。 注:很奇怪,在Windows10中的Edge(版本是13)下,竟然也起作用,莫非微软要向Webkit看齐? @media screen and (-webkit-min-

2017-06-05 14:14:26 412

转载 js判断浏览器类型

browserRedirect();          function browserRedirect() {            var sUserAgent = navigator.userAgent.toLowerCase();            var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";           

2017-06-05 14:12:36 247

转载 正则表达式大全

匹配中文:[\u4e00-\u9fa5] 英文字母:[a-zA-Z] 数字:[0-9] 匹配中文,英文字母和数字及_: ^[\u4e00-\u9fa5_a-zA-Z0-9]+$同时判断输入长度:[\u4e00-\u9fa5_a-zA-Z0-9_]{4,10}^[\w\u4E00-\u9FA5\uF900-\uFA2D]*$ 1、一个正则表达式,只含有

2017-06-05 14:10:44 261

转载 IE8下Jquery获取select选中的值的问题

我们一般使用jQuery获取select时,一般这么用:select id='a'> option selected='selected' value='1'>select>var selectedValue = $("#a").val();在非IE8下,selectedValue的值为“1”,typeof selectedValue 为“string”。在IE8

2017-06-05 14:09:34 1063

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除