- 博客(23)
- 收藏
- 关注
RSS订阅原创 针对app环境执行特定的JS代码
需求在使用wap封装的app时，会遇到仅在app需要进行的事件或行为。这时就需要判断浏览器类型来执行特定的代码。解决方法 function getIsApp () { var ua = navigator.userAgent;//获取浏览器信息 if (ua.indexOf('CK 2.0')!=-1) {/...
2019-01-11 18:54:44
438
原创 使用jquery.lazyload实现图片懒加载
在长页面中经常会用到图片懒加载，图片懒加载能够在用户浏览的同时加载图片。不影响页面渲染速度，节省带宽。①引入js文件<script type="text/javascript" src="https://github.com/helijun/documents/blob/master/plugin/lazyLoad/jquery.lazyload.js"></scrip...
2019-01-11 18:51:23
637
原创 使用jquery.scrollLeft实现文字水平滚动
一开始使用$("").css(“margin-left",num--)但是这种方法经常会有一种卡顿的感觉，遂优化使用jquery.scrollLeft优化后：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title><
2019-01-11 13:06:27
1528
原创 ES6学习笔记
ES2015/ES6特性历史：如何更好的了解ECMAScript从2015年的ES6开始，ECMA开始使用年份来命名，所以ES2015===ES6ES6(ES2015)之后，是ES2016(没大变化)，ES2017（async await）新特性let（1.0）⭐️习惯用作用域更严谨绝不会跳出作用域（if/函数/闭包）不允许在同个闭包内重复定义同一个变量尽量代替var...
2018-12-24 15:19:42
127
原创 PC微信内置浏览器，history.go(-1)进入变空白问题
问题：电脑版微信浏览器中，history.length不会因为关闭浏览器而消失，所以在执行history.go(-1)时，微信浏览器会判定为上一个页面存在，执行跳转。但当在微信中点击链接直接进入目标页面时，实际上当前浏览器中是不存在上一个页面的，导致倒退变成空白。解决方法1：可以直接使用window.location.href('www.xx.com')来跳转到指定“页面”。缺点：如果上一...
2018-12-10 21:09:53
3243
原创 使用mac调试手机端safari代码（类似chrome的控制台）
1.safari-偏好设置-高级：勾选“在菜单栏中显示‘开发’菜单”2.iphone-safari设置-高级-勾选“WEB检查器”3.连接手机与mac后，在safari-开发中选择iphone中打开的页面即可。PS：点击下图中的位置可以在手机上选择区域。...
2018-11-27 13:32:47
3745
原创 SELECT2自定义下拉框
SELECT2自定义下拉框安装参考：Getting Started | Select2 - The jQuery replacement for select boxes快速使用html:<select class="js-example-basic-single"> <option value="3" selected="selected">3期...
2018-11-23 20:19:44
1380
原创 前端-解决IOS断页面在自定义滚动条中滑动无惯性的问题
div{ -webkit-overflow-scrolling: touch}加上此css属性即可
2018-11-21 21:30:03
983
原创 JS-使用navigator.userAgent.toLowerCase() 根据浏览器环境执行不同操作（如页面跳转）
// 若为微信浏览器，则跳转到指定链接 $(document).ready(function(){ var ua = navigator.userAgent.toLowerCase(); var isWeixin = ua.indexOf('micromessenger') != -1; var isAndroid = ua...
2018-11-21 21:28:49
2071
原创 前端-使用js全局替换JSON内容
var reg = new RegExp("被替换内容","g")//g表示全部的var data = JSON.parse(JSON.stringify(data).replace(reg,’替换内容’));其中JSON.parse()作用是将字符串转化成json数组，JSON.stringify()作用是将json数组转换成字符串...
2018-11-21 21:16:16
2362
原创 前端-JQuery.delay()方法在css()上使用
$("div").delay(100).queue(function(next){//queue()方法显示或操作在元素上执行的函数队列。 $(this).css("position","fixed"); next();//这里必须加next，否则queue只会执行一次 }) ...
2018-11-21 21:11:32
648
原创 CSS-绝对定位absolute的元素实现自适应居中
div{ position: absolute; left:0; right:0; margin:auto;}
2018-11-21 21:07:43
1528
原创 前端-使用jquery.each()遍历判断所有特定子元素是否具有某一个共性
function noshows(){ var noshows=true; $(".somediv a").each(function(){ if($(this).css('display')!='none'){noshows = false} }) return no...
2018-11-21 20:57:28
3023
原创 前端-input框输入时，实时执行搜索事件（兼容ios）
var bind_name = 'input';//此处兼容ios，如果直接使用input事件将失效。$("input").bind(bind_name, function () { $(".search_button").click();})
2018-11-21 20:54:35
1840
原创 前端-解决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来兼容safari。var formatTime = new Date($(oldTime.replace(...
2018-11-21 20:50:17
3205
转载 判断鼠标滚轮方向
<script> var scrollFunc = function (e) { var direct = 0; e = e || window.event; if (e.wheelDelta) { //判断浏览器IE，谷歌滑轮事件 if (e.wheelDelta > 0) { //当滑轮向上滚动时 ...
2018-10-22 11:04:03
411
原创 jquery-jquery.preloader页面预加载插件
参考文档http://www.htmleaf.com/jQuery/Layout-Interface/201607263781.html* 载入js:<script src="jquery/jquery-3.2.1.min.js"></script> <script src="jquery/jquery.preloader.min.js"><...
2018-09-05 15:34:16
3119
原创 JS—使用indexOf()来判断字符串中是否包含某个值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js判断数组中是否包含一个数字</title> <script src="jquery/jquery-3.2.1.
2018-09-05 15:27:25
8054
原创 使用JS给html锚点跳转增加动画效果
$(".label").bind("click touch",function(){ //根据a标签的href转换为id选择器，获取id元素所处的位置，并高度减50px（这里根据需要自由设置） $('html,body').animate({scrollTop: ($($(this).attr('href')...
2018-09-05 15:06:45
8637
1
原创 jquery+正则+replace进行全局替换
var content = $("#content").val();var AllReplace = new RegExp('被替换内容',"g");//g,表示全部选中。即之后再替换AllReplace这个值的时候会选中所有的'被替换内容'进行替换//因为jquery的replace默认只替换第一个，所以先用正则表达式选出所有要替换的内容。content=content.replace(...
2018-09-03 16:39:42
4613
转载 如何在console控制台导入jquery
有些网站是没有使用jquery的，在控制台操作dom时有些不方便，可以用一下代码将jquery导入页面。var importJs=document.createElement('script')//在页面新建一个script标签importJs.setAttribute("type","text/javascript")//给script标签增加type属性importJs.setAtt...
2018-09-03 16:30:35
5706
1
原创 nginx配置自定义404页面
参考文档：https://blog.csdn.net/maobois/article/details/49680497准备好404.html 更改nginx.conf vim /etc/nginx/nginx.conf 在http{}中添加代码fastcgi_intercept_errors on; 更改配置文件vim /etc/nginx/site-available/default...
2018-07-31 22:55:57
1177
原创 Vue学习笔记重点（1）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>todo-list组件版</title> <script src="js/vue.js">&
2018-06-27 17:05:17
267
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人