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