摘要: 最近做的项目都是内嵌egret游戏,想在移动端监测下它的性能,于是就开始了对Performance的探索: 一、使用 打开控制台,一顿操作: 网络选择Fast 3G,模拟手机普通3G环境,虽然现在大家都用4G了,然后勾选Memory,查看内存,点击小圆点开始录制 不看不知道,一看吓一跳,我选取的是游 阅读全文
posted @ 2020-04-09 20:22 Sofiaღ 阅读(486) 评论(5) 推荐(1) 编辑
摘要: 2020年4月4日全国哀悼日这一天,我发现不少网址都变灰了,我第一想法就是怎么做到的?不可能换素材整个网址重做一遍吧?后面发现是用的其实是css的filter滤镜: grayscale可以将图像转化为灰度图像: html { filter: grayscale(.95); } 视频、canvas之类 阅读全文
posted @ 2020-04-06 21:35 Sofiaღ 阅读(246) 评论(0) 推荐(0) 编辑
摘要: 最近反思了下自己,觉得自己很急躁,学技术总是觉得能用就行了,其实这样很不好,总是这样,就永远只能当用轮子的人。好了,废话不多说,转入正题: 要理解MVVM的原理,首先要理解它是什么,怎么运作起来的: 以下这样图来自这位大佬的文章《Vue.js入门(一)--MVVM框架理解》 由图可见,MVVM模型需 阅读全文
posted @ 2020-04-06 14:07 Sofiaღ 阅读(369) 评论(0) 推荐(0) 编辑
摘要: 这是要为一个vue项目做自适应,设计稿是1920*1080的,要适应各种手机、ipad、3840*2160的超大屏,所以就选择了rem,包用的是 postcss-pxtorem 在适配的时候遇到了很多问题,初版是这样的: // 设计稿以1920px为宽度 function setRem() { co 阅读全文
posted @ 2020-03-18 10:45 Sofiaღ 阅读(556) 评论(0) 推荐(0) 编辑
摘要: 1、先全局安装tree cnpm i tree-node-cli -g 然后输入: tree --help -L 是确定要几级目录,-I是排除哪个文件夹下的,然后我是要在README里面生成项目结构树 ,先cd到需要生成目录的文件夹下,然后输入: tree -L 4 -I "node_modules 阅读全文
posted @ 2020-03-16 11:28 Sofiaღ 阅读(3150) 评论(0) 推荐(0) 编辑
摘要: 这篇博客是在2020时写的,现在再看感觉确实写的不好,甚至有很多错误,怕误导他人,于是在2022重写了一次。 1.官方文档 首先看一下官方文档,效果更佳 这是两年前的官方文档(2020年) 现在文档则已更新为:(2022) 2、解读: reduce其实只有两个参数callback、initialVa 阅读全文
posted @ 2020-01-04 18:34 Sofiaღ 阅读(2011) 评论(0) 推荐(0) 编辑
摘要: 最近在用egret做游戏,就接触到了ts,刚开始的时候觉得类挺难的,毕竟大多数的JavaScript工程师工作中不怎么需要用到这个,但是学起来就不愿意撒手了,真香! typescript其实是es6的超集,所有es6的特性,它都支持。 废话少说,转回正题: ts里的类的修饰符主要有public/pr 阅读全文
posted @ 2019-12-20 12:36 Sofiaღ 阅读(1042) 评论(0) 推荐(0) 编辑
摘要: 一般处理Promise.reject()都是catch住错误,然后进行错误处理,一般都是再次发起请求或者直接打印。 直接打印的情况用console.error()就可以了,而再次发起请求呢? 最好是先把reject里的参数变成Promise对象实例再发起请求,因为一般出现错误情况后,返回的不一定Pr 阅读全文
posted @ 2019-12-02 20:03 Sofiaღ 阅读(2942) 评论(0) 推荐(0) 编辑
摘要: 要理解时事件循环得先明白单线程和任务队列。 单线程: js是个单线程语言,也就是说同一时间只能执行一个代码块。 任务队列: 每当一段代码准备执行的时候,它就会被放到任务队列里。 事件循环: 事件循环其实就是一段代码,它会管理并执行任务队列里的代码块们,执行的顺序是从第一个执行到最后一个,遵循先进先出 阅读全文
posted @ 2019-11-28 22:54 Sofiaღ 阅读(110) 评论(0) 推荐(0) 编辑
摘要: 首先要讲一下js的数据类型分为: 1、基本数据类型(原始数据类型):String、Boolean、Number、null、undefined、Symbol 2、引用数据类型:Object、Array、Function 先从基础的比较: '' == false; // true 因为''空字符串是基本 阅读全文
posted @ 2019-11-25 20:16 Sofiaღ 阅读(388) 评论(0) 推荐(0) 编辑