html5

前端Javascript与Nodejs的异同

前言很多小伙伴学Node的时候,都没有好好认识她就开始疯狂追求,想一举拿下,直接在网上搜索Node实战,想知道她活好不好,想先用她建个简单博客练练手。JavaScript和Nodejs我相信很多入坑Nodejs的人都是前端转过来的,但是局限于公司项目用不到Nodejs,只能自学,有些重要且基础的东西就忽略了。下面我们说一下前端的Javascript和Nodejs。每个前端大

如何打造一个令人愉悦的前端开发环境(一)

文章来源最近几年,前端发展越来越迅速,各种萌新加入了前端这个大家庭,大有赶IOS、超Android的趋势呀!同时,萌新们提出了各种前端工作问题,除了最基础的html、css、js三板斧之外,最让人头疼的应该是关于环境的配置问题,所以以环境作为切入点,开始一系列的前端开发环境配置文章。主要会涉及到打包、构建、编程工具、debug等等前端环境,以及前后端分离、Nodejs中间层

小白上学のcanvas零基础

元素看起来和 元素很相像,唯一的不同就是它并没有 src 和 alt 属性。实际上, 标签只有两个属性—— width和height。当没有设置宽度和高度的时候,canvas会初始化宽度为300像素和高度为150像素。该元素可以使用CSS来定义大小,但在绘制时图像会伸缩以适应它的框架尺寸:如果CSS的尺寸与初始画布的比例不一致,它会出现扭曲。元素有一个做 getConte

[分享] 微信支付中商户对个人用户付款案例

随着微信支付的普及,越来越的APP要求支持微信支付。相信大多数开发者也碰到了这样的需求。百度了一下,大家用到最多的是微信支付中个人对商户的支付业务,而很少有人用到微信中商户对个人付款的业务。我最近就碰到了这样的需求,因为从来没有做过,所以只能查资料,可是百度到的资料很少,并且是过时的东西。又问了圈子里的高手,可是大家都没有做过。没办法只有硬着头皮自己拱吧!还好还好,功夫不负

html5入门

HTML5的概念It is a new version of the language HTML, with new elements, attributes, and behaviors.HTML5是html语言的新的版本,新在于新的元素标签,新的属性,新的行为。html5有以下几个方面的变革:SEMANTICS 语义化的标签header、footer、aside、art

「让制作 H5 像制作 PPT 一样简单!」

Wechat-H5-Boilerplate 「让制作H5像制作PPT一样简单!」 Wechat-H5-Boilerplate(以下简称WHB)是一个H5动效模板,专门为微信优化,适合快速构建全屏滚动型H5宣传页。 例如让一段文字动起来只需要一行代码: I'm a coder!Github 地址: https://github.com/panteng/wechat-h5-bo

《每周一点canvas动画》——桌球运动(2)

每周一点canvas动画代码文件在上一节,《每周一点canvas动画》——桌球运动(1)中我们介绍了如何运用动量守恒和能量守恒的概念,最为真实的模拟了物体与物体之间发生碰撞后的情况。那么这一节,我们在上一节的基础上我们继续深入研究,非水平和非垂直的情况下如何处理物体与物体之间碰撞后的情况,以及更为普适的多物体运动。本节主要内容:代码优化二维碰撞解析代码实现粒子系统总结1.代

从零开始开发一款H5小游戏(五) 必要的包装,游戏规则和场景设计

本系列文章对应游戏代码已开源 Sinuous game到这里我们已经讲了游戏的整体设计和实现。一个游戏要完整,还需要给它制定一个评分机制,它是整个游戏的关键所在。就好比一部电影,特效再好看,如果剧情狗血,那也是一部烂片。相信大家都玩过一些简单但很吸引人的小游戏。比如很久以前微信上的打飞机,围住神经猫,还有前段时间大火的slither.io。他们都简单易玩,但却能让人肾上腺素

CSS3 聊天气泡框以及 inherit、currentColor 关键字

效果如上图所示,主要用到CSS3的伪类::after、::before,以及圆角边框border-radius属性。对于下面的气泡框,可以有两种方式实现小三角:传统方式,利用CSS画小三角,利用到了透明背景和边框属性transparent的应用。CSS3的transform属性的使用然后通过position定位到合适的位置。此外,本文还会讲一下CSS的inherit属性值的

多屏互动——H5 中级进阶

前言随着智能硬件的普及,手机,平板,PC甚至路边的电子广告牌,现代浏览器已经无处不在。在浏览器里编织出我们自己的一片天地已经轻车熟路,但是这还不够,H5赋予了浏览器太多的新特性,等待我们去使用。这篇文章介绍利用手机浏览器的罗盘API,在PC的浏览器实时地绘制一个3D盒模型。这种炫酷的玩法叫做“多屏互动”,就像是把手机当做游戏手柄,PC显示器当做电视机,不过这些都是在浏览器里