近期要做个手机html5的页面，做些知识储备，重要的点记录下来以备兴许。 1.devicePixelRatio:定义设备物理象素和设备独立象素的比例。css中的px能够看作是设备的独立象素。通过devicePixelRatio。就能够知道设备上的一个css像素代表着多少个物理像素，能够考虑devic
转载
2017-06-15 12:32:00
268阅读
2评论
看这个链接 https://juejin.im/entry/58f6d9fb44d904006c121d2e 移动端:active伪类无效的解决方法:By default, Safari Mobile does not use the :active state unless there is a touchstart event handler on the relevant elem
转载
2017-04-22 23:20:52
1022阅读
点击阅读原文meta相关添加到主屏后的标题（IOS） 启用 WebApp 全屏模式（IOS） 当网站添加到主屏幕后再点击进行启动时，可隐藏地
移动端web开发技巧热度 25已有 1439 次阅读2015-11-13 15:53 |系统分类:HTML/CSSMETA相关1. 添加到主屏后的标题（IOS）2. 启用 WebApp 全屏模式（IOS）3. 百度禁止转码通过百度手机打开网页时，百度可能会对你的网页进行转码，往你页面贴上它的广告，非...
转载
2015-11-25 14:01:00
168阅读
1、移动web开发
这部分跟web前端开发差别不大，使用的技术都是html+css+js。区别为手机浏览器是webkit的天下，pc端是IE的天 下。手机网页可以理解成pc网页的缩小版加一些触摸特性。因为是在浏览器中进行的网页开发，所有最终代码具有跨系统平台的特性。
转载
精选
2013-11-07 09:10:45
3985阅读
基本要求（1）了解程序体系结构的演变以及C/S和B/S的区别；（2）理解Web的基本概念及工作原理，学会区分静态Web与动态Web ；（3）了解Web开发的相关技术、开发环境和Java EE核心设计模式。学习重点Web的工作原理，静态Web与动态Web 的本质区别。 一、地位：Java Web是Java应用开发领域的三大方向之一（桌面应用开发、Web应用开发和嵌入式应
转载
2023-08-08 15:00:37
182阅读
前言 不要为了面试而去背题，匆匆忙忙的，不仅学不进去，背完了几天后马上会忘记。 你可能会说，“没办法，这不是为
原创
2024-03-16 11:33:15
97阅读
手机网易网
原创
2022-05-30 11:54:42
201阅读
Web前端学习笔记第五部分：移动端页面开发1. 移动端与PC端页面布局区别视口视口是移动设备上用来显示网页的区域，一染区别.png由于产生按比例缩...
原创
2023-01-31 10:29:46
572阅读
WebApp是指基于Web的系统和应用，其作用是向广大的最终用户发布一组复杂的内容和功能（不明白说的是什么）。其实Web APP就是一个针对Iphone、Android等智能手机优化后的web站点，它使用的技术无非就是HTML或HTML5、CSS3、JavaScript，服务端技术JAVA、PHP等...
原创
2022-04-06 14:00:10
216阅读
前言本文主要记录了移动端调试，包含浏览器调试以及远程调试工具和多终端调试工具的介绍。移动端调试移动端调试可以查看页面效果是否符合预期，不符合进行修改。浏览器调试以CSDN首页为例；进入控制台首先按Ctrl+Shift+I（或点击鼠标右键选择检查菜单项）进入控制台：!在这里插入图片描述(https://s2.51cto.com/images/blog/202209/25233645_6330758d
原创
2022-09-25 23:37:13
462阅读
文章目录移动web开发之流式布局案例：京东网页index.htmlindex.css移动web开发之flex布局Flex布局原理Flex布局父项常见属性（重点）1. flex设置主轴方向2. 开启flex布局后默认为不换行3. Flex-flow就是flex-direction和flex-wrap的合写4. justify-content设置主轴子元素排列形式5. align-items设置侧轴
转载
2024-01-26 07:55:21
45阅读
说实话，我们这次开发移动端的项目，整个项目组的人都是第一次，最初立项的时候为是选择native app和web app还争论了一番，最后综合考虑，我们选择了web（我们选择了h5）开发。但从这两种开发模式的特点来说，从它们诞生之日起就开始了不断的争论，孰好孰坏，本文不作探讨，只是简单罗列下本人开发遇到的问题和最终的解决方案。 1. 响应式web设计 说到这个，移动开发面对的屏幕尺寸那叫一个
转载
2023-09-21 02:50:39
153阅读
10 个易于开发的移动应用开发框架
由于 iPhone 和谷歌Android 推出移动应用开发正在迅速增长。有无数的移动Web应用程序在互联网上公布，这些应用程序在发布之前都需要经过大量的工作和很多工程师辛勤的劳动，开发移动应用并不是一件容易的事情，需要额外的努力和决心。为了帮助开发者快速开发移动应用，有一些非常优秀的移动开发框架可以简化移动应用的开发，缩短程序的发布时间。本文为你收集 10
什么是移动WEB开发，我个人理解就是，将网页更好的显示在移动端的一些设置，简单来说就两点如下：1、流式布局，即百分比自适应布局将body下的div容器的样式设置如下：div{
width:100%;
} 2、viewport视口 在head标签中，添加如下：<meta name="viewport" content="width=device-width,initial-
转载
2023-12-20 22:23:23
30阅读
今天，Java 已经在世界一些领先的技术行业中找到了应用。从数据科学到 AR 和 VR，Java 可用于所有高级编程应用程序。然而，尽管企业 Java 开发是增长最快的用例。但 Web 和移动设备一直是 Java 技术应用程序的长期赢家。 为 Web 和移动设备使用 Java 开发的原因 Java 是一种高性能的编程语言，它确保应用程序有能力快速运行并且没有任何处理错误。以下是 Java
转载
2023-07-19 10:20:18
100阅读
前言最近在一个移动端的 Web 项目中踩了很多的坑，感觉有必要把它们记录下来，分享给即将踏入移动端 Web 开发大门的新人们。一、从布局说起移动端的整体布局一般来说可以分为上中下三个部分，分别为 header、main、footer，其中header、footer 是固定高度，分别固定在页面顶部和页面底部，而 main 是占据页面其余位置，并且可以滚动。（上图是使用纯 CSS 实现，然后截图，上传
转载
2017-05-05 15:13:19
554阅读
在当今信息爆炸的文化背景下，人们每天都会通过手机APP接触到巨大的信息流，然后再持续的进行评估、过滤并且再加工，具有认知上的负担，扁平化UI设计更加适合信息碎片化的传递方式。 移动端APP扁平化UI设计解析 扁平化UI主要设计步骤 1 在进行手机应用程序UI的设计之前，首先要做的就是明确功能和目的，要对产品的定位要有一个明确的了解，对目标用户进行详细的研究，分析出用户群体的使用特征、情感、习惯、心
转载
2023-12-11 09:24:01
176阅读
移动端web开发常见问题Meta相关 1. 添加到主屏后的标题（IOS） 2. 启用 WebApp全屏模式（IOS）当网站添加到主屏幕后再点击进行启动时，可隐藏地址栏（从浏览器跳转或输入链接进入并没有此效果） 3. 百度禁止转码通过百度手机打开网页时，百度可能会对你的网页进行转码，往你页面贴上它的广告，非常之恶心。不过我们可以通过这个meta标签来禁止
原创
2021-08-02 15:10:49
1375阅读
移动端web开发常见问题Meta相关 1. 添加到主屏后的标题（IOS） 2. 启用 WebApp全屏模式（IOS）当网站添加到主屏幕后再点击进行启动时，可隐藏地址栏（从浏览器跳转或输入链接进入并没有此效果） 3. 百度禁止转码通过百度手机打开网页时，百度可能会对你的网页进行转码，往你页面贴上它的广告，非常之恶心。不过我们可以通过这个meta标签来禁止
原创
2022-02-28 10:04:11
2643阅读
