简介 【目标】:前端开发移动端及H5时候,不需要再关心移动设备的大小,只需要按照固定设计稿的px值布局!【基础】 dpr(设备像素比)css的像素px不等于设备像素/分辨率/各种值,css的px可以简单理解为虚拟像素,与…
分类:html5
HTML5 语义化标签
为什么会有h5 语义化标签 在HTML5出现之前,我们一般采用DIV+CSS布局页面。但是这样的布局方式不仅使我们的文档结构不够清晰,而且不利于搜索引擎爬虫对我们页面的爬取。为了解决上述缺点,HTML5新增了很多新的语义…
IphoneX底部适配
1.判断是否是IPhoneX手机 let isIphone = /iphone/gi.test(window.navigator.userAgent) let windowW = window.screen.width …
NodeJs 【加强版】实现跨域WebSocket 即时通讯
原生WebSocket API使用起来不太方便,我们使用Socket.io,它很好地封装了webSocket接口,提供了更简单、灵活的接口,也对不支持webSocket的浏览器提供了向下兼容。 服务端代码 根据不同客户端…
如何利用WebSocket实现网页版聊天室
花了将近一周的时间终于完成了利用WebSocket完成网页版聊天室这个小demo,期间还走过了一段“看似弯曲”的道路,但是我想其实也不算是弯路吧,因为你走过的路必将留下你的足迹。这个小demo看似简单,但是这一路走来自己…
使用Webpack+Gulp开发运行于Dcloud平台HTML5+引擎的混合APP项目经验分享
什么是5+Runtime? 首先简单介绍一下5+Runtime: HTML5 Plus Runtime(5+Rumtime)是由Dcloud开发的一套”增强版的手机浏览器引擎”,与之配套的IDE时…
函数调用拾遗
函数调用总结 通常构成函数主题的JS代码在定义之时是不会被执行的,只有在调用函数是才会被执行有4种方式可以调用JS函数 函数调用 //定义函数 factorial function factorial(){ if(x &…
HTML5中canvas实现小球击打小方块游戏
源代码:http://download.csdn.net/detail/liumingm… 游戏开发流程: 1、创建画布: 将画布放在div标签里面,这样可以控制画布居中的位置,再对div标签加上一些样式比如…
微信页面监听摇一摇事件,并伴有音效
原文出处:http://i.jakeyu.top/2016/05/0… 最近要写一个微信网页,需要监听手机摇动事件,并且伴随有声音 在HTML5,devicemotion事件deviceorientation…
html标签整理
说明 这篇文章用来记录html中的英文单词及其意思!并没有其具体用法,具体用法请自行搜索!这篇文章只是用来记忆的!注意:这篇文章中列出的标签不包括在规范中已经被删除和不被html5所支持的标签。 非标签类 <!…
js常用的函数库
阻止冒泡、默认行为、事件捕获 /* funname preventEventPropagation * desc 阻止冒泡事件&阻止默认行为&阻止事件捕获 * params {name: string}参…
SVG里的几个实用动画元素的用法
由于刚刚接触svg,在w3school和菜鸟教程上面的简直是入门的入门,过于简洁,完全不利于学习,所以不得不在网上找了一些文章和资料来看看,对于svg动画这部分完全可以跟css3动画抗衡,现在整理一下,以备忘。 SVG中…