04 2018 档案

storage 事件监听
摘要:在公司的一次内部分享会上, 偶然知道了这个H5的新事件, 解决了我之前的一个bug. 事情是这样的, 第A网页上显示的数量的总和, 点击去是B页面, 可以进行管理, 增加或者删除, 当用户做了增删操作之后, 返回到A页面的时候不会更新数量, 这个问题困扰了很久 终于等到storage事件, 据说淘宝 阅读全文

posted @ 2018-04-26 19:55 sjpqy 阅读(414) 评论(0) 推荐(0) 编辑

axios 的使用方法
摘要:axios是一个基于promise的HTTP库, 可以再浏览器和node.js中使用 浏览器的兼容 安装 使用npm安装 npm install axios --save 使用bower安装 bower install axios --save 使用cdn引入 <script src="https: 阅读全文

posted @ 2018-04-25 15:23 sjpqy 阅读(685) 评论(0) 推荐(0) 编辑

touch-action 解决移动端300ms延迟问题
摘要:CSS3 新属性, touch-action: manipulation; 可以有效的解决移动端300ms延迟的问题 移动端300ms延迟问题一直都是h5APP的痛点, 有很多库或者方法都可以解决, 比如用onstouchstart和ontouchend已经 ontouchmove来实现点击, 这样 阅读全文

posted @ 2018-04-24 19:49 sjpqy 阅读(606) 评论(0) 推荐(0) 编辑

requestAnimationFrame 持续动画效果
摘要:1. requestAnimationFrame 概述 requestAnimationFrame 是浏览器用于定时循环操作的一个API, 类似于setTimeout, 主要用途是按帧对网页进行重绘. 设置这个API的目的就是为了让各种网页动画效果 (DOM动画, Canvas动画, SVG动画, 阅读全文

posted @ 2018-04-24 10:13 sjpqy 阅读(403) 评论(0) 推荐(0) 编辑

解决IOS移动端 Safari浏览器 onclick无法触发的问题
摘要:在移动端布局的时候, 在底部有一个button, 页面超过两屏, 是一个可滚动的的网页, 当运行在移动端Safari浏览器上的时候, 向下滑动页面, 浏览器的头部和尾部会自动隐藏, 这样可视区域就会变大, 本来这个设计是很好的, 但是这也跟前端工程师带来麻烦, 当头部和尾部隐藏掉之后, 再点击底部的 阅读全文

posted @ 2018-04-20 09:50 sjpqy 阅读(4109) 评论(0) 推荐(0) 编辑

使用http-server创建本地服务
摘要:在很多情况下, 都需要开启本地http服务器来测试, 所以就需要一个简单省事的http服务器, , 以前的时候可以使用express或者webpack-dev-server来启动一个服务, 这未免有点复杂, 有的时候就是写一个小小的demo而已, 终于...发现了这个好东西, http-server 阅读全文

posted @ 2018-04-18 18:40 sjpqy 阅读(246) 评论(0) 推荐(0) 编辑

perventDefault, stopPropagation, stopImmediatePropagation 三者的区别
摘要:event有三种特别容易混淆的方法, 用来阻止默认事件的发生 1. e.preventDefault(); 2. e.stopPropagation(); 3. e.stopImmediatePropagation(); 首先看这三个在MDN上的介绍 preventDefault: 如果当前even 阅读全文

posted @ 2018-04-18 09:44 sjpqy 阅读(1413) 评论(0) 推荐(0) 编辑

30-seconds-of-css
摘要:你可以再30秒或者更短的时间内读懂的有用的CSS代码片段的精选. github地址 不过代码不在github上面 官网地址 上面有详细的介绍和演示 下面是我读到的一些个人认为比较实用的片段 1. 等宽高比 给定一个可变宽度的元素, 它确保其高度以响应的方式与宽度保持成比例, 即宽度与高度的比例保持一 阅读全文

posted @ 2018-04-12 09:04 sjpqy 阅读(246) 评论(0) 推荐(0) 编辑

推荐一个轮播图库
摘要:很多网站都会有轮播图, 网上也有各种插件, 今天推荐一个基于 jQuery 的一个库, 非常方便, 这个库也是非常小, 压缩之后的代码只有 43KB, 几乎涵盖了所有形式的轮播图, 想用什么直接上去找就行 官网地址 也可以直接在 gitHub 上下载源码 官网的首页也有很多demo 用法也是相当简单 阅读全文

posted @ 2018-04-03 09:32 sjpqy 阅读(426) 评论(0) 推荐(0) 编辑

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示