带你使用h5开发移动小游戏在JY1.x版本中,你要做一个pc的小游戏,会非常的简单,包括说,你要在低版本的浏览器IE8中,也不会出现明显的卡顿现象,你只需要关心游戏的逻辑就行了,比较适合逻辑较为简单的小游戏,在JY官网也写了很多的小游戏demo,但后来由于工作的缘因,一直没太去维护他,真是一转眼,已经是移动互联网的时代了,5年后的今天,有了重新构思JY框架的冲动,于是全新的JY2.0开始构建了
      公司里的设计师们一直不清楚HTML5是做什么的。有android开发、IOS开发。要个H5开发干嘛?每天都看着我清闲清闲的~       所以为了增进团队友谊,借一次公司内部的分享会,我制作了PPT,主要大概讲解H5移动的位置,面向对象为设计师和产品们。 1、简单介绍:  &nbsp
项目src中用到的npm包有(从编译打包到最终部署仍不能移除)1:vue             渐进式 JavaScript 框架   http://cn.vuejs.org/v2/guide/2:vue-router   路由           http://router.vuejs.org/zh-cn/3:vuex           状态管理模式 http://vuex.vuejs.or
原创 2021-12-15 17:54:03
422阅读
开发前准备环境:Node.js LTS版本git 最新版文档:本项目技术栈基于​快速开始1.克隆项目 git clone https://gitee.com/Fntys/met_h5.git2.进入项目 cd met_h53.安装依赖 npm install4.启动构建 npm run dev5.访问 localhost:9999
转载 2020-04-24 18:53:00
461阅读
2评论
1. 单个页面内容不能过多 设计常用尺寸:750 x 1334 / 640 x 1134,包含了手机顶部信号栏的高度。微信、QQ顶部导航,底部也有 操作栏(safari浏览器也一样),这些都会占用设计稿显示区域,因此在 设计环节 就需要考虑内容的多少,页面底部要 预留一定的空白,这样在微信或qq中才不会被遮住。750*1074)存下来,用于实时查看移动
6. 项目配置有一些项目设置会影响您的移动性能。降低或禁用加速度计频率  Unity 每秒数次汇集您手机的加速度计。 如果它没有在您的应用程序中使用,请禁用它,或降低其频率以获得更好的性能。禁用不必要的播放器或质量设置  在 Player 设置中,为不受支持的平台禁用 Auto Graphics API 以防止生成过多的着色器变体。 如果您的应用程序不支持旧 CPU 的目标体系结构,请禁用它们。
1.​​eruda​​ (function() { var script = document.createElement('script'); script.src = "http://cdn.bootcss.com/eruda/1.4.2/eruda.min.js"; document.body.appendChild(script); script.onload =
原创 2022-01-29 16:03:02
150阅读
1.eruda(function() { var script = document.createElement('script'); script.src = "http://cdn.bootcss.com/eruda/1.4.2/eruda.min.js"; document.body.appendChild(script); script.onload = ...
原创 2021-07-13 09:27:57
507阅读
这些知识点都是经典!经典!经典!
转载 2021-12-09 16:56:26
175阅读
一、技术选型组件版本说明vue^2.6.11数据处理框架vue-
转载 2022-09-07 21:46:22
1104阅读
文章目录一、技术选型一、路由规划1. 新建路由配置2. 下载vue-router3. 路由注册4. 路由icBox一、技术选型...
转载 2022-09-07 21:46:27
2018阅读
文章目录一、专题页1. 效果图2. 专题api2.Topic.vue 组件3. 专题源码二、分类页2.1. 效果
转载 2022-09-07 21:46:22
3098阅读
文章目录一、·首页搜索功能1. 搜索页面2. 历史记录和热门搜索组件3. 搜索框提示列表组件4.
转载 2022-09-07 21:47:36
758阅读
前言:随着前端技术的更新,Vue,React,Angular等JS类框架不断的深入使用,各种WebApp、混合App、微信H5等应用的发展,各种配套的前端UI框架应运而生。最近,通过在Github、前端社区、掘金等平台上,对当下流行的前端UI框架进行了小小的整理与记录,希望以此来找到适合公司项目改版的移动UI框架。(PS:前端UI框架通过GitHub star数,社区热度和使用范围进行汇总。)一
转载 3月前
310阅读
1.rem适配原理首先清除一下默认样式,这个基本上所有写H5的都通用a, input, button { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } input, button { -webkit-appearance: none; border-radius: 0; } body { margin: 0; -webkit-
转载 2023-08-16 15:52:33
111阅读
最近在一个移动的 Web 项目中踩了很多的坑,感觉有必要把它们记录下来,分享给即将踏入移动 Web 开发大门的朋友们,更好的解决ios和android兼容。1.input获取焦点时,页面被放大​设置meta标签<meta name="apple-mobile-web-app-capable" content="yes"><meta name="viewport" conten
转载 2022-11-14 11:37:28
174阅读
背景:开发PC页面的时候使用chrome浏览器的开发者工具,可以很容易的捕获到页面的dom元素,并且可以修改样式,方便调试;但是手机上却很麻烦,因为手机上没有办法直接打开开发者工具查看元素。其实可以通过将设备连接到PC,使用PC的开发者工具检测。1.安卓手机调试工具chrome DevTools调试步骤a、需要满足安卓系统版本为Android 4.4以上,并且需要再你的APP内配置相应的代码,在W
转载 2023-07-17 18:15:24
310阅读
就屏幕尺寸而言,移动设备的屏幕比PC显示器小。 在查看网页或应用程序时,某些元素会进行翻译以适应此屏幕限制。 通常,在右侧或左侧有一个按钮,当点击它时,它将显示隐藏的元素。 以iOS版Facebook应用为例; 如果单击左侧的图标,则将显示用于导航应用程序的链接菜单,而如果单击右侧的图标,则将显示您的在线联系人。 当今大多数应用程序都采用类似的方法。 在我们之前的文章中,Jake向您展示了如
上图中,Iphonex机型在头部和底部新增了这两个区域,所以我们需要针对这类机型做些适配,方便我们的webapp的展示h5做成的移动页面,常见布局为头部+躯干+底部三栏模式,头部和顶部都是固定定位,躯干可里的内容可以滚动,暂定的布局如下:<div class="page"> <header></header> <main></main>
当我们在做手机H5网页设计稿时(当然包含微信H5网页设计),如果没有做过类似的移动的设计,UI设计师和前端工程师肯定会纠结的。如果是app设计师,就不会那么纠结啦。那么多手机屏幕尺寸,设计稿应该按照哪一个尺寸作为标准尺寸。现在已经有2K分辨率的手机屏幕了,设计稿是不是也要把宽高跟着最大分辨率来设计。显然不是。请注意:(以下所有讨论内容和规范均将viewport设定为content=”wid
  • 1
  • 2
  • 3
  • 4
  • 5