基于vuecli3构建的一个快速开发h5 APP的模板,集成了高德地图.mint-ui,以及antv-f2可视化框架 vue-cli3安装 查看vue cli版本 vue --version 要求nodejs版本8.9以上 如安装了旧版,使用npm uninstall vue-cli -g卸载旧版本 安装vue-cli3.0 npm install -g @vue/cli 创建项目 vue create hello-world 选择安装配置选项 ◉ Babel ◯ TypeScript ◯ Pr…
最近几年随着h5的兴起,复杂的h5动画,甚至是交互动画类型的产品不断涌现,尤其在课件产品方面,很多公司都有相关需求,最近很多h5开发工程师想了解相关方面的技术. 针对h5,如果是简单的动画效果,可以考虑css3来实现,如果是较为复杂的动画效果,比如有很多特效,动画时长比较长,那么就需要h5的动画引擎来实现. 目前我们专注于: ①.h5幼儿教育益智游戏/课件,动画交互类课件②.h5 K12教学类课件/游戏.③svg矢量图形操作交互类课件.④h5多引擎手游,页游.⑤ 特教多媒体课件订制开发 线上教育…
最近几年随着h5的兴起,复杂的h5动画,甚至是交互动画类型的产品不断涌现,尤其在课件产品方面,很多公司都有相关需求,最近很多h5开发工程师想了解相关方面的技术. 针对h5,如果是简单的动画效果,可以考虑css3来实现,如果是较为复杂的动画效果,比如有很多特效,动画时长比较长,那么就需要h5的动画引擎来实现. 目前我们专注于: ①.h5幼儿教育益智游戏/课件,动画交互类课件②.h5 K12教学类课件/游戏.③svg矢量图形操作交互类课件.④h5多引擎手游,页游.⑤ 特教多媒体课件订制开发 线上教育…
最近一些直播.小视频什么的都比较火,像陌陌.抖音.火山短视频… 于是空闲时间自己也利用html5技术也试着倒腾了下直播项目,使用到了h5+css3+iscroll+zepot+swiper+wlsPop架构开发了一个仿陌陌.火山小视频,项目效果挺不错哒!同时解决了在直播页面聊天时候页面撑起的问题. 效果图如下: // >>>编辑器处理函数 var $chatMsgList = $("#J__chatMsgList"); var $editor = $(".J…
根据不同的课件类型选择不同的引擎,选择最合适的开发工具为您实现想要的课件效果.…
开发H5游戏引擎的选择:Egret或Laya? 一.总结 一句话总结:选laya吧 二.开发H5游戏引擎的选择:Egret或Laya? 一.H5游戏开发的引擎介绍 开发H5游戏的引擎有很多,比如egret.laya.cocos-js等等.这里主要是分析的是egret和laya,因为我们团队是从as3转过来的.所以天然地在有as3基因的egret和laya之中挑选一个. Egret Egret Framework是一款使用JavaScript(TypeScript)编写的HTML5开源免费游戏框架…
在微信开发H5页面的时候,往往借助于WeUI或者Jquery WeUI等基础上进行界面效果的开发,由于本人喜欢在Asp.net的Web界面上使用JQuery,因此比较倾向于使用 jQuery WeUI,本篇随笔结合官方案例和自己的项目实际开发过程的经验总结,对在H5页面开发过程中设计到的界面控件进行逐一的分析和总结,以期能够给大家在H5页面开发过程中提供有用的参考. 1.资源参考 WeUI : https://github.com/Tencent/weui WeUI for work:WeUI…
前言 H5即HTML5,H5开发具有低成本.高效率.跨平台.研发周期短,用户接触成本低等特性. 一.开发环境 在开发一个H5项目之前,需要先搞好环境.主要有node.npm.gulp.bower.下面分别介绍一下这些工具的安装和使用. 第一步:安装Node 首先,最基本也最重要的是,我们需要搭建node环境.然后点击大大的绿色的install 按钮,下载完成后直接运行程序,就一切准备就绪. npm 会随着安装包一起安装,稍后会用到它. 接下来,可以使用命令行来检测Node和npm是否正确安装:…
开发记录 前言 之前跟着慕课网学习开发H5小游戏开心鱼,勾起我的兴趣. 在写代码的过程中,不怎么会遇到问题.虽然代码是亲手敲出来的,但是由于并没有对游戏的整体思路,所以并不知道开发与优化的过程. 为了巩固知识,和了解优化的过程.我用了半天时间写出<看你有多色>游戏,(在网上找了一张游戏截图,之后自己写) 由于是第一次自己构思.自己动手的游戏,所以还有很多地方有待完善. 基本界面的实现的过程 就像切图一样,在我找到截图的时候,先利用HTML搭出框架,再用CSS填充样式. 随后是加入JS去实现不同…
一:开发平台 我在公司开发app主要是在apicloud平台上https://www.apicloud.com/,需要开发的同学可以点击进入这个平台了解: 二:开发工具 既然是在apicloud平台上开发当然也会提供相关的平台软件-apicloid-studio2.对于我来说我会利用hubuider,或者其他软件把页面写好,然后调试的时候才利用这个软件,因为该软件提示H5标签元素很少,开发速度相对慢些:当然记忆力强大的童鞋就可以直接开发:apicloud-studio2可以wifi链接手机调试,…