Iframe内部页面高度赋值于其父页面的Iframe标签，使得该Iframe不存在滚动条，布遮盖子页面的内容： $(‘#crowdfunding_iframe’,parent.document).…
标签：html5
关于ECharts折线图非节点的点击事件
ECharts官网教程 详情请看官网教程 前言：相信很多人有这种需求，在点击折线图非节点的时候不能触发点击事件，而官网又没有这方面的教程，只能自己默默的研究了 解决方案如下: // 基于准备好的dom，初始化echart…
讲清楚基础系列——css布局
两列或三列布局 使用flex float 左右position:absolute,中间margin-left,margin-right 圣杯和双飞翼布局，都是为了实现一个两侧宽度固定，中间宽度自适应的三栏布局。 <…
HTML5新特性
2014年10月29日，W3C(万维网联盟)宣布，HTML5标准规范制定完成。作为一种超文本标记语言，HTML已经成为了Web上使用的通用标记语言，而在这次HTML5的规范中，为开发者带来了一些令人兴奋的新特性。 下面简…
CSS札记（一）：CSS选择器
一、语法规则 选择器{ 属性1:属性值1; 属性2:属性值2; ...... } /*注释*/ 二、如何在html中应用CSS 1. 外部引用css文件 css文件：css/layout.css（css文件夹和HTML位…
canvas实现二维码和图片合成
上个版本街道一个需求，使用url生成一个二维码，然后和另外一张图片合成一张图拍你，实现思路是这样的 使用jr-qrcode将url生成data:base64供img使用 然后使用canvas 将两张图合成一张图片 遇到的…
cookie、session、sessionStorage、localStorage 之间的区别及应用场景
在前端日常开发中 cookie、webStorage 是我们常用的浏览器缓存方式。但同时说起 cookie、session、sessionStorage 和 localStorage 是不是有些傻傻分不清楚了？本文梳理概…
手机H5 web调试利器——WEINRE (WEb INspector REmote) 安卓手机
调试移动端页面，优先选择使用chrome浏览器调试，如果是hybrid形式的页面，可以使用chrome提供的chrome://inspect/#devices 安卓真机调试，不过这个要求比较高：首先，你的 Chrome …
面试题二
1、Pwa 是什么？ Progressive Web App, 简称 PWA，是提升 Web App 的体验的一种新方法，能给用户原生应用的体验。PWA 能做到原生应用的体验不是靠特指某一项技术，而是经过应用一些新技术进…
移动端video局部播放视频
前一阵子写了一个移动端视频播放 但是发现不能局部播放，只能全屏播放，话不多说，贴代码 <video ref="myVideo" id="myVideo" preload="auto" style="width:10…
css3 animation 和 html5 canvas 性能比较（转自SO）
原问题见这里 Image Image Sprite Sprite Browser Canvas CSS Canvas CSS ---------------------------------------------- …
HTML5学习心得－严格模式和怪异模式的区别
每个HTML5文档的首行都是一个文档声明，这种文档声明是用来表示后面的那些个页面标签遵循哪一个原则的,这是HTML5的文档类型声明： <!DOCTYPE html> 这个是XHTML 1.0严格模式的文档类型…
