针对app环境执行特定的JS代码

需求 在使用wap封装的app时,会遇到仅在app需要进行的事件或行为。这时就需要判断浏览器类型来执行特定的代码。 解决方法 function getIsApp () { var ua = navigator.userAgent;//获取浏览器...

2019-01-11 18:54:44

阅读数 50

评论数 0

使用jquery.lazyload实现图片懒加载

在长页面中经常会用到图片懒加载,图片懒加载能够在用户浏览的同时加载图片。不影响页面渲染速度,节省带宽。 ①引入js文件 <script type="text/javascript" src="https://gith...

2019-01-11 18:51:23

阅读数 58

评论数 0

使用jquery.scrollLeft实现文字水平滚动

一开始使用$("").css(“margin-left",num--) 但是这种方法经常会有一种卡顿的感觉,遂优化 使用jquery.scrollLeft优化后: <!DOCTYPE html&gt...

2019-01-11 13:06:27

阅读数 88

评论数 0

ES6学习笔记

ES2015/ES6特性 历史: 如何更好的了解ECMAScript 从2015年的ES6开始,ECMA开始使用年份来命名,所以ES2015===ES6 ES6(ES2015)之后,是ES2016(没大变化),ES2017(async await) 新特性 let(1.0)⭐️习惯用 作用域...

2018-12-24 15:19:42

阅读数 18

评论数 0

PC微信内置浏览器,history.go(-1)进入变空白问题

问题:电脑版微信浏览器中,history.length不会因为关闭浏览器而消失,所以在执行history.go(-1)时,微信浏览器会判定为上一个页面存在,执行跳转。但当在微信中点击链接直接进入目标页面时,实际上当前浏览器中是不存在上一个页面的,导致倒退变成空白。 解决方法1:可以直接使用win...

2018-12-10 21:09:53

阅读数 680

评论数 0

使用mac调试手机端safari代码(类似chrome的控制台)

1.safari-偏好设置-高级:勾选“在菜单栏中显示‘开发’菜单” 2.iphone-safari设置-高级-勾选“WEB检查器” 3.连接手机与mac后,在safari-开发中选择iphone中打开的页面即可。 PS:点击下图中的位置可以在手机上选择区域。 ...

2018-11-27 13:32:47

阅读数 390

评论数 0

SELECT2自定义下拉框

SELECT2自定义下拉框 安装 参考:Getting Started | Select2 - The jQuery replacement for select boxes 快速使用 html: <select class="js-example-...

2018-11-23 20:19:44

阅读数 203

评论数 0

前端-解决IOS断页面在自定义滚动条中滑动无惯性的问题

div{ -webkit-overflow-scrolling: touch } 加上此css属性即可

2018-11-21 21:30:03

阅读数 225

评论数 0

JS-使用navigator.userAgent.toLowerCase() 根据浏览器环境执行不同操作(如页面跳转)

// 若为微信浏览器,则跳转到指定链接     $(document).ready(function(){         var ua = navigator.userAgent.toLowerCase();             var isWeixin = ua.indexOf('mic...

2018-11-21 21:28:49

阅读数 154

评论数 0

前端-使用js全局替换JSON内容

var reg = new RegExp("被替换内容","g")//g表示全部的 var data = JSON.parse(JSON.stringify(data).replace(reg,’替换内容’)); 其中J...

2018-11-21 21:16:16

阅读数 296

评论数 0

前端-JQuery.delay()方法在css()上使用

$("div").delay(100).queue(function(next){//queue()方法显示或操作在元素上执行的函数队列。 $(this).css("position","fix...

2018-11-21 21:11:32

阅读数 96

评论数 0

CSS-绝对定位absolute的元素实现自适应居中

div{ position: absolute; left:0; right:0; margin:auto; }  

2018-11-21 21:07:43

阅读数 76

评论数 0

前端-使用jquery.each()遍历判断所有特定子元素是否具有某一个共性

function noshows(){ var noshows=true; $(".somediv a").each(function(){ if($(this).css('dis...

2018-11-21 20:57:28

阅读数 347

评论数 0

前端-input框输入时,实时执行搜索事件(兼容ios)

  var bind_name = 'input';//此处兼容ios,如果直接使用input事件将失效。 $("input").bind(bind_name, function () {      $(".search_button&...

2018-11-21 20:54:35

阅读数 259

评论数 0

前端-解决IOS端页面new Date显示invalid Date的问题,兼容safari

在写一个倒计时页面时遇到了问题,在使用new Date('2018-08-09 11:59:59')格式化时间后,ios端页面显示invalid Date。因为'2018-08-09 11:59:59'是从api获取的数据,故需要先将数据格式替换为2018/08/09 11:59:59来兼容saf...

2018-11-21 20:50:17

阅读数 539

评论数 0

判断鼠标滚轮方向

<script> var scrollFunc = function (e) { var direct = 0; e = e || window.event; if (e.wheelDelta) { //判断浏览器IE,...

2018-10-22 11:04:03

阅读数 28

评论数 0

jquery-jquery.preloader页面预加载插件

参考文档http://www.htmleaf.com/jQuery/Layout-Interface/201607263781.html * 载入js: <script src="jquery/jquery-3.2.1.min.js"&...

2018-09-05 15:34:16

阅读数 531

评论数 0

JS—使用indexOf()来判断字符串中是否包含某个值

<!DOCTYPE html> <html lang="en"> <head> <meta cha...

2018-09-05 15:27:25

阅读数 1275

评论数 0

使用JS给html锚点跳转增加动画效果

$(".label").bind("click touch",function(){ //根据a标签的href转换为id选择器,获取id元素所处的位置,并高度减50px...

2018-09-05 15:06:45

阅读数 1405

评论数 0

jquery+正则+replace进行全局替换

var content = $("#content").val(); var AllReplace = new RegExp('被替换内容',"g");//g,表示全部选中。即之后再替换AllReplace这个值的时候会选中...

2018-09-03 16:39:42

阅读数 962

评论数 0

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