Articles in the category of 前端

前端

1.png

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

- Read More -
技巧,前端

QQ截图20190707210626.jpg

做为一名linux运维+PHP开发,对前端只是一知半解,但还是有兴趣的。jquery是好东西,可是自己不熟,半桶水写原生JS,慢慢遇到浏览器各种兼容之后,才发现jquery的基本不用考虑这些。这次是倒腾一个选项卡嵌套二级选项卡的功能,看着手册来弄。效果如下:比如选项第一级是 明星、作家等,如果点击明星之后,第二级是A-Z的字母,点击A字母后,选项卡内容就都是A开头名字的明星。选项卡标题span和和选项卡内容理论上不限数量 自由添加,但数量得一致,需要保持标题内容的一一对应,JS是自动按顺序做关联关系的,这样的好处是增加内容很方便。代码:<!DOCTYPE html> <...

- Read More -
默认分类,技巧,前端

112.jpg

pc 电脑web浏览器js通过usb控制安卓手机打电话挂电话分析与介绍基于js/javascript通过usb数据线控制安卓手机打电话拔号或挂断的需求即浏览器通过usb数据线控制安卓手机打电话拔号或挂断的一键拔号。技术构架: PC电脑(google浏览器,firefox浏览器,360浏览器) 的js/javascripts 通过usb数据线连接安卓手机,控制安卓手机打电话拔号或挂断。应用场景:CRM客户管理系统,产品订单系统 等需要大量对客户进行电话访问的工作,工作人员戴上耳机,通过网页按钮一键拔号和挂断,可直接不再需要工作人员拿起电话 按键拔号 挂断电话等重复劳动。特点:趋近于零成本,...

- Read More -
默认分类,前端

s1.jpg

常用于表格表头,页面导航,选项卡等。比如 这个 bar 在中间,但滚动向上,这个bar触到顶部时,则自动fixed。当向下滚动,bar则自动融回原位置。{position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:sticky;top:0;left:0;z-index:9980} 最近也在琢磨这个效果,js写得实在痛苦,就上网找找demo,在手机网易上看到了。说明在一些很长的表格中,常常会使用表头悬浮的设计以方便阅读,即在表格离开窗口之前,表头会一直 fixed 悬浮在表格的最顶上。还有许多诸如评论框...

- Read More -
默认分类,前端

常用于表格表头,页面导航,选项卡等。比如 这个 bar 在中间,但滚动向上,这个bar触到顶部时,则自动fix。当向下滚动,bar则自动融回原位置。{position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:sticky;top:0;left:0;z-index:9980} 说明在一些很长的表格中,常常会使用表头悬浮的设计以方便阅读,即在表格离开窗口之前,表头会一直 fixed 悬浮在表格的最顶上。还有许多诸如评论框等元素,也采用了这种被称为 Sticky Pin 或者 粘性元素 的设计。这种效果一...

- Read More -
默认分类,php,前端

33.jpg

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

- Read More -
This is just a placeholder img.