03 2020 档案

移动端-目前发现最好用的rem-JS计算
摘要：//designWidth:设计稿的实际宽度值，需要根据实际设置 //maxWidth:制作稿的最大宽度值，需要根据实际设置 //这段js的最后面有两个参数记得要设置，一个为设计稿实际宽度，一个为制作稿最大宽度，例如设计稿为750，最大宽度为750，则为(750,750) (function(des 阅读全文
posted @ 2020-03-30 10:43 前端法师 阅读(833) 评论(0) 推荐(0)
Egret-获取网络图片并展示
摘要：获取网络图片 /**获取头像图片 */ let imgLoader: egret.ImageLoader = new egret.ImageLoader(); egret.ImageLoader.crossOrigin = "anonymous"; imgLoader.load(v); imgLoa 阅读全文
posted @ 2020-03-28 17:14 前端法师 阅读(653) 评论(0) 推荐(0)
Egret-数据驱动UI单向数据绑定的实现
只有注册用户登录后才能阅读该文。
posted @ 2020-03-28 16:11 前端法师 阅读(22) 评论(0) 推荐(0)
Egret 滚动背景图的实现
摘要：最终的示例: 实现思路就是两张图的一个循环调换位置的过程 A/B其中一张超出视图区域就立刻调转位置 向左侧移动 A向后移动 对于timer和帧事件的选择: TimerEvent.TIMER，从Timer的参数就可以看出来，当一个函数执行完成后再Delay多久。 所以如果针对每一帧进行操作的话，最好用 阅读全文
posted @ 2020-03-27 14:38 前端法师 阅读(833) 评论(0) 推荐(0)
Egret-我的疑问:Scroller如何禁止水平或垂直方向滚动
摘要：exml中: scrollPolicyH设为off，表示水平方向不可滚动，且不显示滚动条 scrollPolicyV设为off，表示垂直方向不可滚动，且不显示滚动条 ts: 阅读全文
posted @ 2020-03-26 15:47 前端法师 阅读(933) 评论(0) 推荐(0)
下一步学习计划: 跨平台应用开发框架
该文被密码保护。
posted @ 2020-03-23 10:01 前端法师 阅读(0) 评论(0) 推荐(0)
Egret-我的探索:exml自定义组件中通过ID获取子组件实例
摘要：可以看到,在exml编辑器中我们给UI组件添加了ID属性; 之后在对应的 ts文件中使用这个组件 namespace ui { export class GameCtrl extends eui.Component { constructor() { super(); this.skinName = 阅读全文
posted @ 2020-03-20 11:41 前端法师 阅读(1001) 评论(0) 推荐(0)
Egret-我的疑问:自定义组件加载skin的操作
摘要：我尝试将自己绘制的tabbar封装为自定义组件使用 // TypeScript file namespace ui { export class GameTab extends eui.Component { private checklist; constructor() { super(); t 阅读全文
posted @ 2020-03-20 11:10 前端法师 阅读(736) 评论(0) 推荐(0)
Egret事件冒泡的应用
摘要：在web前端开发中,利用事件冒泡能够达到减少事件绑定的目的. 学习egret,发现egret同样支持事件冒泡机制 下面为案例: 共有五个按钮需要绑定事件,我们可以给整个栏目绑定事件,利用事件冒泡,分别做出不同的操作: 例如: //给外层父元素绑定点击事件 this.addEventListener( 阅读全文
posted @ 2020-03-20 09:48 前端法师 阅读(567) 评论(0) 推荐(0)
Egret点击穿透(使遮盖可点击组件的其他组件禁止点击)
摘要：这种需求可以不需要代码的支持 如上图 下方的按钮被上层的Image遮盖,导致点击上面的Image无法触发按钮的点击事件 可以在上层Image的属性面板中找到touchEnabled这一属性改为false即可 另外 将这两个组件放在一个group中,我们再了解一下group的触摸属性: this.gr 阅读全文
posted @ 2020-03-20 09:00 前端法师 阅读(2007) 评论(0) 推荐(0)
Egret wing 4.1.6项目目录结构
摘要：Egret wing 4.1.6项目目录结构 阅读全文
posted @ 2020-03-19 09:54 前端法师 阅读(404) 评论(0) 推荐(0)
Egret分步加载资源改写loading界面
摘要：第一步: (在配置文件default.res.json中)先确定好分步加载资源的资源列表,将loading界面所需要的资源区分出来. 第二步:(在脚本入口文件Main.ts中)修改资源加载顺序以使用loading界面所需的资源! private async loadResource() { try 阅读全文
posted @ 2020-03-19 09:54 前端法师 阅读(517) 评论(0) 推荐(0)
二维数组取最长子数组长度
摘要：1 var a = [[5,2],[2,1,2],[3,3,3,3],[1,1,1,1],[1]]; 2 //方法一: 3 var b = Math.max.apply(null,a.map(item=>item.length)); 4 //方法二: 5 var c = a.slice().sort 阅读全文
posted @ 2020-03-19 09:53 前端法师 阅读(900) 评论(0) 推荐(0)