图片延迟加载

本期介绍下图片延迟加载,图片延迟加载在很多大型站点基本都是‘标配’了,例如,淘宝,京东,你打开这些页面的时候会发现,文字先加载了,然后再去加载图片,等你往下滚动的时候,图片会加载,如果用户没有滚动到网页靠下的部分,那图片就不用显示了。 那什么是图片延迟加载呢?说通俗点,就是当数据加载完成后再去用户看到当前页面再去加载图片。 这样做有什么好处呢?减少对服务器的请求,降低服务器的带宽,增加页面打开速度 […]

Vue.js学习日志(二)–模板语法

上一张我们介绍了入和安装vuejs,这一张正式开始vuejs的学习。学习一个框架,最基础的肯定是语法了,就是这个框架怎么去用,至于底层原理,等会使用了后在去关系底层。 vuejs模板语法是怎么样的呢? 1、文本 [code]<span>Mes: {{ msg }}</span>[/code] 也是最常见的数据绑定形式就是用双花括号{{xxx}} 2、HTML文本 如果你想插 […]

Vue.js学习日志(一)–认识和安装Vue.js

从今天开始,博客正式正式Vue.js学习日志,也是博主最近一直在学习的,看过前面文章的同学应该知道,这次打算弄一个相对于比较完整的学习日志,共同学习,共同进步! Vue.js 是什么 Vue.js(读音 /vjuː/,类似于 view) 是一套由国人开发的,构建用户界面的渐进式框架。 与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,它不仅易于上手,还便于 […]

JS返回顶部

今天给大家介绍的是JS返回顶部特效,返回顶部是一个网页很常见的特效了,基本上每个网站都有,做起来也比较简单。今天给大家介绍的返回顶部特效分为两种,一种是点击后直接回到顶部,另一种是点击后有一个运动的效果慢慢回到顶部,如果你有需要的话,可以直接部署到你的网站上面,看你需要那种类型的,一般来说,手机网站或者移动端都是直接就回到顶部的,PC端是缓慢运动到顶部的。 上代码之前,咱们先分析下逻辑。 1、当滚 […]

原生JS数组去重的4种方法

有时候我们做项目的时候往往会需要把数组里面一些重复的项去掉,但是原生JS有排序,有筛选等等,但是就是没有数组去重怎么办呢? 这能怎么办,自己手动添加嘛。(一下代码直接在原型上添加的,为的就是和原生JS方法类似) 第一种方法:创建空数组利用indexOf方法检测就数组的项是否在新数组中。 Array.prototype.unique=function(){ var arr=[];//创建新数组 fo […]

vueJs解析时出现闪烁怎么办?

这段时间在学习vueJs,vueJs学习真的很棒,简单易上手,而且最重要的是中文文档太帮了,毕竟是国人开发的嘛。 今天和大家说一说,新手学习的时候经常会遇到的一个问题,就是我demo是好的,但是F5刷新的时候页面会先出现vue的数据,然后才解析,这是怎么回事呢? 对于这个问题由于JavaScript去操作DOM,都会等待DOM加载完成,对于vuejs、angularjs这些会在DOM ready完 […]

原生JavaScript AJAX点击加载更多–(获取评论列表)

在很久以前的文章中介绍过原生js ajax,但是那只是很简单的用法,今天老九和大家分享的是一个成熟的项目中使用ajax来获取更多评论。 技术难点:1、模拟数据(其实这个真不算难点)2、有些评论没有图片,有些又有3、刚开始加载一部分,然后点击的时候加载想要的条数(比如10条) 分析:1、数据肯定是json毋庸置疑的,2、文档碎片适合吗?当然文档碎片,一次性添加减少DOM重新渲染,但是在这里有点不太适 […]

jQuery弹出层插件–layerJs

今天给大家介绍一款非常好用的弹出层插件,非常方便,速度快,体积小,最重要的是有PC和移动版本的,但是唯一不足就是pc和移动不能共用,也就是说,pc只能用pc版本的,移动端只能用移动端版本的。大家可以去官网查看http://layer.layui.com layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验。 本 […]

JavaScript怎么求数组中最大值和最小值

有时候我们在做项目的时候经常要求一个数组的最大值最小值,但是JS又没有直接现成的方法,那怎么办,只能自己手动实现啦! 本期老九就和大家一起探讨下JS怎么求数组的最大值和最小值(目前老九就知道四种方法,各位还知道其他的可以留言)   1、排序法:意思就是先把数组按照从小到大排序,然后第一个就是最小值,最后一个就是最大值了 var array=[100,50,60,40,10,20]; ar […]