useMemo介绍useMemo用于性能优化，通过记忆值来避免在每个渲染上执行高开销的计算。const memoizedValue = useMemo(callbanck, array)返回一个memoized 值callback是一个函数用于处理逻辑array 控制 useMemo 重新执行的数组，array 改变时才会 重新执行useMemo不传数组，每次更新都会重新计算空数组，只会计算一次依
1.项目结构 2.创建 app / App.js 文件，这是一个组件 3.使用 App 组件，所以我们来到 app / main.js 文件： 4.主页面 index.html 5.效果图
转载
2018-01-30 21:33:00
135阅读
2评论
第一步，开发环境的检查在开始一切操作之前, 请检查你的 vscode 工作路径是否有包含中文, 如果有, 请修改它们至你硬盘的某个分区的根目录/example 或/workspace 以避免需要解决一些无意义的错误。
检查你的 nodejs 的版本号
检查你的 npm 的镜像地址（最好使用淘宝镜像模式）node -v
npm config list
// 如果显示 metrics-regist
用react渲染一段文字：<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="
React中模态框的搭建和使用
前一阵遇到过一个需求，要求在App中点击某个按钮会弹出一个对话框（即模态框Modal）。第一件事自然是看看公司内部的组件库有没有已经实现的功能，结果这一看把我看得云里雾里的，这是神马？这又是神马？算了，还是自己写（抄）一个吧。实现很简洁，却又非常好用。稍加改动，啊，真香~ 这个模态框一共由3部分组成：其中Moda
转载
2024-03-19 14:03:09
99阅读
# 科普文章：Android 游戏demo
在当今移动互联网时代，手机游戏已经成为人们日常生活中不可缺少的一部分。Android作为全球最大的移动操作系统之一，其游戏市场也在不断发展壮大。如果你也想开发一款Android游戏，那么本文将为你介绍如何制作一个简单的Android游戏demo。
## 准备工作
在开始制作Android游戏demo之前，首先需要准备好以下工具和环境：
- Andro
原创
2024-05-21 05:51:27
89阅读
项目地址 GitHub：https://github.com/baiyuliang/Flutter-WanWanmoor文档地址：https://moor.simonbinder.eu/docs/getting-started/我们在开发安卓或ios的数据库时，都会有各种强大的第三方rom框架，如安卓端的greenDao，room等， 这可以避免我们原生实现和手写sql的痛苦，那么同样，我们在开发
转载
2024-07-08 20:23:27
55阅读
一、简单工厂简单工厂模式：又叫静态工厂方法，由一个工厂对象决定创建某一种产品对象类的实例。主要用来创建同一类对象。实例1：比如我们玩游戏的时候，通常会有多种角色，每个角色又有自己的技能。var Warrior = function () {
this.name = '战士'
this.skill = ['刺杀', '十字斩']
}
Warrior.prototype = {
work:
今天下午开了team review meeting，觉得leader讲的一些话蛮不错，就在这里记一下吧。
注：尽管我一直强迫自己在写blog的时候不出现中英文夹杂，但这篇为了能原汁原味记下leader的金玉良言，我要破例了，希望大家谅解。
1。Trust
背景：和美国总部讨论一个问题的解决方案的时候，他们会想当然地说：这个么就用A方法做。事实上我们已经用A方法试过了，然后发现A方
转载
2024-10-11 05:20:59
22阅读
Ability是应用所具备的抽象能力，是应用程序的重要组成部分。一个应用可包含多个Ability，HarmonyOS支持以Ability为单位进行部署。Ability的分类FA（Feature Ability）Page Ability：是FA唯一支持的模板，用于提供给用户交互的能力，可以理解为Android中的ActivityPA（Particle Ability）Service Ability：
今天开始研究jquery源码。从jq官网down下最新的未压缩版代码并打开后，首先看下整体，这就是一个大型的自执行的匿名函数：( function( global, factory ) {
"use strict";
if ( typeof module === "object" && typeof module.exports === "object" ) {
如果只是想试试 React，那么建议使用 create-react-app来创建一个react项目。快速开始 因为 create-react-app 和 vue-cli 不一样，create-react-app将webpack的相关配置直接封装好了，所以自定制化程度不高，所以考虑手动构建一个 React项目代码下载 准备工作安装node环境。配置cnpm(看个人需求)。准
1.server.jsconst express = require('express'),
bodyparser = require('body-parser'),
fs = require('fs').promises,
path = require('path');
const pathdb = path.resolve(__dirname, 'database'),
config
原创
精选
2023-06-25 13:54:10
275阅读
React从入门到精通教程React从入门到精通教程组件和Props概述函数组件与class组件渲染我们的自定义组件组件中嵌套组件提取组件props的只读性state概述：特点：使用`state`复写之前的时间组件不要直接修改stateState 的更新可能是异步的State 的更新会被合并数据是从上而下流动的（单向的） React从入门到精通教程组件和Props概述组件是React中一个非常重
转载
2024-03-18 11:31:58
137阅读
Similar to Storybook, react-styleguidist is used to show the custom UI elements. It is easy to setup and use, it uses markdown file as example page: i
转载
2020-08-20 22:55:00
114阅读
2评论
背景1.1 行业现状与问题很多技术同学都知道，移动端往往比较侧重业务开发，这会导致人员规模不断扩大，项目复杂度也会持续增长。而为了满足业务的快速上线，很难去落实统一的设计规范，在开发过程中由于UI缺乏标准导致的问题不断凸显，具体体现在以下4个层面：设计层面：由于UI缺乏标准化设计规范，在不同App及不同开发语言平台上设计风格不统一，用户体验不一致；设计资源与代码均缺乏统一
转载
2024-04-03 12:26:09
62阅读
import React from 'react' const Release = React.createClass({ render() { const { title, artist, outOfPrint } = this.props.release; const className = outOfPrint? 'release outOfPri...
转载
2017-04-14 22:35:00
154阅读
2评论
花了20多天的时间来完成这个demo，主要是为了实现一些自己设想的功能，并未注重关卡和玩法的设计，整体上还不够完善或者说不够完整。 demo中的美术资源均来自asset store和各种资源网站。使用的插件有NGUI，post progressing stack。 这篇博客主要介绍这个demo整体的设计思路和玩法，下一篇博客
实际Demo效果演示先看下框架： 框架分为 战斗系统（BattleSys）： 负责界面与战斗管理的交互，即用户点击了某个按钮，界面通过战斗系统转接给战斗管理，例如技能的释放。玩家操作界面（PlayCtrlWnd）： UI界面，负责获取玩家的点击等。 玩家逻辑实体类（EntityPlayer）： 存储玩家的数据，例如当前的血量，攻击等。玩家表现实体类（Controller）： 顾名思义，指代unit
转载
2024-03-26 08:20:18
97阅读
React简介react是什么？为什么学？React入门React 基础案例JSX基础语法两种创建虚拟DOM的方式1.使用JSX创建虚拟DOM2.使用JS创建虚拟DOMjsx语法规则模块与组件、模块化与组件化的理解模块组件模块化组件化函数式组件类式组件 react是什么？React用于构建用户界面的JS库。是一个将数据渲染为HTML视图的开源JS库。为什么学？原生JS操作DOM繁琐，效率低使用J
转载
2024-08-07 20:33:39
116阅读
