phaser3入门教程-从零开始开发一个打砖块游戏

项目代码项目代码体验一下空格开始,左右箭头控制移动体验一下 Phaser简介 Phaser是一个HTML5游戏框架.它使用了许多HTML5 API,例如Canvas,WebGL,Audio,Gamepad等,并添加了一些有用的逻辑,例如管理游戏循环并为我们提供了物理引擎. 使用Phaser,我们可以只用HTML,CSS和JavaScript来构建2D游戏. 项目需求在使用Phaser构建Breakout克隆之前,让我们首先定义游戏的范围: 这款单人游戏具有30个积木,一个球拍和一个球的…

Vue.js 入门：从零开始做一个极简 To-Do 应用

Vue.js 入门:从零开始做一个极简 To-Do 应用写作时间:2019-12-10版本信息:Vue.js 2.6.10官网文档:https://cn.vuejs.org/ 前言学习 Vue 的最佳方式之一是「请立刻查阅 Vue.js 的官方文档」,简单看一下「基础」部分,配合本文食用更佳. 在开始写代码之前,首先去 BootCDN 上找一下目前最新版本完整版的 Vue.js 的链接:https://cdn.bootcss.com/vue/2.6.10/vue.js ,与压缩版(vue.…

Arduino可穿戴开发入门教程Arduino开发环境介绍

Arduino可穿戴开发入门教程Arduino开发环境介绍 Arduino开发环境介绍 Arduino不像我们使用的PC端操作系统一样,可以直接在操作系统中安装软件为操作系统编程.Arduino的软件开发部分需要在PC端进行,硬件只负责执行编译好的程序.所以,本章就来详细地介绍一下Arduino IDE的安装和一些主要的操作. Arduino IDE Arduino IDE是在电脑端用来为Arduino进行程序开发的集成开发环境.Arduino开发程序通常需要使用到编辑器.编译器以及上传工具,A…

从零开始, 开发一个 Web Office 套件 (2): 富文本编辑器

书接前文: 从零开始, 开发一个 Web Office 套件 (1): 富文本编辑器这是一个系列博客, 最终目的是要做一个基于HTML Canvas 的, 类似于微软 Office 的 Web Office 套件, 包括: 文档, 表格, 幻灯片... 等等. 对应的Github repo 地址: https://github.com/zhaokang555/canvas-text-editor 2.5 观察一下幻灯片中的文本框我们发现: 一个文本框中有若干行文字一行文字中每个字符的大小,…

从零开始, 开发一个 Web Office 套件 (3): 鼠标事件

这是一个系列博客, 最终目的是要做一个基于HTML Canvas 的, 类似于微软 Office 的 Web Office 套件, 包括: 文档, 表格, 幻灯片... 等等. 对应的Github repo 地址: https://github.com/zhaokang555/canvas-text-editor 书接前文: 从零开始, 开发一个 Web Office 套件 (2): 富文本编辑器 2. 富文本编辑器(MVP) 2.11 鼠标事件这篇文章, 我们来实现迄今为止我们需要的鼠标事件…

从零开始, 开发一个 Web Office 套件（4）：新的问题—— z-index

<从零开始, 开发一个 Web Office 套件>系列博客目录这是一个系列博客, 最终目的是要做一个基于HTML Canvas 的, 类似于微软 Office 的 Web Office 套件, 包括: 文档, 表格, 幻灯片... 等等. 对应的Github repo 地址: https://github.com/zhaokang555/canvas-text-editor 2. 富文本编辑器(MVP) 2.13 z-index 2.13.1 新的问题上一篇博客中, 我们实现了mouse…

《从零开始, 开发一个 Web Office 套件》系列博客目录

这是一个系列博客, 最终目的是要做一个基于HTML Canvas 的, 类似于微软 Office 的 Web Office 套件, 包括: 文档, 表格, 幻灯片... 等等. 对应的Github repo 地址: https://github.com/zhaokang555/canvas-text-editor 从零开始, 开发一个 Web Office 套件 (1): 富文本编辑器从零开始, 开发一个 Web Office 套件 (2): 富文本编辑器从零开始, 开发一个 Web Off…

Django1.8教程——从零开始搭建一个完整django博客（一）

第一个Django项目将是一个完整的博客网站.它和我们博客园使用的博客别无二致,一样有分类.标签.归档.查询等功能.如果你对Django感兴趣的话,这是一个绝好的机会.该教程将和你一起,从零开始,搭建一个属于你自己的Django博客站点. 事不宜迟,让我赶快开始吧! 创建你的第一个Django项目 Django提供了一个命令,可以让你轻松地创建初始Django项目文件结构.从你的终端运行以下命令: django-admin startproject mysite 这将会创建一个名为mysite的…

React Native入门教程 1 -- 开发环境搭建

有人问我为啥很久不更新博客..我只能说在学校宿舍真的没有学习的环境..基本上在宿舍里面很颓废..不过要毕业找工作了,我要渐渐把这个心态调整过来,就从react-native第一篇博客开始.话说RN也出来很久了每次我研究都比别人晚一步不过没关系,意识到了就不算晚.环境搭建了几个小时,中间很正常的遇到了一些错误,于是记录下来过程和问题的解决方法,分享给大家. 转载请注明出处:http://blog.csdn.net/wingichoy/article/details/51791076 为什么要研…

OsharpNS轻量级.net core快速开发框架简明入门教程-从零开始启动Osharp

OsharpNS轻量级.net core快速开发框架简明入门教程教程目录从零开始启动Osharp 1.1. 使用OsharpNS项目模板创建项目 1.2. 配置数据库连接串并启动项目 1.3. OsharpNS.Swagger使用实例(登录和授权) 1.4. Angular6的前端项目启动 Osharp代码生成器的使用 2.1 生成器的使用 2.2 生成代码详解(如何自己实现业务功能) Osharp部分模块使用 3.1 Osharp.Redis使用 3.2 Osharp.Hangfire使用…

如何用Eggjs从零开始开发一个项目（2）

在上一篇文章,我们已经使用Sequelize连接上了数据库,并能进行简单的数据库操作,在此基础上,我们试着来开发一个完整的项目.这篇文章我们从用户的注册.登录着手,试着开发用户模块的相关的代码. 用户注册 1. 注册逻辑用户注册的逻辑很简单: 客户端:用户输入输入账号,密码等信息进行用户注册: 服务端:接收到客户端提交的注册信息后,进行字段的检验(是否必填.字段长度等),字段符合要求后,根据用户注册的账号查询数据库,根据返回结果判断该用户是否是新用户,如果是新用户,将用户信息写入到数据库,完成…

[已开源/文章教程]独立开发一个社交 APP 的源码/架构分享 (已上架)

0x00 背景真不是和被推荐了2天的博客园一位大神较真,从他那篇文章的索引式文章内容也学习到了很多东西,看评论区那么多对社交APP源码有兴趣的,正巧我上周把我的一个社交APP开源了,包括android源码和基于Laravel服务器的源码,并且之前有文章完整的介绍了Android端迁移到MVP架构的实战内容,和如何从linux小白到部署代码的内容,基本上从如何开发一款社交app到如何重构优化的思想都能体会到.今天就组织一篇文章介绍一下,欢迎有兴趣朋友star,pull.一起为开源社区贡献点力量.…

从零开始, 开发一个 Web Office 套件 (1): 富文本编辑器

这是一个系列博客, 最终目的是要做一个基于HTML Canvas 的, 类似于微软 Office 的 Web Office 套件, 包括: 文档, 表格, 幻灯片... 等等. 富文本编辑器万里长征的第一步: 我们先开发一个基于canvas的富文本编辑器. 之后, 这个编辑器可以用在我们所有类型的文档中(文档, 表格, 幻灯片...). 对应的Github repo 地址: https://github.com/zhaokang555/canvas-text-editor 1. Environ…

使用 ADD-ON SDK 开发基于 Html JQuery 和 CSS 的 firefox 插件入门教程1: 创建一个简单的 Add-on

[本文转载自http://sixpoint.me/942/implementing-simple-addon/] 实现一个简单的插件教程的这个部分带你使用 SDK 来实现, 运行并打包一个插件. 这个插件在 Firefox 的右键菜单中添加一个菜单项, 用来将选中的文字翻译成英语. 插件的初始化创建一个叫做 translator 的文件夹, 用来放置插件所需的所有文件. 你并不需要在 SDk 的根目录下创建这个文件夹. 一旦你在 SDK 的根目录执行了 bin\activate (win)…

Django1.8教程——从零开始搭建一个完整django博客（二）

在上一节中,我们已经创建了一个Django模型Post,并使Post模型与数据库同步.这一节中,我们将介绍Django管理站点,通过Django管理站点来管理我们创建的Post模型实例. 为你的模型创建一个控制管理站点好了,我们已经定义了一个post模型,现在,我们将要创建一个简单的管理站点,来管理post实例.Django自带的管理界面是一个十分强大的内容编辑器.Django管理站点按照你模型的元数据动态建立,并且提供一个方便编辑内容的接口.同样,你也可以在管理站点内自定义如何展现你的模块.…

无废话MVC入门教程二[第一个小Demo]

mvc技术交流,欢迎加群: 本文目标 1.了解"模型"."视图"."控制器"的创建.调试和使用过程. 本文目录 1.创建模型 2.创建视图 3.创建控制器 4.调试 5.使用模型.视图.控制器 1.创建模型在文件夹"Models"中创建新类,如下图所示: 1.命名:Model的命名规则一般以Model结尾,如:以业务为主的命名UserModel或以页面为主的命名LoginModel. 2.作用:开发过三层的朋友都知道,我们在…

如何用Eggjs从零开始开发一个项目（1）

前言 "纸上得来终觉浅,绝知此事要躬行."虽然node一直在断断续续地学,但总是东一榔头西一榔头的,没有一点系统,所以打算写一个项目来串联一下之前的学习成果. 为什么选择Eggjs呢?其实我觉得如果是个人开发或者小型项目Koa就足够轻量与灵活了,但是如果是有过团队开发的经历,就会更注重项目的管理.Eggjs项目相对于Koa我比较看中的有以下几点: 完善的文档,这意味不管是交接还是项目有新成员加入,直接把官方文档甩出去就行了,而且官方文档同时也是一个很好的学习材料: Egg 奉行『约定优…

ASP.NET MVC3入门教程之第一个WEB应用程序

本文转载自:http://www.youarebug.com/forum.php?mod=viewthread&tid=91&extra=page%3D1 上一节,我们已经搭建好了ASP.NET MVC3的开发环境.有了开发环境,我们就能够开始写一个Web应用程序了.1.首先打开VS2010.新建项目,在安装模板中选择Web,在右边选择ASP.NET MVC 3 Web Application. 2.输入项目名称.选择解决方案位置和输入解决方案名称,后选择OK,系统叫提示你选择项目模板…

Django1.8教程——从零开始搭建一个完整django博客（三）

这一节主要介绍对数据库的访问操作:通过管理器(manage),对对象进行检索.修改.删除等操作,详细介绍了如何针对不同的模型自定义管理器. 查询和管理工作现在,我们已经有了一个功能完善的Django管理站点来管理我们的应用,是时候学习一下如何从数据库中检索我们所需要的数据.Django自带一个功能强大的抽象数据库API,使我们能轻松的创建.检索.修改.和删除对象.Django的对象关系映射(ORM)兼容MySQL,PostgreSQL,SQLite,Oracle. 记住,你可以在setting…

[iOS]从零开始开发一个即时通讯APP

前言这是我的毕业设计.刚开始确定这个课题的时候是因为以前有稍微研究过一些XMPP协议,在这个基础上做起来应该不难.然后开始选技术的时候还有半年,我想为什么不从更底层做起呢!那就不用XMPP,当时接触过相关的即时通讯技术还有WebSocket,那为什么直接从更底层的Socket开始封装呢服务端就用Go语言吧,用来做IM服务器和HTTP服务器都很好. 技术选型既然是基于Socket,iOS端我并不准备中C语言的Socket开发封装起,而是使用一个第三方库CocoaAsyncSocket.XMPP…

从零开始开发一个简易的类vue-cli构建工具

代码地址:https://github.com/cheer4chai/webpack-learning 仿照vue-cli开发这个工具的目的是了解webpack的基本设置,以及vue-cli的工作原理 Series1.简单的打包构建功能 webpack的配置很简单: 设置好入口文件:entry,输出文件:output // webpack.config.js module.exports = { entry: { bundle1: './main1.js', bundle2: './main2.…

React Native基础&入门教程：以一个To Do List小例子，看props和state

本文由葡萄城技术团队于博客园原创并首发转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具.解决方案和服务,赋能开发者. 在上篇中,我们介绍了什么是Flexbox布局,以及如何使用Flexbox布局.还没有看过的小伙伴欢迎回到文章列表点击查看之前的文章了解. 那么,当我们有了基本的布局概念之后,就可以做一些有意思的尝试了.不过,它们会有一个美中不足:只是静静地呆在那里,不接受反馈.换句话说,它们从应用开始到结束,只有一种状态. 注意,上面这句话其实包含了RN中(当然同时也是React中…

MVC入门教程二[第一个小Demo]（转载）

本文目标 1.了解"模型"."视图"."控制器"的创建.调试和使用过程. 本文目录 1.创建模型 2.创建视图 3.创建控制器 4.调试 5.使用模型.视图.控制器 1.创建模型在文件夹"Models"中创建新类,如下图所示: 1.命名:Model的命名规则一般以Model结尾,如:以业务为主的命名UserModel或以页面为主的命名LoginModel. 2.作用:开发过三层的朋友都知道,我们在表示层.业务逻辑层.数据操作…

从零开始开发一个vue组件打包并发布到npm (把vue组件打包成一个可以直接引用的js文件)

自己写的组件有的也挺好的,为了方便以后用自己再用或者给别人用,把组件打包发布到npm是最好不过了,本次打包支持支持正常的组件调用方式,也支持Vue.use, 也可以直接引用打包好的js文件, 配合vue.js 就不需要webpakc这种构建工具了,可以直接在页面内使用,下面以 ‘yyl-npm-practice’ 这个包为例第一步:使用 vue init webpack-simple yyl-npm-practice 初始化项目提示: 不要用 vue init webpack npm…

从零开始开发一个Spring Boot Starter

一.Spring Boot Starter简介 Starter是Spring Boot中的一个非常重要的概念,Starter相当于模块,它能将模块所需的依赖整合起来并对模块内的Bean根据环境( 条件)进行自动配置.使用者只需要依赖相应功能的Starter,无需做过多的配置和依赖,Spring Boot就能自动扫描并加载相应的模块. 总结: 1.它整合了这个模块需要的依赖库: 2.提供对模块的配置项给使用者: 3.提供自动配置类对模块内的Bean进行自动装配: 例如,在Maven的依赖中加入sp…