zolaBaby0520-CSDN博客

转载 a标签点击跳转之后返回url多了#以及相关问题

之前踩了一个很大的坑，坑长这样；这样会出现的一个问题是点击了a标签实现了页面跳转和函数触发，但是页面跳转之后再返回当前页面的时候，URL的最末尾会多出一个#；百思不得其解，最后去掉了a标签或者把a标签换成div之后就会好了；所以记住，a标签点击页面跳转之后返回当前页面URL会多一个#；换成其他标签就不会了；或者换成另外一种方法：href后面写成“javascript:;”；这样就禁止了a标签的跳转接下来是转的别人的方法：a标签加入单击事件屏蔽href跳转页面...

2020-08-30 14:14:07 1237

转载 swiper：一个页面多个轮播，互不影响

最近要实现一个在一个页面展示多个轮播图的功能，html代码如下：<ul> <loop $actorList $k $v/> <li class="list<=$k+1/>"> <div class="swiper-container"> //图片列表

2018-06-11 12:31:15 3735 1

转载阻止因出现滚动条导致页面抖动

现在大多数页面都是采用主体内容水平居中布局[html] view plain copy<body> <div></div> </body> [css] view plain copydiv{ width:1200px; margin:0 auto; } 但是，这种布局存在一个问题。现在的浏览器滚动条默认是overflow:a...

2018-06-11 12:06:30 1617

转载解决手机访问网站时整体相对屏幕缩小问题？（已解决）

解决手机访问网站时整体相对屏幕缩小问题？（已解决）自己开发出来的网站，在手机上访问时，总是整体小了一块，不能很好的适应屏幕，每次都要用手指再放大到合适尺寸，后发现，需要在开发代码中添加：<meta name="viewport" content="width=device-width, initial-scale=1"> （可添加到第一行）参数说明:width - viewport的...

2018-06-08 16:15:42 2263

转载移动终端H5页面meta标签的设置案例

一、天猫<title>天猫触屏版</title><meta content="text/html; charset=utf-8" http-equiv="Content-Type"><meta charset="utf-8"><meta content="width=device-width, initial

2018-06-08 16:11:08 302

转载移动端的头部标签和 meta

使用 HTML5 doctype，不区分大小写<!DOCTYPE html>更加标准的 lang 属性写法<html lang="zh-cmn-Hans">meta声明文档使用的字符编码<meta charset='utf-8'>优先使用 IE 最新版本和 Chrome<meta http-equiv="X-UA-Compatible" conten...

2018-06-08 16:09:32 328

转载 display：flex不兼容Android、Safari低版本的解决方案【flex布局】

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>flexbox布局</title> <style> div { border: 1px

2018-06-06 12:32:09 4802

转载解决UC浏览器、微信浏览器使用display:flex;的兼容性问题

flex是个非常好用的属性，如果说有什么可以完全代替 float 和 position ，那么肯定是非它莫属了（虽然现在还有很多不支持 flex 的浏览器）。然而在移动开发中，本来绝大多数浏览器（包括安卓2.3以上的自带浏览器）都支持的属性，偏偏有个例外，就是国产某某X5内核神器（不知哪个版本的webkit，仅支持 display:box ），自主研发这东西也不好多说什么了，下面入正题。首先还是从...

2018-06-06 12:26:46 4499

转载 display:flex和display:box布局浏览器兼容性分析

display:flex和display:box都可用于弹性布局，不同的是display:box是2009年的命名，已经过时，用的时候需要加上前缀；display:flex是2012年之后的命名。在实际的测试中display:flex不能完全的替代display:box。display:flex的浏览器兼容性比较麻烦。1.关于display:flex对于响应式布局，使用flex很方便，但是它的兼容...

2018-06-06 12:11:34 2194 1

转载 js中的call()和apply()方法

1.call()语法：obj1.call(obj2[,param1,param2,...])定义：用obj2对象来代替obj1，调用obj1的方法。即将obj1应用到obj2上。说明：call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 obj2 指定的新对象。如果没有提供 obj2参数，那么 Global 对象被用作 obj2。 2.a...

2018-04-26 10:57:10 118

转载 js插件之$.extend()、$.fn和$.fn.extend()区别

jQuery为开发插件提拱了两个方法，jQuery.fn.extend();jQuery.extend(); jQuery.fn = jQuery.prototype;$(“#btn1″) 会生成一个 jQuery类的实例,即可以直接调用jQuery.prototype里面的方法。对于jQuery.extend：1、jquery.extend(obj):为jQuery类添加类方法，可以理解为添加静...

2018-04-26 10:51:45 700

sq2879897094的博客