移动端开发适配2种方案总结针对移动端适配的方案~一： 第一种方案是：所有的单位使用rem来适配；首先在页面上设置html的font-size的大小；如下我项目中的设置：html { font-size: 100px; }
@media(min-width: 320px) { html { font-size: 100px; } }
@media(min-width: 360px) { html {
转载
2024-02-26 19:25:45
114阅读
文章目录项目准备安装 amfe-flexible安装 第三方插件 postcss-pxtorem配置vue.config.jsreset.css 重置样式
原创
2022-12-21 21:47:13
7449阅读
本文将介绍如何使用Trigger.io创建原生的顶部栏、标签栏、以及HTML/CSS/JavaScript的混合型移动应用程序。以后我们将添加更多的原生UI组件到Trigger.io，但现在你只需要使用web技术就可以在IOS和Android上创建漂亮而流畅的移动应用。这是一个简单的菜谱应用程序的屏幕截图，我们使用Trigger.io提供的原生UI组件，我们将向你展示该应用程序是如何构建的：配置T
转载
2024-01-22 17:43:37
129阅读
此案例使用的是vue2的@vue/composition-api，大部分代码来自 https://juejin.cn/post/6909252620741787656 此案例根据用户的屏幕宽度自适应为宽度100% vue和pdfjs版本 "vue": "^2.6.12", "pdfjs-dist": ...
转载
2021-10-19 11:48:00
1188阅读
2评论
import java.awt.event.KeyAdapter;
import java.awt.event.KeyEvent;
import javax.swing.ImageIcon;
import javax.swing.JFrame;
import javax.swing.JLabel;
public class MovePic extends KeyAdapter{
JFrame jf
转载
2023-06-27 16:34:45
88阅读
制作过程中问题总结：1、对于body特殊设置解释body {
width: 100%;
margin: 0 auto;
min-width: 320px;
max-width: 640px;
font-size: 14px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'He
转载
2023-07-24 20:59:14
315阅读
最近在写一个
移动工具类应用。需要支持离线功能，所以本地需要一份
数据库的拷贝，这样就涉及到移动端和服务器端数据库的同步问题。
在设计时我要满足以下几个需求：
1. 同步时双向传输数据最小化。双向即，服务器端更新同步到移动端，和移动端更新同步到服务器。每次只传输两端差异数据。
2. 支持离线。支持离线本身是一
转载
2024-09-11 12:43:51
38阅读
前提知识：1、能够独立根据设计稿进行整套项目的需求、剖析及其开发；2、对项目开发流程需要有一个基本的了解；3、可以灵活运用切图、重构、前端的知识对项目进行灵活控制。 开发步骤之需求分析：1、确定项目主题，确定表现的形式；2、设计稿图层分析，多页视觉放到一个网页文档，采取视觉差特效完成分页展示；3、音乐不跟随翻页，位置固定，播放旋转，可暂停。 开发步骤之技术分析：1、移动端项目，
转载
2023-07-22 16:07:45
76阅读
Flask搭建后台前端篇：Vue2.0搭建PC前端项目线上地址：项目访问链接，账号：admin 密码：admin
今天讲述搭建全栈系统里面的移动端。本文讲述用Vue2.0 + mint-ui创建一个移动端APP，这属于全栈系统中的移动端，项目包含以下内容：入口页面：定义登录页面和路由跳转 登录页面：实现系统登录功能 业务页面：写了两个业务页面1.> three.js加载gltf格式3D模
转载
2023-07-14 13:42:31
141阅读
在此与大家分享我的学习笔记。amaze ui的官网虽然已经提供了具体的实现步骤，但是对于没有前台开发经验的我，理解起来还是很有困难的。Amaze UI借鉴了Bootstrap等国外框架的优点。 引言 一个前台页面的开发一般需要html、css、javascript三种技术的支持，amazui ui对一些css、js进行了封装，是其可供用户直接调用。使用方法 &n
转载
2023-08-10 16:03:01
131阅读
HTML5具有语义学、本地存储、设备访问、连接性、多媒体、平面和三维效果、性能和集成和CSS3八大技术特征。让Web应用进入无插件时代，在功能和性能上逼近桌面应用。促使应用Web化，实现跨平台。候选推荐版，2022年发布计划推荐版。规范的实现似乎还在遥远的未来，其实不然！当前很多浏览器已经部分支持HTML5，caniuse.com提供了详尽的浏览器支持情况。HTML5规范本身并不多，很多相关规范
转载
2024-05-08 16:40:18
30阅读
1. 什么是移动web用于展示在移动设备上的网页(web)，称之为移动端页面。 移动设备泛指手机、平板等设备。2. 如何调试移动web页面真机调试：需要服务器环境，网络环境，以及多部手机。 :point_right: 目前还没有学习服务器技术，网络环境也不具备，所以暂时无法进行真机调试。浏览器模拟：一些浏览器为前端开发者提供了真机调试模拟环境。例如：chrome。 打开开发者工具，点击手机图标即可
转载
2023-08-01 15:29:37
545阅读
移动开发不同与PC端开发，可能会经历各种意想不到的问题，尤其是移动端应用刚起步的几年；随着移动互联网的快速发展，有些问题已经得到了很好的支持，如1像素边界的问题。当然，要更好地解决这些移动端的问题，就需有移动端领域相关的知识，下面就来说说。dpr设备像素比首先说一下，这个dpr不仅仅是移动端才有的，pc端也有，但是对一些移动端的问题产生的原因及解决显得比较重要，比如1像素的问题。先来看几个概念：物
转载
2024-06-24 15:55:03
321阅读
移动端常见布局：移动端技术选型一、单独制作移动端页面（主流）：①流式布局（百分比布局）、②flex弹性布局（强烈推荐）、③less+rem+媒体查询布局、④混合布局①流式布局（百分比布局）也称非固定像素布局。通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充。流式布局方式是移动web开发使用的比较常见的布局方式。二倍精灵图做法在PS里面把精灵图等比缩放为原来的
转载
2023-07-13 12:24:33
104阅读
目录一、移动端基础1.视口2.meta视口标签3.二倍图做法4.背景缩放background-size5.背景图片2倍图6.css3盒子模型7.移动端特殊样式二、移动端的常见布局三、流式布局（百分比布局）1.流式布局示例2.京东首页流式布局案例四、flex弹性盒子布局1.flex布局体验2.flex-direction设置主轴的方向3.justify-content：设置主轴上子元素排列方式4.f
转载
2023-07-13 12:24:59
122阅读
一、测试工具：1.Chrome 2.Opera Mobile二、分辨率：一般现代手机最小320px，最大640px。三、全屏流体设计： 1.腾讯新闻：http://xw.qq.com/ 2.途牛旅游：http://m.tuniu.com/固屏类流体设计 1.京东商城：http://m.jd.com/ 2.淘宝网：http://m.taobao.com/（全屏+固屏，导航一般用全屏）
转载
2023-07-02 23:52:57
92阅读
配置 flexible安装 lib-flexible1.在命令行中运行如下安装：npm i lib-flexible --save2.在项目
转载
2023-01-03 15:05:51
325阅读
配置 flexible安装 lib-flexible1.在命令行中运行如下安装：npm i lib-flexible --save2.在项目入口文件 main.js 里 引入 lib-flexible引入 li
转载
2023-01-03 15:05:51
534阅读
一、测试工具：1.Chrome 2.Opera Mobile二、分辨率：一般现代手机最小320px，最大640px。三、全屏流体设计： 1.腾讯新闻：http://xw.qq.com/ 2.途牛旅游：http://m.tuniu.com/固屏类流体设计 1.京东商城：http://m.jd.com/ 2.淘宝网：http://m.taobao.com/（全屏+固屏，导航一般用全屏）四、<me
转载
2024-06-27 17:34:55
36阅读
鄙人最近才刚刚开始学习一些关于移动端的知识，还只是个小白，文中可能有许多理解错误，望指出，请多多见谅。响应式什么是响应式页面呢？顾名思义响应式页面就是能做出响应的页面，它的页面效果不是定死的，会随着用户的改变而改变。如何着手响应式有以下几个思考的方向找一份设计图使用Media Query隐藏元素添加meta viewport明白手机端交互方式的区别Media Query是什么Media query
