qq_33298964的博客

项目中使用到按住W键人物步行前进，按住Shift+W键，人物跑步前进，方法总结如下

有时我们在做响应式网站，需要既在PC在预览，也可以在手机端预览，那么就需要区分下两端的不同交互事件，拿最常用的点击事件举例，PC端点击事件是“click”，在手机端点击事件则是“touchstart”，通常有两种方法解决，1、通过js判断移动端和PC端采用两套不同的css样式文件，便于分开管理和开发。根据屏幕宽度通过媒体查询判断移动端和PC端，从而赋予不同样式。1、使用不同js文件，通过判断终端来引用不同js。2、使用同一个js文件，通过判断终端来区别使用。同样css样式在两端的适配也有两种方法。

移动端的浏览器一般都支持window.orientation这个参数，通过这个参数可以判断出手机是处在横屏还是竖屏状态。之前，做了一个H5项目，需要在横竖屏变化时，展示不同效果。ipad,iphone： 90 或 -90 横屏。ipad,iphone： 0 或180 竖屏。Andriod： 90 或 -90 竖屏。Andriod：0 或180 横屏。

js获取当前时间、节假日、节气，根据当前时间、节假日、节气更换问候语和背景图片

一事件只执行一次，有以下两种方法。

CSS3三角形。为了项目轻量化，一般能用css样式写出来的就不用图片，下面是用css3写常用的三角形。

1、浏览器默认样式优化，兼容火狐浏览器，若是整个页面滚动条都改变，.box改成*即可。2、缺个角的样式可以使用渐变来写。

CSS实用样式，渐变背景色，渐变文字，毛玻璃，灰度处理，噪点，旋转微动效