移动WEB 第7页

前端|移动web图片上传问题

手机站点图片上传时，使用默认的文件上传插件只能打开图库只能打开相机`期望可以同时打开图库和相机，测试发现安卓和ios系统存在差异。故最终采用js检测设备，区别配置。同时打开图库和相机varu=navigator.userAgent;varisAndroid=u.indexOf('Android')>-1||u.indexOf('Adr')>-1;//android终端if(isAndroid){$

皮卡球ca·2022-02-19 08:07

前端基础知识第三章---移动端WEB开发之rem适配布局

前言❤️我不停奔跑，只为追赶当年被寄予厚望的自己❤️前端基础知识第三章---移动WEB开发之rem适配布局一、rem基础二、媒体查询（1）什么是媒体查询（2）语法规范2.1mediatype查询类型2.2

battledao·2022-02-18 17:22

html

标准理解标签语义化掌握常用的排版标签掌握常用的文本格式化图像链接等标签掌握三种列表标签掌握表格标签掌握表格标签掌握表单标签typora-copy-images-to:media前端基础html+css基础班中级js移动

前端搬砖工小陈·2022-02-18 03:59

移动web适配方案

PC页面的人聊的最多的就是兼容，这是因为浏览器之间的差异引起的。而移动端是基本没有兼容的问题的，全是CSS3。可是适配的问题随之而来。手机适配，目前有四种方法：固定高度，宽度自适应固定宽度，viewport缩放利用rem布局利用vw布局这四种方法的核心都是视口的确定1.固定高度，宽度自适应目前拉勾网使用的就是这种方式，只适合简单的webapp，单位使用px(1)以较小宽度（如320px）的视觉稿作

gavin_zhuo·2022-02-17 15:50

12款很赞的web前端移动开发框架

利用现有的高质量移动框架来构建移动Web应用程序已成为非常容易，但是如何选择合适的框架是比较纠结的。因此在本文中，我们整理了12个很赞的移动框架。

web前端04·2022-02-16 12:11

用于构建渐进式 Web 应用程序（PWA）的前5个开源框架

PWA是一种Web应用程序，旨在像移动平台上的本机应用程序一样运行，尽管它是通过Web交付的，你可以使用PWA来优化你的应用程序的移动Web体验。PWA为用户和开发人员提供了多种好处。

粤嵌教育·2022-02-16 10:04

企业应该开始构建渐进式 Web 应用程序吗？

PWA是一种新兴的移动Web应用程序模式，现在可以采用。它们也可能是你在不影响服务质量的情况下节省资金的下一个机会，并帮助你的组织更快地提供服务，而不会破坏你对业务目标和新客户获取的关注。

粤嵌教育·2022-02-15 16:58

移动web学习

移动web学习1.平面转换位移旋转修改寻转中心点多重转换缩放2.渐变背景3.空间转换平移空间旋转立体图形空间缩放1.平面转换使用transform属性实现元素的位移、旋转、缩放等效果位移注意：一般要加过渡属性

Concision.·2022-02-14 16:33

基本布局

PC端盒子模型定高定宽display:inline-block移动Web定高，宽度百分比flex(响应式)mediaquery媒体查询(响应式)@media媒体类型and(媒体特性){css样式}媒体类型

寿司酱n·2022-02-14 13:58

vue项目电商后台管理系统(一)

###今日目标1.初始化项目2.基于Vue技术栈进行项目开发3.使用Vue的第三方组件进行项目开发4.理解前后端分离开发模式###1.电商业务概述客户使用的业务服务：PC端，小程序，移动web，移动app

Ali_code·2022-02-10 13:17

盒子端 Css 动画性能提升研究

作者：chokcocohttp://web.jobbole.com/93258/不同于传统的PCWeb或者是移动WEB，在腾讯视频客厅盒子端，接大屏显示器（电视）下，许多能流畅运行于PC端、移动端的Web

grain先森·2022-02-05 13:39

将Angular单项目升级为多项目的全过程

目录前言开发环境生成新工程移动web项目angular.json公共模块总结前言有时候在开发的过程中发现一个Angular项目不太够用，两个独立的项目又不太好复用。

·2021-11-08 15:43

2021最新一线大厂前端面试题，包含腾讯，字节，顺丰······

前端入门基础HTML+CSS前端Html5+Css3+移动Web教程，前端Web入门教程，零基础前端开发视频教程JavaScript入门神器JavaScript全套教程，Web前端必学的JS教程，零基础入门

是一只萨摩耶·2021-10-20 17:58

移动端web开发笔记

背景二倍图以及多倍图切图移动端开发选择移动端技术解决方案移动端特殊样式移动端技术选型流式布局京东移动端首页准备工作body设置app布局app内容填充搜索模块布局搜索模块内容制作新闻快报模板京东移动端首页结束移动

CharmDeer·2021-10-14 20:56

移动端常见布局

流式布局的方式是移动web开发使用的比较常见的布局方式。2、flex弹性布局（可参照之前的常见的弹性盒子布局）3、less+rem+媒体查询布局①假设设计稿是750px。

Hannaaa·2021-10-06 11:02

移动端Web开发基础知识

文章目录移动端Web开发移动端基础浏览器视口样式编写分辨率和设备像素比二倍图SVG矢量图移动端Web开发移动Web开发的两种主流方案，一种是单独制作移动端页面，另一种是制作响应式页面移动端页面：单独制作移动端页面的优势和劣势

YuLong~W·2021-09-26 19:35

mdebug 基于React开发的web调试工具

mdebug是腾讯新闻TNTWEB团队推出的基于react开发的移动web调试工具。沉淀自腾讯新闻微信手q双插件多年的移动web开发实践中。

·2021-09-02 13:38

使用Flexible & swiper进行移动Web开发

[toc]移动端适配方案flexible.js出发点事故的开始总是有原因的，那思考一下，为什么使用Flexible?为了rem布局？>>为什么要rem布局——>高度还原移动端适配?>>为什么移动端适配要用Flexible——>同等占比什么是移动端适配？最初点是设计图的高度还原！！！以750*1334设计稿(iPhone6)为准，期望每一个设计元件在iPhone6实机上占比、宽高比都与设计稿显示一致

说叁两事·2021-06-30 22:32

小程序随笔

2.小程序并非凭空冒出来的一个概念，当微信中的WebView逐渐成为移动Web的一个重要入口时，微信就有相关的JSAPI了。3.小程序的主要语言是JavaScript。

小白不白Zcq·2021-06-25 22:06

全开源即时通讯(IM)系统-仿微信

E聊现已适配PCWeb,移动Web,Android,iOS等平台。3.系统架构:image.png3.1各模块介绍E聊服务器:提供了基础的

E聊·2021-06-23 23:06

移动web开发——流式布局

视口视口（viewport）就是浏览器显示页面内容的屏幕区域。视口可以分为布局视口、视觉视口和理想视口布局视口layoutviewport一般移动设备的浏览器都默认设置了一个布局视口，用于解决早期的PC端页面在手机上显示的问题。iOS,Android基本都将这个视口分辨率设置为980px，所以PC上的网页大多都能在手机上呈现，只不过元素看上去很小，一般默认可以通过手动缩放网页。2.png视觉视口v

王玉伟的伟·2021-06-22 19:14

[前端学习]移动web部分学习笔记，第二天

网页布局方法总结：目前已经学习了两种布局方式：固定宽度布局：常见于PC端，设定固定的宽度作为版心来布局流式布局：常见于移动端，所有宽度不固定，采用相对参照的方式，用百分比来设置接下来还要接触两种布局方式：栅格式布局：这种布局方式被bootstrap框架使用，主要思路是让整个页面分为多个均宽等份。某个元素设置宽度时，让它占有几个等份，而不是直接设置宽度响应式布局：很流行的布局方式，自动检测设备宽度来

印象rcj·2021-06-22 05:01

移动web开发——flex布局

3.0父项常见属性flex-direction：设置主轴的方向justify-content：设置主轴上的子元素排列方式flex-wrap：设置子元素是否换行align-content：设置侧轴上的子元素的排列方式（多行）align-items：设置侧轴上的子元素排列方式（单行）flex-flow：复合属性，相当于同时设置了flex-direction和flex-wrap3.1flex-direc

王玉伟的伟·2021-06-21 11:50

原生APP 、Web App和混合App

APP原生native（基于本机操作系统，功能丰富、速度快）移动web（基于系统的浏览器内核，易开发、成本低）混合Hybrid(核心功能和壳使用native，兼具NativeApp良好用户交互体验的优势和

前端girl吖·2021-06-20 13:45

1 - Hybrid开发

移动应用开发三种方式WebApp网页应用程序（移动web）NativeApp本地应用程序（原生App）HybridApp混合应用程序（混合App）三种方式的对比image.pngHybridApp开发简介与意义

Elvmx·2021-06-11 17:53

移动WEB flex 布局

一、简介又名伸缩布局、弹性布局、伸缩盒布局、更适用于移动端布局原理，添加display:flex;父盒设为flex后，子元素的float、clear、vertical-align属性失效二、常见父项属性flex-direction设置主轴方向属性row（默认）row-reversecolumncolumn-reversejustily-content主轴上的子元素排列方式flex-startfle

天涯笑笑生·2021-06-08 15:35

移动web唤起手机拍照、摄影、录音及拨号

本文主要介绍移动web页面唤起手机的拍照、摄像、录音及拨号的功能以下代码均可直接复制运行查看效果，本地测试有两种方式：1、本地搭个测试环境，手机连接局域网，输入IP地址访问进行测试（推荐）2、代码文件直接存到手机

代码西施·2021-06-07 13:49

1.我的冰箱里有什么？

如何开始现在我们会完成一个项目，我希望你是一个想从事互联网开发，或者是已经他踏进了这个行业没有超过一年，并且想做一些cool的产品，我们将会独立编写一个项目，这个项目应该是包括以下UI移动web端源生移动端

Lucifer_li·2021-06-07 05:59

vue后台管理系统实践方案总结——简易电商后管

项目概述基本业务概述根据不同的应用场景，电商系统一般都提供了PC端、移动APP、移动Web、微信小程序等多种终端访问方式管理系统功能电商后台管理系统用于管理账号、商品分类、商品信息、订单、数据统计等业务功能开发模式电商后台管理系统整体采用前后端分离的开发模式

chang_遇见缘·2021-06-06 05:26

input输入框键盘弹起延时问题

在移动web兴起初期，用户对300ms的延迟没有太大的感觉，但随着用户对交互体验的要求的提高，如今，移动端的300ms延迟严重影响了用户体验。300ms延迟由来07年，苹果公司发

为光pig·2021-06-05 04:33

原生开发移动web单页面(step by step)3——App对象

为了让Page对象更专注于业务逻辑，将其它的操作转移出去，因此引入了App对象。App对象起到了管理多个Page对象的作用。有了App对象后，Page对象只需要负责渲染页面以及绑定事件，其它的都让App自动帮Page解决。类似以下代码：首先创建一个App对象varapp=newApp();再创建一个Page对象，只需要重写getDomObj方法以及相关的事件方法。然后调用varindexPage=

真五花肉·2021-05-20 22:50

REST风格的软件架构

手机端除了app，我们还会经常接触到移动web，除了浏览器中，很多app里面也会使用web服务，我们会在手机上面做更多复杂的操作，老一代的系统架构已经不再适应了，需要更加规范和优秀的软件架构来应对今天的挑战

流星狂飙·2021-05-20 10:31

1像素边框，真的是1像素吗？

这个css语句，在pc上毫无问题，但是随着移动web的兴起，貌似就有些问题了。可以试验一下，把这句放到手机浏览器中显示一下，然后屏幕截图，你会惊奇的发现，1px已经显示为2px了。

Leslie_2386·2021-05-12 02:19

Appium最全环境搭建（安卓版）

Appium简介Appium是一个开源测试自动化框架，可用于原生，混合和移动Web应用程序测试。它使用WebDriver协议驱动iOS，Android和Windows应用程序。

test小星星·2021-05-10 21:03

[移动web]弹性布局(一.旧版)

概述:弹性布局2009年，W3C提出了一种崭新的方案----Flex布局（即弹性伸缩布局），它可以简便、完整、响应式地实现各种页面布局，包括一直让人很头疼的垂直水平居中也变得很简单地就迎刃而解了。但是这个布局方式还处于W3C的草案阶段，并且它还分为旧版本box、新版本flex以及混合过渡版本flexbox三种不同的编码方式。其中混合过渡版本主要是针对IE10做了兼容。目前flex布局用得比较多的还

风月灯·2021-05-10 13:24

虚拟键盘，移动web开发的痛

原生APP的弹出虚拟键盘和收回虚拟键盘，输入框始终贴在虚拟键盘的上方。如下图：如果移动端web也想做类似的功能，可以实现吗？你可能会说着：“不就是放一个position:fixed;的输入框在页面底部嘛，有什么好难的？!”当时我也是这么想的(⊙﹏⊙)，但事实真的是这样吗？下面我们来看一些测试结果。安卓4.2.1－qq浏览器，测试结果如下：如图所示，输入框不见了。。。再看看ios的safari：为何

简叶一枚·2021-05-08 09:33

Appium简介

Appium是一个开源测试自动化框架，可用于原生，混合和移动Web应用程序测试。它使用WebDriver协议驱动iOS，Android和Windows应用程序。

柱柱007·2021-05-08 08:44

web优化 - 资料集合

360奇舞团屈光宇的个人博客移动WEB通用优化策略介绍（一）移动WEB通用优化策略介绍（二)淘宝H5手机端适配方案腾讯ISUX团队滑屏H5开发实践九问百度前端学院这里面有一些不错的资料链接GoogleDeviceMetricsvisualviewport

Wenliang·2021-05-07 18:15

应该知道的前端性能二三事 —— Reflow 和 Repaint

移动Web前端开发，目前是火的不能再火了。到处都在招什么H5工程师、HybridApp开发工程师，主要负责的其实就是一些移动Web前端开发的工作。

俊_杰·2021-05-07 02:46

原生开发移动web单页面(step by step)4——tap事件与slide事件

pc端的click事件在移动端勉强能用,在移动端的中手指离开屏幕后300ms后才会触发click事件。为了快速响应，一般都会自定义tap事件来代替原生的click事件。除了点击事件以外，移动端的手势滑动也是非常常用的，因此这里将单页面中添加这个事件的注册。与普通事件注册一样，我们类似用这样的语句来注册tap事件,这里的tap是自定义事件。page.attachTap(key，fn,propatio

真五花肉·2021-05-05 00:24

JsonArray的使用

前言：json的处理有非常多的框架，Ios-JSONKit,SBJson,TouchJson；Android-Gson,Jackson,Fastjson由于最近在做移动web开发，所以用到的是web的。

进击的程序源·2021-05-01 15:37

前端面试题（一）

主要使用于移动端的网站、移动webapps，nativeapps和hybridapps。

马小超321·2021-04-25 20:15

前端学习资料分享

：HTML+CSS视频快速入门JavaScript三天视频教程CSS梅兰商城项目实战视频教程五天Javascript基础加强视频分享javaScript高级面向对象教程JavaScript高级框架设计移动

弯弯菇凉·2021-04-24 22:06

商城后台管理系统Vue+Vue-Router+Element-UI+Axios+Echarts 黑马程序员视频笔记

今日目标1.初始化项目2.基于Vue技术栈进行项目开发3.使用Vue的第三方组件进行项目开发4.理解前后端分离开发模式1.电商业务概述客户使用的业务服务：PC端，小程序，移动web，移动app管理员使用的业务服务

十姐·2021-04-24 13:36

WKWebView 调用拨打电话功能

1.HTML要标记添加标记电话代码移动WEB页面JS一键拨打号码咨询功能2.WKWebView调用代理_webView.navigationDelegate=self;3.实现代理方法-(void)webView

梦蕊dream·2021-04-24 09:08

移动web端揭秘

viewport视口(可视区窗口)默认不设置viewport一般可视区宽度在移动端是980width可视区的宽度(number||device-width)user-scalable是否允许用户缩放(yes||no)initial-scale初始缩放比例minimum-scale最小缩放比例maximum-scale最大缩放比例移动端缩放比例缩放比例，即就是你写的css里的1px在屏幕上显示也是1

风吹燕尾·2021-04-23 17:18

XDL_NO.9 jQuery Mobile

jQueryMobilejQueryMobile是创建移动web应用程序的框架。jQueryMobile适用于所有流行的智能手机和平板电脑。

Junting·2021-04-22 07:13

创建微信小程序

它不是并非凭空冒出来的一个概念，当微信中的WebView逐渐成为移动Web的一个重要入口时，微信就有相关的JSAPI了提示：以下是本篇文章正文

leadingEndXuan·2021-04-21 20:00

Vue后台管理系统1