前言 前一阵子忙着找工作,面试过程中,碰到一个感觉比较有意思的问题,尽量多的列举出新手引导动画的实现方式, 昨天稍微总结了一下, 实现了4种.源码在最后,如果想直接看结果的,可以拉到最后去看. 这里假设所有的弹出层都是基…
标签：html5
《每周一点canvas动画》——移动物体(1)
内容已删除，请前往博客观看后续内容
nodejs中ajax跨域和jsonp跨域
JSONP跨域获取数据 1.前端代码： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <…
Chrome 53 Beta一些有意思的改动
原文链接： http://blog.chromium.org/2016…译者：Icarus邮箱：xdlrt0111@163.com 如果没有特殊说明的话，以下都是应用在Android,Chrome OS,Li…
移动端禁用系统默认菜单
首先介绍两个移动端私有属性-webkit-touch-callout，-webkit-tap-highlight-color -webkit-touch-callout：当你触摸并按住触摸目标时候，禁止或显示系统默认菜单…
flex布局中某个行内元素居右并垂直居中
首先父盒子设置成display: flex 子元素(行内元素)设flex: 1和text-align: right <div class="flex-box"> <div>1</div>…
nodejs中ajax跨域和jsonp跨域
JSONP跨域猎取数据 1.前端代码： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <…
react开发教程（七）React事件系统
事件系统 Virtual DOM在内存中是以对象的形式存在的，如果想要在这些对象上添加事件的话，React是基于Virtual DOM实现了一个合成事件层，他完全符合w3c标准，不存在ie的兼容问题。并且拥有和浏览器原生…
px、em、rem、%、vw、vh、vm这些单位的区别
1.px px就是像素，也是我们现在经常使用的基本单位，比如常常听到的电脑像素是1024×768的，表示的是水平方向是1024个像素点，垂直方向是768个像素点。 2.em em参考物是父元素的font-siz…
前端面试每日3+1（周汇总2019.08.25）
《论语》，曾子曰： “吾日三省吾身”（我每天多次反省自己）。 前端面试每日3+1题，以面试题来驱动学习，每天进步一点！ 让努力成为一种习惯，让奋斗成为一种享受！ 相信 坚持 的力量！！！ 项目地址： 前端面试每日3+1 …
小DEMO之manifest初体验
前言 补漏洞系列~今天来动手体验一下HTML5中的离线应用之mainifest缓存清单。实际上H5还提供了一个JavaScript接口来用于更新缓存文件的方法以及对缓存文件的操作。在Chrome中，输入以下地址就可以查看…
web Notification接口的简单的封装--nf.js
花了两个小时重温了一下html5的Web Notification接口，虽然简单，但我觉得还应该有更方便的使用方式，所以就对这个API的接口进行了简单的封装。源码放在了我的github上。加上注释也就90行，想看源码的同…
