林洪炳的日常技术积累

最近有一个客户是做售门的生意的，客户需求是：进入官网，首先要有一个门被打开（效果），然后才显示网站首页。那么，这个开门的效果要怎么做呢，我构思了一下，用jquery来做动画效果，还是挺简单的。好，不多说，先上代码：        开门效果                html,body{            height:100%;  

一、安装可检测 APP 是否安装的插件ionic cordova plugin add cordova-plugin-appavailabilitynpm install --save @ionic-native/app-availability二、安装可调用原生浏览器的插件ionic cordova plugin add cordova-plugin-inappbrowser...

《HTML5游戏开发的基本流程》 * 1. HTML5的简述 * 2. HTML5游戏开发所需的环境与工具 * 2.1. 开发环境 * 2.1.1. 浏览器 * 2.1.2. 开发语言 * 2.1.3. 开发平台 * 2.2. 开发工具 * 2.2.1. 代码编辑器 * 2.2.2. 版

好久没有写过原生JS了，突然没事做，写了一个跟着鼠标走的加载小动画，最终效果如下图：这个效果实现起来非常简单，大概思路是：先用 CSS3 的 border-radius 属性将三个 div 的样式设置为圆形，然后定义一个椭圆路径，最后用定时器或帧函数使得三个 div 绕着椭圆路径旋转，同时椭圆路径的中点始终跟随者鼠标移动。有了思路就可以开始写代码了，先把 h

如果用JS做前端的时候，就会发现跟 Math 类打交道比较少。但是如果用 Node.js 做后台，或用 JS 写游戏的时候，Math 类就会无处不在，尤其是 random()、round()、abs()、ceil()、floor() 等方法很常用。本篇文章就来说说Math 类中的 sin()、cos()、tan() 这三个中学时期的数学重点究竟在JS中怎么用。

在 HTML5的崛起、JavaScript要一统天下之际，有一个名为【跨平台】的技术越来越火。为什么会这么火？因为软件开发者只需一次编写程序，即可在 Windows、Linux、Mac、IOS、Android 等平台运行，大大降低了程序员的工作量，也使公司的产品可以快读迭代。曾经跨平台技术的不被看好，如今随着手机、电脑硬件的发展而快速发展。这一切，几乎由HTML5技术推动，当然，JavaScrip

本来想尝试用做一个网页版的美图秀秀，可以导入的对图片进行处理，还有制作一些模板可以快速生成人物的表情包，但是做着做着，发现太耗时间了。结果最终只是简单做了一个基于 canvas 的绘图画板。

（1）clientX 和 clientY 需配合 event 使用，用于触发鼠标事件时，获取鼠标在网页中的横和纵坐标。用W3C的解释是，clientX 事件属性返回当事件被触发时鼠标指针向对于浏览器页面（或客户区）的水平坐标；clientY 事件属性返回当事件被触发时鼠标指针向对于浏览器页面（或客户区）的垂直坐标。（2）scrollLeft 和 scrollTop 常常配合 body 来使用，其中 scrollLeft 是网页被卷去的左，scrollTop 是网页被卷去的高。问题来了，什么是“被卷去”

因为我的疏忽，在一个for循环中加入了 splice 后，导致了我的H5游戏项目中的众多 NPC 中的某一个 NPC 并没有按预期地移动到相应的位置。最重要的是我还提交到了版本库，与 splice 同时提交了几百行代码，所以不能回退版本只能断点调试到深夜才找到这么小小错误。所以我写了这篇文章来记录一下在 for 循环中使用 splice 时会遇到的小小的容易疏忽的坑。

在Atom中使用前端必备插件 JavaScript Snippets 来快速编写 JS、Node 代码。

H5本地存储有两个API，一个是Web Storage，还有一个是Web SQL。不管是哪一个，都是基于JavaScript语言来使用，接下来我就教你怎么使用H5本地存储，本文篇幅较大，JS代码较多，请耐心阅读。一、Web Storage教程1、概述：对于Web Storage来说，实际上是Cookies存储的进化版。如果了解Cookie的人几乎一看Web

一般2D的RPG人物移动有三种：（一）背景固定，角色移动（二）角色固定，背景移动（三）角色移动，背景动态移动第一种在移动端的游戏比较少见，但在PC端的模拟类游戏比较常见，因为屏幕较大，背景固定即可，角色在背景上移动；第二种在移动端比较多见，就是角色固定在屏幕中间，需要移动时只需要移动背景同时播放角色跑步的动画即可达到角色移动的效果；第三种是第一和第二种的结合，是如今最常见的方式，先

市面上有很多H5游戏引擎，国外的H5游戏引擎数不胜数，而国内较成熟的H5游戏引擎就是cocos2d-js、layabox还有今天的主题egret。为什么我要用egret白鹭引擎？因为相比于国内的另外两款，egret跨平台，入手容易，性能较好，更新频繁，辅助开发工具较多，团队合作更加得心应手。那么同样优秀的另外两款我为什么不选择，首先说说cocos2d-x引擎，cocos2d-x最开

一、如果项目有 run 或者 build 过：1、打开 /platforms/android/src/org/apache/cordova/inappbrowser/InAppBrowser.java2、找到 shouldOverrideUrlLoading 函数，替换为：@Overridepublic boolean shouldOverrideUrlLoading(WebVi...