公司里的设计师们一直不清楚HTML5是做什么的。有android开发、IOS开发。要个H5开发干嘛？每天都看着我清闲清闲的~ 所以为了增进团队友谊，借一次公司内部的分享会，我制作了PPT，主要大概讲解H5在移动端的位置，面向对象为设计师和产品们。 1、简单介绍：  
带你使用h5开发移动端小游戏在JY1.x版本中，你要做一个pc端的小游戏，会非常的简单，包括说，你要在低版本的浏览器IE8中，也不会出现明显的卡顿现象，你只需要关心游戏的逻辑就行了，比较适合逻辑较为简单的小游戏，在JY官网也写了很多的小游戏demo，但后来由于工作的缘因，一直没太去维护他，真是一转眼，已经是移动互联网的时代了，5年后的今天，有了重新构思JY框架的冲动，于是全新的JY2.0开始构建了
项目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阅读
H5移动端网页上拉及下拉刷新数据上拉刷新demo<!DOCTYPE html><html lang="
转载
2022-09-28 16:38:19
71阅读
一、技术选型组件版本说明vue^2.6.11数据处理框架vue-
转载
2022-09-07 21:46:22
1111阅读
文章目录一、技术选型一、路由规划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数，社区热度和使用范围进行汇总。）一
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向您展示了如
目录一、背景
二、思路和方案
三、总结
四、花絮
一、背景 用户点击浏览器工具栏中的后退按钮，或者移动设备上的返回键时，或者JS执行history.go(-1);时，浏览器会在当前窗口“打开”历史纪录中的前一个页面。不同的浏览器在“打开”前一个页面的表现上并不统一，这和浏览器的实现以及页面本身的设置都有关系。 在移动端HTML5浏览器和webview
