• 欢迎访问全栈之路
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧
  • 欢迎留言o(∩_∩)o 哈哈

最新发布 第5页

全栈之路姚辉涛个人网站,前端学习笔记,前端知识分享,全栈工程师的自我修养,前端笔记

HTML5

HTML5模拟原生顶部下拉图片变大效果

看到好多APP产品展示页顶部一个焦点图,滚动条位于顶端时,我们再往下拉时图片就会变大。感觉效果挺棒的。就想着用HTML5来实现,终于实现了,效果见下图。 扫码在手机上体验。 原理应该就是当滚动条位于顶点时,如果往下拉,则禁用系统默认滚动e.preventDefault();。 原理听起来挺简单。那怎么判断是往下拉呢? 判断手指下滑 1、首先我们定义四……继续阅读 »

Torry.Yao 3年前 (2016-08-26) 1402浏览 0评论 1个赞

HTML5

HTML5 history API操作历史记录

   之前我们可能用基于hash的导航来实现不刷新的情况下接管页面的浏览历史记录,但是带#号的url总归不是那么美观。HTML5提供了对History操作。 只要通过history.pushState()和history.replaceState()两个函数配合window.onpopstate来实现。pjax也是基于这个原理实现的。……继续阅读 »

Torry.Yao 3年前 (2016-08-25) 1721浏览 0评论 0个赞

程序人生

java web项目页面ajax请求成功但显示404

最近调用微信服务号消息推送接口,java给做了个controller,获取accessa_token,openId,请求发送推送消息。 post数据也能传到后台,微信消息也能接收到,但前端页面返回404。 想想,之前的那么多Ajax请求也是这么写的,都能成功,难道这次是微信接口的问题?可是微信也有数据返回啊 找后台Java看到下班也没发现问题,我这门外汉也……继续阅读 »

Torry.Yao 3年前 (2016-08-23) 1171浏览 1评论 1个赞

前端工具

三步快速打造属于自己的gulp前端开发环境

此版本包含功能有:实时刷新,sass编译,css压缩,js压缩,图片压缩,html压缩等 用法 github地址 这个脚手架是用node-sass来编译sass文件的,so,得先安装node-sass模块。如果使用npm安装不成功,可以试试淘宝的cnpm。这里就不过多介绍如何安装了。 安装完node-sass   1、 在项目目录clon……继续阅读 »

Torry.Yao 3年前 (2016-08-12) 1325浏览 0评论 0个赞

前端工具

使用gulp快速构建只有实时刷新功能的开发环境

对于简单的网站或者说是传统网站来说,我们交付给phper或java的代码都应该是未压缩版的。那么好多gulp的插件我们是用不到的,这里我们只用browser-sync来实现自动刷新的功能,来快速搭建我们的开发环境。 如何安装gulp这里就不介绍了。 基础版 github地址 用法   1、 在项目目录clone上面的地址 git c……继续阅读 »

Torry.Yao 3年前 (2016-08-11) 933浏览 0评论 2个赞

HTML5

利用object解决img图片加载失败显示默认图片问题

图片加载失败显示默认图片的方法有很多,可以用img的onerror,这个用的时候需要小心,容易陷入死循环。可以服务端处理,出错的话,推送一个默认图片等等。这里不过多讨论其他的方法,介绍下利用object的方法。 object元素最大的优点是可以包含备用的内容,在指定内容显示不出来的时候显示。 举个栗子: <object data="../……继续阅读 »

Torry.Yao 3年前 (2016-08-08) 1237浏览 0评论 1个赞

前端开发

完美解决移动端滚动穿透问题【那些年踩过的坑】

需求描述,我们需要在弹出层出现时,禁止遮罩下面的页面滚动。如: 移动端有弹出层,当弹出层也有滚动时,或者滑动遮罩背景时,背景下面的内容也跟着滑动。这就是移动端滚动穿透问题。 1、首先我们试着用 $("html,body").css({"overlow":"hidden"}); 当关闭弹框时,……继续阅读 »

Torry.Yao 3年前 (2016-07-19) 4236浏览 0评论 4个赞

常用插件

jQuery常用插件汇总(持续更新)

jQuery插件 1、swiper – 滑动插件 Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端 2、Layer – 弹出层 Layer一个让你想到即可做到的web弹出层,是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作……继续阅读 »

Torry.Yao 3年前 (2016-07-13) 984浏览 0评论 3个赞