js - 随笔分类 - bighappy

前端实用工具分享——字符串拼接(一）

摘要：首先，肯定是要交代一下技术的背景，最近在做一些后台管理系统，很多东西需要做成动态的，这个时候我们需要用到拼接，当然肯定也有很多人会说那不是有模板引擎吗？本人对模板引擎使用的不错。这里就不做赘述了。我要介绍的是一个，字符串拼接的工具，这个是传送门 http://www.css88.com/tool 阅读全文

posted @ 2017-08-27 20:31 bighappy 阅读(2119) 评论(0) 推荐(0)

关于lazyload的实现原理

摘要：核心原理是： 1 设置一个定时器，计算每张图片是否会随着滚动条的滚动，而出现在视口（也就是浏览器中的展现网站的空白部分）中； 2 为<img>标签设置一个暂存图片URL的自定义属性（例如loadpic），当图片出现在视口时，再将loadpic的值赋给图片的src属性；最后，贴出分别用原生js和阅读全文

posted @ 2017-06-16 14:23 bighappy 阅读(1400) 评论(0) 推荐(0)

浏览器报错（-）

摘要：Uncaught SyntaxError: Unexpected token < 浏览器出现这个问题，项目在做一些延迟加载的时候，出来这个问题，我百度了产生问题的原因。我先说下，我是如何解决问题的，我在回退版本后发现，是由于重复引入了一个lazyload.js 文件导致的。在百度中我发现，是由于阅读全文

posted @ 2017-06-16 14:07 bighappy 阅读(152) 评论(0) 推荐(0)

关于ajax返回数据处理

摘要：查看jquery文档，我们知道jquery有很多种Ajax调用方法，下面结合springmvc返回的数据，假设返回的是data ='{"label":"1","value":[{"id":1,"pid":null,"name":"娱乐"},{"id":101,"pid":1,"name":"音乐"} 阅读全文

posted @ 2017-06-14 13:50 bighappy 阅读(1571) 评论(0) 推荐(0)

遍历的一些方法，

摘要：最近在做项目是模拟ajax获取数据。原先是的目录结构发生变化。导致首页的nav跳转发生一些问题。如果使用同一个链接肯定是没有办法实现的，项目的其他的页面都是同一个页面。本着少数服从多数的原则。使用js做一些nav跳转调整这个时候我们需要对我们返回回来的数据做一写筛选。突然发现这个东西很多。想着就整阅读全文

posted @ 2017-06-10 17:41 bighappy 阅读(197) 评论(0) 推荐(0)

聊聊return false

摘要：最近在做一些关于视频切换的时候。由于是用a标签做的会有默认的跳转。这时候我就想到了，return flase。阻止默认行为，也达到了预期的效果。后来就详细查了查。让我们来看看 “return false”之所以被误用的如此厉害，是因为它看起来像是完成了我们交给它的工作，浏览器不会再将我们重定向到hr 阅读全文

posted @ 2017-06-04 12:10 bighappy 阅读(223) 评论(0) 推荐(0)

关于轮播图兼容的问题

摘要：首先swiper3 作为移动端，用来做轮播图的插件最合适不过了。但是swiper3 作为移动端的首选，它是不支持ie8的。这个时候我们需要使用一些兼容的东西。swiper2是能够兼容ie8的。但是分页器。不能很好的兼容。 2.我们可以使用原生的方式来做一些兼容。下面是我使用的一些方法。进攻参考。阅读全文

posted @ 2017-06-03 13:21 bighappy 阅读(779) 评论(0) 推荐(0)

关于ajax原理介绍

摘要：1、ajax技术的背景不可否认，ajax技术的流行得益于google的大力推广，正是由于google earth、google suggest以及gmail等对ajax技术的广泛应用，催生了ajax的流行。而这也让微软感到无比的尴尬，因为早在97年，微软便已经发明了ajax中的关键技术，并且在99 阅读全文

posted @ 2017-04-12 17:12 bighappy 阅读(120) 评论(0) 推荐(0)

关于this指向性的问题

摘要：函数调用首先需要从函数的调用开始讲起。 JS（ES5）里面有三种函数调用形式： func(p1, p2) obj.child.method(p1, p2) func.call(context, p1, p2) // 先不讲 apply 一般，初学者都知道前两种形式，而且认为前两种形式「优于」第三种阅读全文

posted @ 2017-03-20 10:40 bighappy 阅读(392) 评论(0) 推荐(0)

JavaScript中的闭包

摘要：初学者经常碰到的,即获取HTML元素集合，循环给元素添加事件。在事件响应函数中(event handler)获取对应的索引。但每次获取的都是最后一次循环的索引。原因是初学者并未理解JavaScript的闭包特性。有个网友问了个问题，如下的html，为什么点击所有的段落p输出都是5，而不是alert 阅读全文

posted @ 2017-03-17 08:56 bighappy 阅读(343) 评论(0) 推荐(0)

this上下文一致

摘要：什么是this对象先来说说什么是this对象吧，每个函数在调用的时候都会自动获取两个特殊变量：this和arguments对象。this值具体是指哪个对象是和该函数的执行环境相关的。如果是作为对象的方法，那么this就是对象实例本身；如果是一个全局函数，那么this就是window对象。用一句话来阅读全文

posted @ 2017-03-15 17:56 bighappy 阅读(197) 评论(0) 推荐(0)

清空数组的方法

摘要：JavaScript怎么清空数组？如 var arrayList = ['a','b','c','d','e','f']; 怎么清空 arrayList 方法1 arrayList = []; 直接改变arrayList所指向的对象，原对象并不改变。方法2 arrayList.length = 阅读全文

posted @ 2017-03-02 17:45 bighappy 阅读(286) 评论(0) 推荐(0)

使用js实现登录随机验证码的效果

摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"><title>js验证码</title><style type="text/css">.code { background:url(code_bg.jpg); font-famil 阅读全文

posted @ 2017-02-27 23:08 bighappy 阅读(518) 评论(0) 推荐(0)

随笔分类 - js