发表于

Ant 蚂蚁框架

安装使用：

1
2
3
4
5
6
//通过cnpm全局安装create-react-app命令
cnpm install -g create-react-app
//使用create-react-app命令创建名为reactapp的app应用
create-react-app reactapp
//安装蚂蚁的移动UI
cnpm install antd-mobile --save

全部导入样式和js：

1
2
import { Button } from 'antd-mobile';
import 'antd-mobile/dist/antd-mobile.css';

按需要导入（手动引入）：

1
2
import DatePicker from 'antd-mobile/lib/date-picker';  // 加载 JS
import 'antd-mobile/lib/date-picker/style/css';        // 加载 CSS

按需要导入（安装插件方式）：
1、安装插件：

1
cnpm install babel-plugin-import --save

2、配置：
npm命令

1
2
3
4
5
6
显性化各种依赖配置信息：
git init
git add .
git commit -m "Saving before ejecting"

npm run eject

Packjson

1
2
3
4
5
6
7
8
"babel": {
  "presets": [
    "react-app"
  ],
  "plugins": [
  ["import", { "libraryName": "antd-mobile", "style": "css" }]
]
}

项目数据：
1、数据导入
将json文件导入到数据库。创建数据库，右键点击表，选择导入文件，文件导入json文件，点击完成。
2、创建服务器
npm init
cnpm install express –save
cnpm install mysql –save
创建index.js文件
3、前端依赖
需要安装的内容：
axios
react-router-dom
react-redux

发表于

React插槽

组件中写入内容，这些内容可以被识别和控制。React需要自己开发支持插槽功能。

原理：
组件中写入的HTML，可以传入到props中。

组件中的HTML内容可以直接全部插入。也可以，组件中根据HTML内容的不同，插入的位置不同。

阅读全文 »

发表于

生命周期

生命周期即是组件从实例化到渲染，到最终从页面中销毁，整个过程就是生命周期，在这个生命周期中，我们有许多可以调用的事件，也俗称为钩子函数。

生命周期的3个状态：

  • Mounting：将组件插入到DOM中
  • Updating：将数据更新到DOM中
  • Unmounting：将组件从DOM中移除
    阅读全文 »

发表于

Props
父传递给子组件数据，单向流动，不能子传递给父。
Props的传值，可以是任意的类型。

props可以设置默认值
HelloMessage.defaultProps = { name: “老陈”，msg: “helloworld”}

注意：props可以传递函数，props可以传递父元素的函数，就可以去修改父元素的state，从而达到传递数据给父元素。

阅读全文 »

发表于

React 构建用户界面的javascript库，主要用于构建UI界面。Instagram, 2013年开源。

特点：
1、声明式的设计
2、高效，采用虚拟DOM来实现DOM的渲染，最大限度的减少DOM的操作。
3、灵活，跟其他库灵活搭配。
4、JSX，俗称JS里面写HTML，Javascript语法的扩展。
5、组件化，模块化。代码容易复用。
6、单向数据流。没有实现数据的双向绑定。数据 》视图 》事件 》数据

阅读全文 »

发表于 | 分类于

问题描述：
···
在Django的django-rest-framework框架学习过程中，遇到一个问题，就是在使用HyperlinkedModelSerializer这种类型的序列化器进行序列化时，会出现一种现象，表现为：
1：服务器状态会显示错误：Could not resolve URL for hyperlinked relationship using view name “XXX-detail”. You may have failed to include the related model in your API, or incorrectly configured the lookup_field attribute on this field.
2：数据库的字段已经写成功。
3：浏览器页面会报错，提示内容与服务器状态的错误信息相同，意思是在创建URL相关的链接详情信息时没有成功。
···

阅读全文 »

发表于 | 分类于

自从上文提及的实现多关卡独立控制后，游戏主文件的代码量随着关卡的增多，成倍的增长，这带来了很多潜在的问题，比如：

1
2
3
4
1：某相同功能（比如：敌方飞机的某特性）需要批量调整时，需要进三个关卡分别进行修改，耗时耗力，还容易出错；
2：代码量越来越多，可阅读性越来越差；
3、本来实现相同功能的代码，在复制与修改过程中，可能发生了变动，无法直观的看到，可维护性差；
... ...

这一周就寻思着，能不能将各种功能进行模块化，通过调用实现功能，最大限度实现代码复用，通过前期用小的功能模块进行尝试，发现可行，于是逐渐深入解耦，直到今天晚上终于完成了整个游戏主程序的代码重构。

阅读全文 »

发表于 | 分类于

距离上一次更新，已经过去好几天，迟迟未更新的原因是，本版本进行了很大幅度的重构。
之前的版本，都是用的剪影版的飞机，在STAGE1场景下，估计是因为特定的背景图片，掩盖了剪影版飞机的缺点，于是也就那么凑合了。
结果在开拓了STAGE2以后，因为更换了背景图片，发现剪影版飞机因为初期未精心处理图片造型，在背景的衬托下，凸显了很多惨不忍睹的锯齿与缺陷，于是心一横，做了几件事情：

阅读全文 »