javascript和Egret相关
文章平均质量分 63
hero82748274
这个作者很懒,什么都没留下…
展开
-
微信IDE vscode插件:获取插件位置,并打开文件
有没有觉得在微信开发工具里面添加一些插件可以很方便。因为微信IDE的编辑本身是依赖vscode开发,所以编写vscode插件自然可以在微信IDE使用。在activate 激活后,传递了context 就可以通过它拿到对应位置了。这个小小的功能,可以可以满足到一些日常小抄的代码片段的过程。只要满足日常使用,在编码过程就可以随时打开对应笔记使用。用这个方法,微信IDE上就可以打开对应插件index.html 网页了。那么如何获取插件里面的目录,并且打开它。利用上述功能在微信IDE就可以愉快玩耍了。原创 2024-05-06 00:07:23 · 612 阅读 · 0 评论 -
coco creator 3.x: 居中展示
coco creator 3.x 里面有很多需要居中处理,下面积累记录一些日常的实验。下面一张图如下,在这张图里面创建了一个3x3的展示。但是这个展示过程并不在居中展示。而它的容器节点 恰恰就在中心点位置。所以在创建后,布局预制体元素并不能实现居中的视觉。那样,我们只需要将里面元素偏移一个值即可计算处理这样效果。原创 2024-03-25 00:16:40 · 604 阅读 · 0 评论 -
Laya air 3.0 初试
3.0的引擎发布标志了国产引擎的进步,生态相互抗衡也是体验对图形学发展。原创 2023-01-11 00:18:40 · 1983 阅读 · 0 评论 -
h5学习笔记:nuxtjs
趁着五一假期其实已经躺平在家,但是看到新闻Nuxtjs 3的版本已经在早一些日子公布了候选版本,离正式版不远了。在家里办公,减少了不少通勤时间,效率是提升不少,只是要做到自律就非常困难。看看书,刷刷头条,写写公众号,做做核酸检测,疫情防控成了生活常态。在广州这里,疫情也会伴随很久了。科学家还在一线奋战解决病毒的问题,希望早日有特效药,真正全球化解决这样一个病毒大流行。然后,旅游,餐饮等一些行业可以恢复起来。我也渴望后期还可以出国旅游,见识见识。1. 一次项目交谈在过年前,我们遇到几个朋友聚会,交流一些.原创 2022-05-05 00:34:10 · 601 阅读 · 0 评论 -
h5学习笔记:为微信小程序ide添加css扩展
VSCODE 可以添加用户片段来增强代码提示,或者编写一个插件来增强编辑器中的代码提示。但是小程序是不是也可以?带着这个疑问开启今天的记录之旅。![在这里插入图片描述](https://img-blog.csdnimg.cn/cover1/0826/255055146891083860.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,image_MjAyMDA3MTUxNjIxMDEzOC5wbmc=,size_16原创 2021-07-24 20:38:56 · 641 阅读 · 0 评论 -
h5学习笔记:picture标签和webp组合
在日常网站的图片使用中,webp格式的优点要比同尺寸的jpg和png小一些,可以提升网站加载的速度。不过在大规模使用还是少见,主要还是兼容性的问题比较突出。前一段时间好奇查看了B站中的M站使用的图片格式,发现了B站采取picture标签呈现图片。什么是picture标签?我们查看一下文档的解释。1. 什么是picture标签?HTML 元素通过包含零或多个 元素和一个 元素来为不同的显示/设备场景提供图像版本。浏览器会选择最匹配的子 元素,如果没有匹配的,就选择 元素的 src属性中的UR原创 2021-03-28 21:02:42 · 1158 阅读 · 0 评论 -
h5学习笔记:v-html 下的一些小陷阱
2021即将到了,趁这几天休息时间继续记录之前项目中遇到的一些小问题。1.v-html 注意的问题v-html可以对一些字符串进行渲染成html方式展示。但是查看文档里面在设置样式,文档中提及到一些注意的地方。前几天在使用过程也遇到了这样的问题存在。2.v-html 设置引起样式不起作用当样式设置了scoped的时候,想对渲染后的样式做处理。加上了scoped就会不起作用。文档里面也提及到整个原因。<style scoped> ....设置样式</style>原创 2021-02-10 17:15:08 · 505 阅读 · 0 评论 -
h5学习笔记:菜单分割线和父节点监听点击
2020这样就过去了。疯狂加班一个月总算结束了,难得休息开始玩起了cocos 和一些vuejs 之前未试过的玩法。休息时间写写博客也是最写意也。前段时间看了一个菜单分割线做法,看了这个写法上的差别。下面也来做一下实验。我们经常遇到菜单加分割线做法。中间2个线是通过border-right实现,只是这个做法会出现最后一个菜单尾部的问题,影响美观。一般情况下需要使用last-child 去修正。我们实验一下另外做法,采取not选择器。这个写法又一些差别,这个我在一些公众号看过一些文章。我们通过一个简单案例原创 2021-02-07 21:48:31 · 354 阅读 · 0 评论 -
h5学习笔记:小程序 getAccountInfoSync 方法配置开发环境接口
我们在对接接口的时候,经常在开发服、体验服、和正式服的接口来回游走。前端里面经常需要调整这块接口内容,适应调试的目的。最近在工作项目学习到别的团队的一种思路(不唯一),现记录下来。1. 获取环境的参数微信小程序提供了一个获取方法接口。下面一起看看**wx.getAccountInfoSync()**的方法,该方法提供了小程序的账号信息和环境标记。从官方的接口代码可以看到,环境的标记里面包含了三种标记develop(开发服),trial(体验服),release(正式服) envVersion:.原创 2021-01-24 22:50:32 · 6896 阅读 · 0 评论 -
h5学习笔记:ant design 弹窗提示
最近要调研一下Ant Design,之前使用了Element组件也很多人用。Ant Design 的 React 和Vuejs 十分强大好用。但是文档总觉得缺了一些Js方法的引导方法。找了老半天也没有教授弹个全局窗口方法。其实对我初学者来讲就是纯粹想把组件弹窗出来看看效果而已。1.model弹窗例如,我们在学习过程就是想弹一个模态窗口。我们在第一时间想到alert,希望this.$alert(“我弹窗了”)这样就可以显示。 可惜就是没有提供。在找文档时候,发现ant design提供了提供Moda.原创 2020-12-25 19:29:58 · 6471 阅读 · 0 评论 -
每周学一点Egret(18)Egret Coder调试
在上周开发,Egret Wing在Mac偶尔会有一些小毛病出现编译不到的问题。于是在群里面请教了一些人在Vscode里面调试。在开发过程记录了一些小问题。1. Egret Wing的问题由于版本更新迭代问题,EgretWing 已经不再升级迭代。后续开发需要借助Egret UI Editor 和Vscode组合使用。但由于习惯的问题,大多数开发者还是喜欢一体化的设计,固守Wing阵型。这就为引擎研发商带来一些挑战。2. 安装Egret Coder由于Egret Wing已经停止维护了,官方开发出一个原创 2020-12-06 18:17:29 · 1090 阅读 · 0 评论 -
h5学习笔记:小程序getLaunchOptionsSync的误解
今天在跟踪一个问题的时候,遇到了一个小程序跳转来源总是不对的事情。起初的时候没有怀疑代码的问题,但是随着测试了多次反馈。发现了一些不对劲的地方。翻阅了社区的帖子也涉及到这个获取来源参数的问题。可能对此参数都有误解。于是翻查了wx.getLaunchOptionsSync的一些帖子。帖子中官方人员技术支持提及到这个方法使用是在启动后获取到的。只是在后续再调取获取的时候就不对了。因为小程序要拿到最新的访问来源做记录,因此这个需求就不适合了。wx.getLaunchOptionsSync 拿到的参数是启动原创 2020-08-25 20:59:37 · 3632 阅读 · 0 评论 -
h5学习笔记:底部菜单色块移动效果
上周的一个项目中,发现配合css过渡动画可以做出一些效果不错的视觉。css的过渡动画可以为底部的菜单添加一些移动的效果产生一些动态变化的效果。下面是一个基于vuejs的菜单切换的变换的效果。其原理采取了一个动态样式的方式对底部的菜单的色块进行样式变化。主要的代码在这里,采取移动+过渡的时间指定,配合起来就可以实现对应的效果。<div class="ui-navs-line" :style="{transform:`translateX(${offx}px)`,'transition-durat.原创 2020-07-05 11:49:12 · 551 阅读 · 0 评论 -
h5学习笔记:rem单位在一些安卓机计算异常
1.项目描述一款App+h5进行混合开发,App通过webview方式对h5进行远程加载。h5采用了vuejs进行开发,适配采用了px2rem插件方式进行批量转换。2.项目异常现象混合开发增加了调试的难度,也增加了人员开发的沟通成本。使用了rem单位进行适配在大多数机型表现还算OK。我们通常的做法是设置html 根字体大小,然后通过rem来转换。如果设置根字体是100px=1rem,div宽如果是200px,则值为2rem。但是在现今碎片化严重的安卓机环境中,。这种想当然的想法会被打脸。经过查询了一些原创 2020-05-09 09:14:02 · 722 阅读 · 0 评论 -
h5学习笔记:FormData 练习
这几天看了一些h5的相关的资料。趁着今晚有点时间做一些小练习。前端里面有关FormData 接口和用法可以在这里进行获取。https://developer.mozilla.org/zh-CN/docs/Web/API/FormDataFormData 可以配合做图片的上传,结合ajax进行传输。在这里一个程序,会涉及到canvas的绘图和压缩,FileReader 读取图片的预览图片,还有B...原创 2020-04-04 00:04:36 · 266 阅读 · 0 评论 -
h5学习笔记:animation旋转
今晚趁一点时间练习一下animation。这次的代码很简单,仅仅是一个平面旋转的特性。在一些场合里面会使用到。包括小程序也适应。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>旋转</title> </head> <st...原创 2020-03-23 00:11:02 · 730 阅读 · 0 评论 -
h5学习笔记:transition菜单过渡变色
今天客户提出一些样式方面的要求,在之前css动画一直偶尔用。在互动媒体的行业里面采用了大量的使用。趁着今年最后一天记录一下今天用的一些笔记。1.创建菜单在日常中,编写一个横向菜单是很容易的事情。下面,我们看一下效果。这个代码是一组采用ul 和 li 组合的常规菜单。我们看一下如下的代码。在这个菜单里面,我们仅仅把li 的display 设置display: inline-block; 即可...原创 2019-12-31 23:14:06 · 735 阅读 · 0 评论 -
h5学习笔记:gsap动效库
今天正好赶上用这个库的时候,之前使用as3,后面greensock已经升级到3.0版本,发现更加简化使用。进入官网可以看到里面有一些教程使用,greensock :https://greensock.com/get-started/,基本上和as3接口类似。js版本可以针对div做效果。gasp 尺寸还可以支持单位,px 和rem转换,效果还十分不错。也可以不带单位。处理 var a...原创 2019-12-26 19:15:43 · 534 阅读 · 0 评论 -
h5学习笔记:vue 路由部署服务器子目录问题
《Egret 引擎入门》 这两天一直在查询vue经过打包后部署服务器一直显示不出来的问题。前端没有报错,资源加载也很正常。找了很多回答,最后定位在vue的访问路由出了问题。出现的现象前端vuejs+vue-router+webpack的组合,打包是由webpack打包出来,在本地调试的时候正常,但是在服务器xampp里面怎样也出不了UI,也没有报错。由于前端采取了vuejs的路由访问,在webpa原创 2017-06-18 18:16:41 · 17396 阅读 · 0 评论 -
h5学习笔记:layui table
最近在做Layui的后台,发现Layui这个方案也不错,能够快速地在后台直接部署。相比还要配置webpack,Layui jquery体系开箱即用在一些单独的情况下还是挺不错的。最近整理一下现在梳理一下Table组件的用法。一 、Table 组件Table组件可以采用官方提供的三种方式来获取数据。官方推荐js一种。这样定义一个table组件。定义一个id 和lay-filter <...原创 2018-06-30 23:08:56 · 3018 阅读 · 0 评论 -
h5学习笔记:使用mockjs生成sql插入语句
前几天在写一个后台模版的时候,发现录入数据的时候效率很慢。本着希望可以大批量地录入一些数据。由于对mysql 不熟悉也没找到很好的数据库相关的工具。在朋友推荐下,找到[mockjs]工具(http://mockjs.com/)来模拟一下数据。使用mockjs模拟主要是想让其生成大量sql的插入语句,这样可以方便自己使用。这只是一个很小的脚本,不过这个脚本可以帮我录入一大堆数据可谓在没有找到更好...原创 2018-06-23 00:09:28 · 1824 阅读 · 0 评论 -
h5学习笔记:居中
将之前的用到的记录一下。以便不时之需。朋友一直和我讲css 是不简单,到目前为此,css发展已经进化到越来越惊人。其实学好css 不容易,也没有人所说的那样简单。css2- css3 – 进化less,sass,postcss,似乎真是越来越多。那天看了一下less,增加了一些嵌套和变量编程。似乎也不错。先将一些记录下来。text-align 可以实现居中效果。&amp;amp;lt;!DOCTYPE...原创 2018-05-31 23:54:03 · 4738 阅读 · 0 评论 -
h5学习笔记:小程序内置扫码获取普通二维码链接参数
连续加班一个月,已经有点吐血。趁今天空闲继续记录一些笔记。之前做的网站和小程序现在可以记录一些笔记出来总结。今天做小程序帮助一个客户加了扫码功能。微信小程序提供了这个内置扫码的功能。这个函数简单而且方便。只要使用扫码功能就能获取二维码链接的参数。下面先看一下小程序内置提供的调用扫一扫的功能函数。函数非常简单,返回一个sucess函数回调。至于内部做了什么操作。我想是他内部提供的的底层解析的工作...原创 2018-05-03 09:02:19 · 7119 阅读 · 0 评论 -
h5学习笔记:全屏首图
前段时间写全屏的时候,总是遇到一些奇怪的问题。由于一些原因导致首页的全屏没有显示出来,后来经过朋友指导终于可以实现一些全屏的效果。1. 编写一张全屏首图首先在编写的时候,需要对一些css样式预设,需要对html,和body设置一个高度。这个地方很关键,过去一直不知道为什么。因为屏幕图片的高度,需要依赖上上级高度。否则默认的情况下是为0。这样导致一个问题,对div填充图片后不生效。 ...原创 2018-02-14 23:57:20 · 469 阅读 · 0 评论 -
h5学习笔记:小程序模版
这两个月都一直在编写小程序,在熟悉了小程序一些规则后,发现可以建立一些模版化来加快一些常规的设计。小程序也支持组件式开发,但没试过具体还有待考量。先放一张比较没有美工的导航1 布局展示从上图中看到,这种导航的菜单采取了左右的方式布局1:1的方式展示。图标和文本分别左右边两边布局。2 小程序的模版小程序的模版提供了一个机制可以反复使用的机制。定义的时候需要如下定义。创建一原创 2018-02-03 10:59:19 · 1830 阅读 · 0 评论 -
h5学习笔记:标签页 after
趁着今天是6月的最后一天,整理之前在项目编写的看到的。weui里面很多after 和before的设置 经常会看到一头雾水。为了实现一下tabbar的功能。一直查看了一个资料才知道了这是什么回事。一、制作效果要做一个点击后底部会切换绿色横条。这种叫标签页tabs,会很常见,运用很多。QQ音乐和app很常见。二、遇到inline-block 50%的问题我们会制作的时候会遇到一个问题,当设置了两个元素原创 2017-06-30 21:42:22 · 2957 阅读 · 3 评论 -
h5学习笔记:http-server小工具
今天下午遇到一个小问题,下载的项目放置XAMPP二级目录里面,资源都会发生错误的情况,这个时候为了解决这个办法,使用了fis3的内置服务器去处理。 使用fis3服务器也是挺方便的。使用fis3的脚本首先启动服务器,然后将文件发布到内置的服务器。 fis3 server start //启动内置服务器 fis3 release //发布到内置服务器 fis3 server open /原创 2017-12-18 22:41:30 · 1080 阅读 · 0 评论 -
h5学习笔记:使用fis的前端构建工具记录
这几天练习一下webpack ,glup的工具使用,发现webpack 配置起来并不是太顺利,总是有一种抗拒的,但从vuejs 和react 需要这种配套的方案去解决打包和发布版本问题。这也是需要挖一下坑,把这块骨头啃下来。 无意中找到了fis百度的前端构建工具。查看了一下文档,练习一下,发现可以满足当前开发一个公众号的小小功能。这样子发布版本就可以解决缓存的问题。查看了一下这个工具,有一个地方做原创 2017-12-17 12:19:16 · 1004 阅读 · 0 评论 -
h5学习笔记:vuejs 编写进度条
最近要练习一下vuejs,vuejs可以编写一些组件。在之前一直没有尝试,今天尝试以下vuejs组件式的开发也是非常不错。下面记录一下进度条。使用Vue 编写一个全局组件。参考官方的以下的文档https://cn.vuejs.org/v2/guide/components.html最初的出发点是想传递一个数据去,并展示一条进度条。所以在构建全局组件的时候,传递三个参数。定义三个属性值。rest所剩的原创 2017-12-30 17:22:21 · 2085 阅读 · 0 评论 -
每周学一点Egret(17)default.thm.json 文件编译小坑
问题现象今天下午遇到同事一个获取不到绑定exml后的高度,但图片可以显示出来。经过排查了定位到一个小坑的地方。在之前也中招了几次。解决办法随着Egret 的版本越来越多,至今已经来到了5.1版本,调整了Egret Launcher版本。软件画面变得越来越大。笔记本14寸显示也变得很大。 default.thm.json 文件用于记录编译的exml文件用于最后的导出合拼。不过很多人不留意这个文件位置原创 2017-12-07 23:09:41 · 5263 阅读 · 0 评论 -
h5学习笔记:flex
flex部署可以很方便布局横向和垂直纵向的设计。所以在编写小程序可以放心使用。 flex 依旧有浏览器兼容性的问题。但是ie 8 这种浏览器真不管太多了。今晚做一个练习,记录一下之前工作中用到用法。flex是一种常用布局方式,使用这种方式处理一些布局。line-height 用于文本居中的显示 flex 的中间距采取了 justify-content:space-between; 均等的方式实现原创 2017-11-14 00:29:00 · 898 阅读 · 0 评论 -
h5学习笔记:vuethink 配置
vuethink 是一款基于PHP TP5和Vuejs 结合的后台框架,设计起来是使用较为前沿。在使用的过程,需要对这款开源的后台做一些调整和面对一些细节的坑。前段时间也因为有项目需求,所以下载了玩了一下。好,下面看看如何安装使用。1 下载源代码进入到官网 到到这个网页进行下载。 下载完成后,这款后台是前后端分离,基于PHP开发,以及是Vuejs,解压后会frontEnd 和php两个安装包。fo原创 2017-07-26 09:29:55 · 9005 阅读 · 5 评论 -
h5学习笔记:flex space-between 实现左右对齐布局
今天在尝试拼小程序界面的时候一直想换种口味。于是想使用flex布局,小程序支持flex也比较好。今天遇到一个问题就是要实现一个一左,一右,方式布局。之前习惯了用绝对布局的方式,可以将右边的元素实现right 0 处理。细心想了一既然使用flex布局肯定可以实现。找了一些资料看,space-between 在两个子元素下 可以实现左右对齐的效果。 下面,看一下实现。创建小程序页面,对文件编写如下的...原创 2018-07-14 00:23:37 · 70914 阅读 · 3 评论 -
h5学习笔记:小程序hover-class 按钮点击缩放
这段时间一直在做小程序,做着会发现对按钮缩放如何做感觉有点困扰,按钮没有触感。因为小程序似乎没有提供两帧图片的做法。一个方面可以使用两张图片切换,或者尝试使用雪碧图。但查看了一些文档后,小程序view组件中hover-class 设置样式可以制作出一个点击缩放的效果。根据这一点,使用hover-class来尝试制作一个点击缩放的效果。一、编写view首先会编写一个view,然后在里面添...原创 2018-08-20 08:29:04 · 10839 阅读 · 0 评论 -
h5 学习笔记:记录一些前端用到后台和移动样式库
这几天一直在找一些移动和业务样式库,发现了不少不错的,既是漂亮又符合业务用到。前端发展真的变化很快,发现市面上还是有不少开源好用的产品。针对后台研发的,有阿里ant design、阿里通信的,还有饿了么,京东,有赞等等一些库。我比较喜欢ant design里面的设计,符合大厂的味道。但这个是基于react的,当然最近ant design又推出了angular 的。1.Ant Design Pr...原创 2018-10-15 12:48:22 · 661 阅读 · 0 评论 -
每周学一点 egret(7):引入动画包
今天学习了一点Egret 继续练习做熟悉一点,之前在使用旧版的时候movieClip 做动画的方式还是旧版本,现在新版改了不少。今天使用的2.56的版本 引擎,在创建EUI的时候,为了减少体积包,所以引擎提供EUI项目的时候没有引入game 和tween 意外的库,所以我就很莫名地不知所措。但还需要手动额外新增这些包。经朋友展示了一份图告诉了我,在modules 里面加入需要引入的game 包原创 2015-12-04 22:42:38 · 4064 阅读 · 0 评论 -
h5学习笔记:小程序图片适配全部显示
最近收到一个需求,就是优化图片显示。在滚动轮播图发现这种轮播效应不理想,经过排查发现客户上传的图片尺寸规格不统一。听取了客户的建议发现了还有一种比较好方式可以满足到需求。1.图片适配常规做法小程序里面image能够提供多种缩放的方式。其中设置模式 mode=‘widthFix’ 较为常用。这样子图片可以根据宽度适配,可以做到图片不变形。widthFix 缩放模式,宽度不变,高度自动变化,...原创 2019-09-21 12:08:45 · 471 阅读 · 0 评论 -
h5学习笔记:js find方法
最近做项目的时候,经常会有这样一个需求,检测数组里面是否存在,存在则返回true,不存在则返回false。于是就会编写一段循环来检测,这个也是很常见的遍历行为,按着顺序去查找是否有对应的匹配值。<script type="text/javascript"> var carlist = [{vin:"ls11",carname:"aaa"},{vin:"ls2...原创 2019-08-29 16:34:00 · 1020 阅读 · 0 评论 -
h5学习笔记:导航栏切换
在日常的app应用经常会见到导航栏里面切换的样式,平时在开发小电商里面也当中也有大量的使用。下面一起看看这种样式使用。这种样式用到after 的特性 让其在文字的底部产生色块。这个after的使用,其中需要在一个子节点里面结合position 的相对和绝对定位做处理。1 开始的结构做这种的时候,有一种日常结构的使用,例如在一个div里面包着三个子节点。这样看起来更像一个容器,子节点被装载...原创 2019-07-31 23:46:27 · 1078 阅读 · 0 评论 -
h5学习笔记: float 多列居中
css 布局里面有网格的布局grid,由于浏览器支持得不是太好。相对grid,flex 要比它好一点,除了万年的IE除外,flex布局在移动端已经可以采用了。对IE来讲,IE8-9,采用了flex布局基本上不能考虑进去最近经常做nxm列的图片布局。突然想到 inline-block 去做,需求要求居中,又要布局图片对齐。发现没处理好 inline-block,会有点小问题。于是就改用了比较传...原创 2019-06-11 09:36:21 · 578 阅读 · 0 评论