- 博客(4463)
- 收藏
- 关注
RSS订阅转载 Laya的Tween缓动没有初始化repeat导致的Bug
当你使用一个Tween给一个图标做旋转动画，循环播放。(repeat是播放次数， repeat=0无限循环，repeat=1播放一次)Laya.Tween.to(this.light,{rotation:360},2000).repeat = 0;然后你打开一个Dialog，很有可能这个Dialog会无限播放打开动画....Laya.Dialog....
2019-09-30 19:05:00
591
转载 Laya页面嵌套和Scene.destory导致的Bug
Laya2.1.1.1参考：预设使用Laya给出了相同模块，逻辑代码也相同情况下，使用页面嵌+runtime的使用方案。但是该方案和Laya.Scene.open，Laya.Scene.destroy等有冲突，会导致bug。当参考使用Laya的教程，拖入一个scene到另一个scene中使用。假设当前页面是主页HomeScene.scene...
2019-09-28 23:42:00
612
转载 Laya的滚动容器
想实现一个简单的滚动容器。例如水平排列10个图标，可以左右滑动查看的。Egret里有布局容器可以滚动Laya看了教程和示例，没有找到一个滚动容器，只有一个list，需要设置item，显然不是我想要的简单水平滚动容器。示例教程里没有滚动容器的示例组件教程里也没有滚动容器，也没有垂直和水平布局容器。最后找到...
2019-09-27 18:27:00
836
转载 redux 第二部分
redux 的使用方法， 为什么使用 action.js 文件，进行优化代码将其分开，然后我们通过工厂函数的每次返回不同的对象，由于参数是固定的，每次返回的都是事件类型和事件数据，所以我们可以使用一个函数，通过其返回值来返回一个对象，让后传递给 action ； 我们的 reducer 函数有两个参数，参数一：state，参数二：action， 我们的...
2019-09-26 17:12:00
127
转载 龙芯（mips64）电脑安装NodeJS
背景龙芯是国产的cpu，采用是mips架构，就类似大家熟知的x86、arm。最近在一台龙芯电脑（系统是中兴新支点，Linux）上调试前端应用（electron），于是就需要安装NodeJS。但是，NodeJS的官方资源就没有Linux mips 可直接使用的包，这就需要自己编译NodeJS。插曲网上有人提到使用yum install -y nodejs 就可以安...
2019-09-26 11:32:00
993
转载 redux
显示 react 脚手架的配置文件 使用指令：npm run eject， 如果出现报错的解决办法，我们要使用 git 将工作区的文件放到本地库上； 指令：git add . 将工作区的文件添加到暂存区 git commit -m '第一次提交' 将暂存区提交到本地库 npm run eject 就可以将我们的配置文件展现...
2019-09-25 17:38:00
82
转载 字符串中最多的字符案例
var str = 'asdkfjkdsfjisdjfsdkajfkasjflasdjf';function fn(str){ var obj = {}; for(var i=0;i<str.length;i++){ if(obj[str.charAt(i)]){ obj[str.charAt(i)]++ } ...
2019-09-25 09:34:00
119
转载 react 路由
react 提供了实现路由的方式，不过需要我们下载插件 react-router-dom 当我们下载好了插件，然后我们可以通过 import {} from 'react-router-dom' 来引入路由标签； 如图，我们可以看到在实现项目中的使用方法 Router.js 我们在全局组件中引入我们配好的 Router 的组件， App.js...
2019-09-23 16:57:00
82
转载 Laya的对象唯一标识
Egret中是obj.hashcodeLaya中是obj["$_GID"]转载于:https://www.cnblogs.com/gamedaybyday/p/11570098.html
2019-09-23 00:14:00
244
转载 清远重游记
清远几个月前才去过，没想到部门旅游也选择这个地方。选哪我倒无所谓，只要是车程不远，身体无恙，我是很愿意出去走走，吃吃喝喝，并且上一次去没有玩到漂流，这次可以尝尝鲜。 不过今年的部门旅游很奇怪，不知是这地方太熟了，又或者缺少吸引力，我们三十多人的小部门，竟只去了八个人，连三分之一都没有，隔壁一起的部门倒是挺多。 我是觉得挺不应该的，部门旅游算是一年仅有一次的...
2019-09-22 22:18:00
129
转载 Laya自定义组件
laya2.1.1.1参考：预设使用一 没有自定义组件教程翻了几遍，没有自定义组件，论坛搜了下，说是不能使用。二 预置件做自定义组件预置件无法右键创建。又去翻教程。终于知道预置件怎么创建了。就是选中一个组件，然后右上角有个按钮，设置为预置件。选择了分离模式导出，但是预置件代码不能像scene一样生成在laya...
2019-09-22 02:31:00
583
转载 Laya使用中的一些备忘
Laya的这个生命周期和Unity差不多。但是教程里放着老是找不着。UI组件的生命周期：https://ldc2.layabox.com/doc/?nav=zh-ts-3-4-0拼图的空隙。 Egret也有拼图的空隙。比如制作飞机游戏，背景拼接轮换着下移，有明显的缝隙。用TextureMerger可以解决。看了下Laya。可以设置repeat编辑模式，图...
2019-09-22 02:15:00
156
转载 Laya微信小游戏的开放域
版本2.1.1.1现在Laya的开放域比较好用了。新建开放域项目，里面直接有个排行榜的示例。直接发布得到较少的文件，复制这些文件，粘贴到主项目bin/openDataContext下。 (openDataContext文件夹需要自己创建)并将开放域项目下libs/laya.opendata.js也复制到主项目bin/o...
2019-09-18 21:16:00
245
转载 Laya微信小游戏的4M包限制与动态资源
版本2.1.1.由于有4m包限制，所以一般小游戏项目分成主包+远程资源。现在我新建一个remote目录，该目录下资源不发布到微信小游戏目录下，而是服务器远程加载。发布时，勾线是否提取本地包远程资源目录remote不需要勾选这是发布出的项目有两个文件夹，其中wxgame是常规项目，wxgame_pack是不含remo...
2019-09-18 21:13:00
285
转载 Laya发布微信小游戏项目
版本2.1.1.1创建项目时，勾选微信/百度小游戏bin目录快速调试发布项目时，选择发布平台为微信小游戏用微信开发者工具打开release/wxgame，这就是微信小游戏项目了，很方便转载于:https://www.cnblogs.com/gamedaybyday/p/11545371.html...
2019-09-18 21:08:00
338
转载 Laya的资源加载
白鹭中的资源加载，可以单个去加载。但是更多是通过资源组加载的。比如进入登录界面，则加载登录资源组的资源。打开技能面板，则加载技能模块的资源组。//加载登录模块资源组RES.loadGroup("login");//卸载登录模块资源组RES.destroyRes("login"); 那么Laya是怎么加载资源组呢？Laya加载单个资源L...
2019-09-18 21:06:00
874
转载 Laya的版本管理
白鹭的版本管理使用的是VersionManager。Laya则是发布时勾选版本管理就行了。和白鹭一样是修改文件名。Laya的版本文件是release/version.json。点击选择的"+"号可以添加需要排除或增加版本管理的文件夹路径。经过版本管理后发布的文件，增加了hash字符串version.json保存了原始文件名和增加hash字...
2019-09-18 20:58:00
362
转载 Laya的场景以及场景的加载
参考：Laya项目发布详解Laya2.0 内嵌模式、加载模式、分离模式、文件模式的场景加载创建和场景打开关闭版本2.1.1.1白鹭中的场景是exml制作，发布后exml代码都会打包到default.thm.json中，在项目运行时，在Main文件中加载。Laya中的场景则提供了多种方式。Laya编辑模式下F9。查看场景设置。发布模式...
2019-09-18 20:25:00
719
转载 Laya的图文混排
参考：Laya图文混排Laya的图文混排教程编辑模式F9，增加laya.html.js库在层级窗口右键，添加一个HtmlDivElement组件大致的原理：1. 例如输入框的字符串是 "大家好！很高兴认识大家！@1@"， "@1@"为一个表情的代号。下图直接使用str当成输入框文字。2. 操作str字符串，全局搜索...
2019-09-18 19:14:00
361
转载 Laya的高亮文字
版本2.1.1.1游戏中用的高亮文字，例如下图 "使用 2钻石 可获得金币"，2钻石是不同颜色高亮的。白鹭的高亮文字有文本样式txt.textFlow = <Array<egret.ITextElement>>[ {text: "花费", style: {"textColor": 0x0000}} , {t...
2019-09-18 19:06:00
252
转载 Laya微信小游戏本地缓存
测试版本2.1.1.1查看bin/libs/laya.wxmini.js。发现只会缓存png,jpg。 声音和atlas，json不会缓存。对比白鹭，白鹭是将png，jpg，atlas，json都进行了缓存。且可以设置哪些需要缓存，哪些不需要。这一点方便多了。微信图片加载流程MiniAdpter.init初始化时，使用MiniImage.loa...
2019-09-18 04:31:00
275
转载 Laya的屏幕适配，UI组件适配
参考：屏幕适配API概述版本2.1.1.1目录一 适配模式二 UI组件适配一 适配模式基本和白鹭的适配模式一样。Laya官方也推荐了竖屏使用fiexedwidth，横屏使用fixedheight。这也是我自己常用的适配模式。修改适配模式在项目GameConfig.ts下二 UI组件适配Laya...
2019-09-15 17:06:00
396
转载 Laya的调试，调试面板，断点调试
参考：性能统计面板介绍版本2.1.1.1调试面板Laya有两个调试选项，编辑模式F9.第一个调试模式，除了调试面板，还有一个查看当前舞台对象的面板。类似白鹭的Egret Inspector。平时用白鹭，也不会经常使用Egret Inspector。第2个帧率统计面板。就只有右上角的调试面板了。FPS...
2019-09-15 16:04:00
449
转载 react-redux 的总结
第一步，我们将我们要使用的插件来先一步进行安装 create-react-app app // 在这里我们使用了 react 的脚手架来搭建的项目 cd app // 进入我们的项目 npm i -S redux // 这里时我们需要下载的 redux 组件通信的插件 npm i -S prop-types // 我们的...
2019-09-12 15:14:00
81
转载 Laya的动画制作，整图动画，序列图动画，时间轴动画，龙骨动画
参考：Laya动画基础Egret帧动画工具类版本：2.1.1.1序列图动画白鹭的序列图动画，使用TexureMerger合图，然后使用MovieClip类播放。Laya的话，使用图集打包工具合图，然后使用Animation类播放。一个泡泡爆炸的序列图laya右上角选择工具，图集打包。选择动画的父文件夹，后缀选择atlas，...
2019-09-10 21:35:00
253
转载 Laya的位图文字
参考：Laya文本测试版本：Laya 2.1.1.1大部分游戏都会用到位图文字，例如dnf的伤害数字。白鹭的位图文字是美术提供0-9十张单张图片，由TextureMerger导出fnt+json，然后在exml里用BitmapLabel组件使用。Laya的位图文字是美术提供0-9一张图片，直接使用FontClip组件。对比起来Laya的位图文字美...
2019-09-10 16:56:00
193
转载 vue 的多页面应用
vue-cli3 中构建多页面的应用 第一步：先创建一个 vue-cli3 的项目：vue create app 然后运行项目：npm run serve 现在开始多页面的应用： 首先在 src 的目录下面，创建一个 pages 的文件，然后如图，创建这样的目录结构，每一个文件夹，对应的是一个页面； 接下来说每个文件所对应的内容，所有...
2019-09-10 09:52:00
150
转载 yarn 包管理工具
yarn 快速，可靠，安全的依赖包管理工具 为什么要使用 yarn 呢？因为他有个缓存机制，当我们第一次下载的包，就会被缓存下来，当我们下次下载的时候，就直接载缓存里面找到使用，就省去了继续下载的时间 安装 yarn 安装 yarn 之前，我们需要下载 nodejs 才可以下载 yarn 推荐使用 cmd 命令行安装 指令：scoop...
2019-09-09 20:53:00
76
转载 Combobox设置了SelectedItem却显示未空
SelectionItem必须是ItemSource里面其中一个，必须用索引取值（数组下表或者Where，其实就是地址相同就行），不能重新开辟新空间然后赋值为跟ItemSource里面某个相同的值；转载于:https://www.cnblogs.com/canyeweiwei/p/11484902.html...
2019-09-08 11:39:00
1130
转载 react 脚手架 及路由和 redux
前提是我们需要下载 nodejs 使用 npm 下载 react 的脚手架，react-router-dom，redux 全局下载 react 的脚手架：npm i create-react-app -g 使用 react 脚手架创建一个 app 的项目：create-react-app app 根据指令进入 app 项目： cd app...
2019-09-07 11:59:00
83
转载 react 的基础知识
react 是目前最流行的框架； 其中是采用 mvvm 的思想，让我们把所有的只关注视图层和逻辑层， 从而可以更好的书写代码； 在 react 中我们的 html 结构也是通过 js 来实现的，而且在 nodejs 中我们也是通过 js 来实现的服务端，由此可见 js 的能力也是逐渐的变大； react 的创始人：Facebook； js 的创始人：布兰登 艾奇；...
2019-09-07 11:30:00
134
转载 vue 指示点的疑点拓展
1. 为什么 vue 组件中的 data 是一个函数 1. 为了保证组件的独立性和可复用性，data 是一个函数，组件实例的时候，这个函数将会被调用，返回一个对象，计算机会给这个对象分配一个内存地址，实例化几次，就分配几个内存地址 他们地址都不一样，所以每个组件中的数据不会相互干扰，改变其中一个组件的数据，状态，其他组件不会被改变 2. vue 中的什么是模块，...
2019-09-06 16:09:00
69
转载 react 的定义组件（了解）
react 中定义组件的方法 1. 定义组件 React.createClass() （被淘汰了） 定义组件中的函数 methods 的中的 this 统统指向 组件 2. 函数定义组件 定义的组件时无状态的，没有 state 的状态，没有生命周期，就是一个纯粹的静态页面，不能访问 this 3. class 定义组件 ...
2019-09-04 17:51:00
89
转载 web前端知识点反思总结
当别人问你之前的知识，我们便会勾起之前的回忆，然后进行一番痛苦的挣扎后，发现我依然记得你 什么是 DTD ？ 文档类型定义 (DTD) 可定义合法的 xml 文档的构建模块 ，他是使用一系列合法的元素来定义文档的结构 DTD 可被成行的声明于 XML 的文档，也可作为一个外部引用 DOCTYPE 是定义浏览器使用什么样的文本类型定义 DTD 载入页...
2019-08-30 10:36:00
180
转载 React 脚手架
React 脚手架，来让我们快速的搭建起来一个 React 的项目 1. 全局安装 React 的脚手架 npm i -g create-react-app 2. 创建项目 create-react-app 项目名 3. 进行项目指令： cd 项目名 4. 运行项目： npm start 这样我们 React 脚...
2019-08-29 17:27:00
112
转载 npm转成别的下载地址的插件
第一种方式 1. 查看当前计算机的下载地址 npm get registry 2. 修改为淘宝npm镜像 npm config set registry http://registry.npm.taobao.org/ 3. 修改为cnpmjs镜像 npm config set registry http://r.cnpmjs.org/ 4. 修改...
2019-08-29 14:52:00
125
转载 React
React 是由Facebook 发明及维护，当前最流行的框架，生态链完善 使用 script 来引入 有关 React 的 js 文件 主要进入的文件是react.development.js // react 的文件依赖 react-dom.development.js // react 的 dom 操作依赖 ...
2019-08-28 21:22:00
73
转载 nuget push 程序包到nuget服务器时报错 406 (Not Acceptable)
1、在window服务器上部署nuget服务器时，发布包时出现请求报错 406 (Not Acceptable)验证用户名、密码正确的情况下，还是出现上面错误。后面跟踪服务器日志，发现window\temp文件超过65535，删除过期临时文件后即可引用2、通过上述方案排查后， 其实并没有解决我的问题。 目前系统只提示 406 错误， 并没有系统详细描述。我推测可能是推送的 nu...
2019-08-28 13:07:00
765
转载 React 番外篇
小技巧：如果我们想了解一门技术，不知道如何学习，那就在 BOSS 直聘上，来看看对这门技术的要求 这篇给大家讲的是 React 1.0 的初始版本，仅仅是让大家有个了解，毕竟回顾历史，我们才能找到他最初的样子； React 是 FaceBook 来发明及维护的 React 的特点：1. jsx 语法，2. ReactDOM.render 3. 组件 1. Re...
2019-08-28 11:38:00
70
转载 超出省略点
单行超出省略 #div1{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-word; } 多行超出省略（这里时两行超出省略，如果时多行的话，改下面的数字即可） #div1{ overflo...
2019-08-27 17:16:00
76
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人