先上个效果图 现在只开发了年月,还在优化。 在网上看了一个纯原生js实现实现惯性滚动和回弹的文章 地址:https://www.cnblogs.com/ranyonsue/p/8119155.html。 于是改造成vue的scroll组件,然后派发scroll-end 滚动结束事件 和 on-scr ...
分类:
移动开发 时间:
2019-02-28 18:07:31
阅读次数:
456
function call_mock (obj) { var aim_fun = this; var argument = []; for (var i = 1; i < arguments.length; i++) { argument.push(arguments[i]); } obj.aim_... ...
分类:
移动开发 时间:
2019-02-27 01:16:04
阅读次数:
294
. jQuery的认识 jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。 和原生js比较 document.getElementById("mytime"); $("#mytim ...
分类:
Web程序 时间:
2019-02-24 17:30:26
阅读次数:
235
//删除id var idObject = document.getElementById('sidebar'); if (idObject != null) idObject.parentNode.removeChild(idObject); //通过class获取元素 paras = docum ...
分类:
Web程序 时间:
2019-02-24 10:57:31
阅读次数:
172
Touch 轮播图 touch轮播图其实就是通过手指的滑动,来左右切换轮播图,下面我们通过一个案例,来实现下。 1. html 结构 结构上,还是用ul、li来存放轮播图片,ol、li来存放轮播小圆点: 2. 样式初始化 html的一些标签,都会有一些默认样式,比如body标签默认是有一个边距的,为 ...
分类:
移动开发 时间:
2019-02-18 19:08:27
阅读次数:
206
我们使用ajax请求一般都用的jQuery, axios封装好了的api, 那么如果只能用原生js, 我们该如何操作了? 上代码. 我们在同目录下写好一个json文件(data.json)用于请求测试 怎么用? ...
分类:
Web程序 时间:
2019-02-17 20:47:59
阅读次数:
219
一、原生Js和jQuery入口函数加载模式不同。 1、原生Js会等到DOM元素加载完毕,并且图片也加载完毕才会执行; 2、jQuery会等到DOM元素加载完毕,但不会等到图片加载完毕就会执行。 二、编写多个入口函数的区别。 1、原生Js如果编写多个入口函数,后面编写的会覆盖前面编写的; 2、JQue ...
分类:
Web程序 时间:
2019-02-16 21:59:54
阅读次数:
209
像淘宝网站等,页面中有着大量图片,一次性全部加载这些图片会使浏览器发送大量请求和造成浪费。采用懒加载技术,即用户浏览到哪儿,就加载该处的图片。这样节省网络资源、提升用户体验、减少服务器压力。 方法1:使用scrollTop/innerHeight/offsetTop 基本知识点: window.in... ...
分类:
Web程序 时间:
2019-02-16 10:38:00
阅读次数:
254
大家也许见过到以下场景: 1、逢年过年或活动日,各大网站(淘宝,京东等)飘着漫天红包; 2、下雨下雪的时候美团上的外卖地图上会有飘雨飘雪的景象; 3、手机里的天气背景有电闪雷鸣的效果; 下面用原生js给大家简单实现一个漫天飘雪的动效。 在开始编程之前,我们先简单理一下思路(实现这样的效果步骤): 1 ...
分类:
Web程序 时间:
2019-02-15 21:16:30
阅读次数:
291
先看几道面试题 1. 描述下js里面的事件流 2. 默认情况下,事件是在冒泡阶段执行还是捕获阶段执行 3. 请简要说明事件委托原理和使用场景 4. 手写原生js实现事件代理,注意浏览器兼容 如果上面的面试题,您不能很顺利的作答,那么希望这篇文件对您能有一些帮助。如果出现错误,请您及时指正,谢谢。 什 ...
分类:
其他好文 时间:
2019-02-13 16:48:10
阅读次数:
167