InstantClick.js之pjax页面加载体验优化测试

InstantClick.js之pjax页面加载体验优化测试

InstantClick 使用了 pushState 和 Ajax 技术,这个组合被称为 Pjax .InstantClick 在页面使用体验上最优秀的效果就是,页面打开在慢的时候进度条友好展示,要打开的页面没加载完成之前不跳转过去,停留在当前页面。InstantClick.js pjax在线demo体验地址:https://www.isres.com/pjax/index.html

前端技术文章 2019-11-17 AM 111次 0条
基于jquery的选项卡嵌套二级选项卡的实现

基于jquery的选项卡嵌套二级选项卡的实现

做为一名linux运维+PHP开发,对前端只是一知半解,但还是有兴趣的。jquery是好东西,可是自己不熟,半桶水写原生JS,慢慢遇到浏览器各种兼容之后,才发现jquery的基本不用考虑这些。这次是倒腾一个选项卡嵌套二级选项卡的功能,看着手册来弄。效果如下:比如选项第一级是 明星、作家等,如果点击明星之后,第二级是A-Z的字母,点击A字母后,选项卡内容就都是A开头名字的明星。选项卡标题spa...

技术技巧分享,前端技术文章 2019-07-07 PM 197次 0条
pc 电脑web浏览器js通过usb控制安卓手机打电话挂电话

pc 电脑web浏览器js通过usb控制安卓手机打电话挂电话

pc 电脑web浏览器js通过usb控制安卓手机打电话挂电话分析与介绍基于js/javascript通过usb数据线控制安卓手机打电话拔号或挂断的需求即浏览器通过usb数据线控制安卓手机打电话拔号或挂断的一键拔号。技术构架: PC电脑(google浏览器,firefox浏览器,360浏览器) 的js/javascripts 通过usb数据线连接安卓手机,控制安卓手机打电话拔号或挂断。应用场景...

默认分类,技术技巧分享,前端技术文章 2017-10-05 PM 340次 0条
使用css sticky实现元素自动置顶和自动回原位置

使用css sticky实现元素自动置顶和自动回原位置

常用于表格表头,页面导航,选项卡等。比如 这个 bar 在中间,但滚动向上,这个bar触到顶部时,则自动fixed。当向下滚动,bar则自动融回原位置。{position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:sticky;top:0;left:0;z-index:9980} 最近也在琢磨这个效果,j...

默认分类,前端技术文章 2017-08-22 PM 355次 0条
css元素自动置顶和自动取消置顶

css元素自动置顶和自动取消置顶

常用于表格表头,页面导航,选项卡等。比如 这个 bar 在中间,但滚动向上,这个bar触到顶部时,则自动fix。当向下滚动,bar则自动融回原位置。{position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:sticky;top:0;left:0;z-index:9980} 说明在一些很长的表格中,常常...

默认分类,前端技术文章 2017-08-22 PM 417次 0条
vue.js 图片懒加载的实现

vue.js 图片懒加载的实现

本实例依赖于 vue.lazyimg.js 这个vue插件。官方的demo非常清楚,个人在实际应用的实现如下加载中加载完成是一个200ms渐变过程引用js<script type="text/javascript" src="js/vue.min.js"></script> <!--vue 懒加载组件--> <...

默认分类,php开发技术文章,前端技术文章 2017-08-16 AM 425次 0条