
JS
文章平均质量分 84
慕森
这个作者很懒,什么都没留下…
展开
-
BootStrap3.X+html5+CSS3+Vue2.X 项目问题总结
1.Vue.js无法直接使用Bootstrap的tooltip插件的解决方法1.1 根据Ajax数据动态增加的tooltip在Vue.js中的初始化操作因为Bootstrap依赖于JQuery库,tooltip需要使用JQuery代码进行初始化$('[data-toggle="tooltip"]').tooltip()http://v4-alpha.getbootstrap...原创 2017-10-07 14:06:35 · 2493 阅读 · 0 评论 -
随页面滚动改变定位的tab菜单
实现效果及完整代码:https://lucyzlu.github.io/Web/toTop.html1.导航菜单功能在页面滚动时导航菜单始终显示在视口内,以便用户在浏览时可以随时点击导航菜单链接到别的页面查看样例。 我觉得这里之所以要特别把导航菜单做成这样,是因为这个页面是基本样例的展示,文档本身高度比较大,且用户一般不会从头到尾仔细看文档,很可能中途就要跳转到其他页面,因此让用户随...原创 2018-02-27 17:10:22 · 5740 阅读 · 1 评论 -
JS的浏览器环境的事件循环(event loop)机制
1. 事件循环 JavaScript引擎并不是独立运行的,它运行在宿主环境中,对多数开发者来说通常就是Web浏览器。经过最近几年的发展,JavaScript已经超出了浏览器的范围,进入了其他环境,比如通过像Node.js这样的工具进入服务器领域。实际上,JavaScript现如今已经嵌入到了从机器人到电灯泡等各种各样的设备中。 所有这些环境都有一个共同“点”,即它们都提供了一种机制来...原创 2018-03-07 21:47:15 · 3470 阅读 · 0 评论 -
懒加载的原理及实现
1.懒加载概念对于页面有很多静态资源的情况下(比如网商购物页面),为了节省用户流量和提高页面性能,可以在用户浏览到当前资源的时候,再对资源进行请求和加载。2.懒加载实现原理2.1监听onscroll事件判断资源位置 首先为所有懒加载的静态资源添加自定义属性字段,比如如果是图片,可以指定data-src为真实的图片地址,src指向loading的图片。 然后当资源进入视口的时候,...原创 2018-03-11 14:37:07 · 39330 阅读 · 1 评论 -
数据双向绑定
1.数据双向绑定概述双向绑定即:在模板中的数据发生变化的时候,模型对象也要发生改变;模型对象中的数据改变时,视图中的数据也要发生改变。 举个栗子: 如果要用JS原生代码实现input输入框和对象中的属性值保持一致,双向绑定如何写? 思路就是:监听输入框的input事件(不能是change事件,change事件要求输入的值改变并且元素失去焦点以后才触发),当输入框的value改变的时候用这...原创 2018-03-13 11:44:35 · 975 阅读 · 0 评论