使用hgroup元素组合标题 使用新的HTML5元素hgroup,可以为header元素添加更多的信息。 这个元素用来对多个相关联的h1~h6标题进行分组。如果你的网站有副标题,可以使用hgroup元素。虽然hgroup…
分类:html5
CSS3 transform 详解
最近在做H5,发现还是对transform了解的不是特别深刻,这里做一个总结。 CSS3 transform transform的含义是:改变,使…变形;转换 CSS3 transform都有哪些常用属性 rotate(…
React项目动态设置title标题
在React搭建的SPA项目中页面的title是直接写在入口index.html中,当路由在切换不用页面时,title是不会动态变化的。那么怎么让title随着路由的切换动态变化呢?1.在定义路由时增加title属性。 …
基于canvas和web audio实现低配版MikuTap
导言 最近发掘了一个特别happy的网页小游戏–MikuTap。打开之后沉迷了一下午,导致开发工作没做完差点就要删库跑路了,还好boss瞥了我一眼就没下文了。于是第二天我就继续沉迷,随着一阵抽搐,这个游戏索然…
微信浏览器中video播放视频踩坑总结
video属性介绍 iOS的属性 playsinline On iPhone, video playsinline elements will now be allowed to play inline, and wil…
移动端基本概念
1. 物理像素物理像素是手机的分辨率,在同一个手机上,物理像素是出厂就设置好的,如iPhone6的物理像素是750*1334 2. 逻辑像素逻辑像素是手机的逻辑分辨率,包括css像素3. 设备像素比物理像素/逻辑像素=D…
项目中需求 文字高亮
搜索结果文字高亮显示 -实际项目中的文字高亮 自己实现的方法,本来可以使用vue过滤器 我懒就写了个方法 直接上代码 <div class="name"> <span class="txt" @clic…
css总结
平时比较常用的css样式和技巧 1. 商品价格文本中的一条线,例: div { text-decoration: line-through; } 2. 文本超出溢出显示省略号,例: 单行本文 div { overflow…
Codepen 每日精选(2018-3-29)
按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以打开原始页面。 纯 css 写的立方体动画https://codepen.io/davidkpian… 自动生成曼陀罗图案https://codepe…
解决360浏览器兼容模式的页面显示问题
content的取值为webkit,ie-comp,ie-stand之一,区分大小写,分别代表用webkit内核,IE兼容内核,IE标准内核。 若页面需默认用极速核,增加标签:<meta name="rendere…
微信硬件JS-Api开发不完全指南
1.引入JS库 <script type='text/javascript' src='//res.wx.qq.com/open/js/jweixin-1.0.0.js'></script> 2.…
Node.js开发系列(三)
上一节我们使用express代替http做了一个简单的web应用 模块分离现在我们再次来改造这个最简单的应用。新建一个start.js文件 var http = require('http'); var url = re…