• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
pengpenglin
乐于工作,享受生活。
博客园    首页    新随笔    联系   管理    订阅  订阅
2017年1月19日
js实现轮询展示
摘要: 公司svcp的项目,如下界面:实现效果是点击第一组下面的摄像机,右侧自动对这一组的数据进行轮询显示。 要点:轮询显示的逻辑,对不同个数的摄像机进行轮询, 2)按esc键的兼容写法,兼容火狐与谷歌 阅读全文
posted @ 2017-01-19 11:32 pengpenglin 阅读(15016) 评论(2) 推荐(1)
2016年12月29日
js实现图片的大小自适应效果
摘要: 需求是传过来一个图片,根据外层div的大小自动进行缩放效果。 阅读全文
posted @ 2016-12-29 11:24 pengpenglin 阅读(6803) 评论(0) 推荐(0)
for循环每次展示固定条数的数据的写法。
摘要: 第一种是一组json数据实现分页的效果,也就是每一次展示5条数据。第二种场景是每一秒展示4条数据,直到全部显示完。两种思路都做个笔记记录下。 var nums = 5; //每页出现的数量 var pages = Math.ceil(data.length/nums); //得到总页数 var thisDate = function(curr){ //此处只是演示,实际场景通常是返回已... 阅读全文
posted @ 2016-12-29 10:12 pengpenglin 阅读(1383) 评论(0) 推荐(0)
2016年8月5日
CSS实现背景图尺寸不随浏览器缩放而变化
摘要: 方法一. 把图片作为background,方法二使用img标签。同时要有一张足够大尺寸的图片。 方法一. 把图片作为background 有几个CSS的属性要提一下:background-size:cover,这个CSS3的属性作用是把背景图像扩展至足够大,以使背景图像完全覆盖背景区域,背景图像的某 阅读全文
posted @ 2016-08-05 16:12 pengpenglin 阅读(8474) 评论(0) 推荐(0)
2016年5月12日
javascript之AJAX学习
摘要: 1.AJAX即Asynchronous Javascript+XML。能够向服务器请求额外的数据而无需卸载页面。 AJAx技术的核心是XMLHttpRequest对象(XHR)。 2.AJAX只能向同一个域中使用相同端口和协议的URL发送请求。 3.创建要给AJAX的过程: 1.创建一个XHR对象。 阅读全文
posted @ 2016-05-12 19:22 pengpenglin 阅读(196) 评论(0) 推荐(0)
2016年5月10日
javascript之原型模式学习
摘要: 1.创建的每个函数都有一个prototype(原型)属性。这个属性是一个指针,指向一个对象。而这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法。 字面意思是prototype就是通过调用构造函数而创建的那个对象实例的原型对象。使用原型对象的好处是可以让所有对象实例共享它所包含是属性和方法 阅读全文
posted @ 2016-05-10 18:15 pengpenglin 阅读(312) 评论(0) 推荐(0)
javascript学习之Function 类型
摘要: 1.函数是对象,同样也有属性和方法。由于函数是对象,因此函数名实际上也是一个指向函数对象的指针,不会与某个函数绑定。 2.使用不带圆括号的函数名是访问函数指针,而非调用函数。 3.因为ECMAScript中的函数名本身就是变量,所以函数也可以作为值来使用。 4.在函数内部,有两个特殊的对象:argu 阅读全文
posted @ 2016-05-10 17:37 pengpenglin 阅读(164) 评论(0) 推荐(0)
2016年4月29日
js动态替换数据的点击事件
摘要: 做项目时遇到的,具体是界面如下图:当点击X号时,出现删除、取消按钮,当点击删除时,这一行删除,当点击取消时又恢复到初始状态。 需要关注的问题是,js动态添加的删除、取消按钮的点击事件。当点击取消时恢复到初始状态的X号的再点击事件。 html代码如下: js代码如下: 当初写的时候问题是卡在点击取消时 阅读全文
posted @ 2016-04-29 10:30 pengpenglin 阅读(2425) 评论(0) 推荐(0)
2015年11月24日
360浏览器-兼容模式也能正常浏览网页
摘要: 阅读全文
posted @ 2015-11-24 16:18 pengpenglin 阅读(222) 评论(0) 推荐(0)
2015年10月27日
jquery实现搜索提示效果
摘要: 1.想要实现的效果如下:其实与百度地图的城市切换部分是一样的。代码如下:其中的知识点包括($.inArray(test,array)>0 判断test是否在数组array中)($("#input").keyup(function(){}) 当向input中输入内容时的监听事件)(val.index... 阅读全文
posted @ 2015-10-27 16:02 pengpenglin 阅读(453) 评论(0) 推荐(0)
下一页
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3