二、基于lufylegend引擎的魔塔游戏开发(准备工作)

准备工作:图片素材 hero.png角色精灵图分为四个移动方向 map.png地图素材包含精灵图和普通块图 goods.png物品为普通块图 chara.png人物素材包含npc和怪物的精灵图(游戏还在开发中,怪物素材还不完整) 游戏初始化 定义dom结构并引入lufylegend引擎 < …


javascript描述数据结构与算法(改自imooc)

javascript描述数据结构与算法 起因 作为一个前端程序员常用的数据结构和算法是要懂得怎么去实现的。一直以来想学算法,买了书却一直看不下去。直到前一个月面试挂在基础算法的问题,就决定每天学一点算法。正好看到imooc的算法实战教程,主要是我看算法 …


Lodash源码讲解-slice函数

本文首发于技术风暴-Lodash源码讲解 这是我们阅读源码的第一篇博客,这一篇博客主要介绍Lodash的slice函数,这个函数内部的实现没有依赖别的函数;我们这篇博客就来讲解一下这个slice函数。 我们首先来看一下这个函数的源码,源码如下所示: /** * Creat …


关于ES6中箭头函数的this问题

什么是箭头函数 用法 ES6 允许使用“箭头”(=>)定义函数 <p id=”test1″>测试</p> var p1 = document.getElementById(‘test1′); p1.addEventListener(‘click’, () => { p1.style.color = “red”; }, false); 在es5 …


FreeeNG v0.1.4重磅来袭!

FreeNG是一款完全响应式的前端UI框架,它采用了主流的左右两栏式布局,使用了Html5+CSS3+Angular2(+4)等流行的前端技术,同时提供了诸多强大的可以重新组合的UI组件,门槛极低,拿来即用。


webpack学习笔记

选项 1.devtool:通过在浏览器调试工具(browser devtools)中添加元信息(meta info)增强调试。 2.resolve.alias:创建 import 或 require 的别名,来确保模块引入变得更简单。取别名时在给定对象的键后的末尾添加 $,表示精准匹配,详见文档 3.resolve.exte …


React Redux 中间件思想遇见 Web Worker 的灵感(附demo)

写在最前 原文首发于作者的知乎专栏:React Redux 中间件思想遇见 Web Worker 的灵感(附demo),感兴趣的同学可以知乎关注,进行交流。 熟悉 React 技术栈的同学,想必对 Redux 数据流框架并不陌生。其倡导的单向数据流等思想独树一帜,虽然样板代码会有 …


小程序组件化

微信小程序封装了一些基础的组件,使用起来很方便,但定制化程度不高,日常开发中难免有一些功能想要做成组件,在其他地方复用。在网上找了好久,有很多小程序模块化框架,比如labrador,wx-component,但是都不敢用。一方面这些框架都比较年轻,不敢轻易 …