自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

塘朗山吖秋

担子挑春虽小,白白红红都好。卖过巷东家、巷西家。

  • 博客(10)
  • 问答 (1)
  • 收藏
  • 关注

原创 Phaser 小游戏 —— 不靠谱的忍者

需求1. 按住屏幕,棍子伸长,放开手指,棍子放下。2. 具有计时功能。3. 计时结束或者棍子没有放到安全区域,则游戏结束。单独一个 Scene 作为背景,防止显示 Scene 重叠时有遮挡// background.tsexport default class extends Phaser.Scene { constructor() { super({ key: 'BackgroundScene', ...

2020-11-19 17:33:31 265

翻译 Chrome 开发者工具 —— Performance 使用参考

原文链接:https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/reference?hl=zh-cn相关文章:https://github.com/hewq/blog/blob/master/devtools/performance_start.mdDisable JavaScript Samples默认情况下,Main 部分会详细记录 JavaScript 的调用堆栈,使用 Disable Ja.

2020-11-02 21:37:05 349

原创 2020前端面试题汇总(2020.05-2020.10)

2020 年 5 月份选择了裸辞,这是一个不理智的决定,面试之后才发现自己有太多的不足,再加上疫情之后的经济环境,历经 5 个月终于才找到了一份工作。现在把这 5 月所有的面试题记录下来做一次总结,在此感谢在这 5 个月里关心我和帮我推荐工作的人们。github 地址:https://github.com/hewq/blog/blob/master/interview/interview2020.mdweb 性能优化资源优化CDN减少网络延迟,加快加载速度。预加载预先加载资源,提高.

2020-10-28 19:59:09 522 1

翻译 Chrome 开发者工具 —— Performance 快速入门

原文链接:https://developers.google.com/web/tools/chrome-devtools/evaluate-performance?hl=zh-cn如果你想学会如何使用 Chrome 的 Performance 来分析页面性能,而你有无法使用 Google,也许这篇文章能帮到你。这篇文章将教会你如何使用 Performance 面板来分析浏览器运行时的性能。Chrome 开发者工具 —— Performance 快速入门开始模拟手机 CPU设置 Demo.

2020-10-28 15:26:40 633

原创 [Phaser] 小游戏——消消乐

体验链接当前版本一次只能消除一处!若有不足,欢迎指正!let’s go!需求:图标成矩形随机排列可以拖动一行或一列3个或以上个相同图案连在一起时会被消除0. 先把 Phaser 的主要代码搭起来<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&gt...

2020-05-08 15:39:23 553

原创 [Phaser] 小游戏——小球成长

一起来写一个小球成长的游戏吧let’s go!需求:小球在画布内不规则运动,不会发生碰撞,只会重叠在一起有和小球相同数量的按钮每个小球都有自己都编号并且和相应编号的按钮绑定长按按钮,相应的小球会变大松开按钮,小球停止变大如果正在变大的小球和其他任何一个小球相碰,两个小球的大小缩小一半并且停止变大每个球只能变大一次0. 先把简单的框架搭起来<!DOCTYPE ht...

2020-04-27 18:42:59 447

原创 [Phaser] 画布截图

现在很多在微信做推广的 h5 经常需要用到长按保存活动图片的功能,Phaser 就有这样一个 api 可以直接用来截图保存<!DOCTYPE html><html><head> <!-- 引入 phaser --> <script src="https://cdn.jsdelivr.net/npm/phaser@3.15.1/di...

2020-04-27 14:40:35 333

原创 [Phaser] Phaser 的基本使用

<!DOCTYPE html><html><head> <!-- 引入 phaser --> <script src="https://cdn.jsdelivr.net/npm/phaser@3.15.1/dist/phaser-arcade-physics.min.js"></script></head&...

2020-04-26 18:49:25 302

原创 【插件】移动端元素拖拽、缩放

【插件】移动端元素拖拽、缩放etool常量 含义START_TOP 元素起始 top(与 START_LEFT 一起可用于元素位置复位)START_LEFT 元素起始 left(与 START_TOP 一起可用于元素位置复位)START_WIDTH 元素起始 width(与START_HEIGHT 一起可用于元素大小复位)START_HEIGHT 元素起...

2019-03-22 16:57:57 939 1

原创 初探 lottie

初探 lottie秋有话说作为一名 H5 前端程序员,在一些包含动画的项目中,设计师总是要来问一下你"这个动画是要导出序列帧还是 GIF",“导出 GIF 可能会有白边”,"不能再压缩,再压就糊了“……使用序列帧的方式做动画在之前的一些项目中,动画一般都是让设计师导出序列帧,然后在前端通过 css 来实现动画,但是你知道的,序列帧文件比较大,而且我是自己把这些序列帧在 ps 上做成 spr...

2019-03-22 16:55:39 822

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除