移动端web 第3页

H5-12.14新标签及canvas画布基础

video标签如果当前浏览器不支持video，可以在veido里面编写提示内容src-引入视频文件的路径autoplay-自动播放视频souce元素video支持的视频格式MP4-目前比较主流OGG-多用于移动端

冬天不爱洗头·2021-05-18 13:55

程序员调查报告：99%的H5开发者都遇到哪些困难？

移动端Web开发的人数相对较少，仅占9%。H5开发过程中，最抓狂的问题是什么？HTML5开发者在开发过程中遇到的各种困难，最令开发者抓狂的是“缺少中文材料和技术支持”，其次

互吾·2021-05-13 06:38

pc端和移动端的区别

最近面试中问到这个问题，基于自己初学，不太理解，现在通过查找资料总结一下移动端开发-移动端webapp，移动端页面，Hybird开发，这三种移动端webapp是什么？

love2013·2021-05-12 16:00

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

如下图：如果移动端web也想做类似的功能，可以实现吗？你可能会说着：“不就是放一个position:fixed;的输入框在页面底部嘛，有什么好难的？!”

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

微网站—使用flexible.js实现移动端设备适配

移动端web开发越来越火，同时移动端适配也是一个很让人头疼的事情，你不能让一个同样大小的元素在不同的设备上都显示一样大小。

webCoder·2021-04-23 09:08

移动端Web开发工具小汇之一

上周在北京听了一位大牛的内部分享，回来整理了一下手头现在移动端web开发的工具流。以下文字基本都是copy官方说明。//部分才是我的补充。

tihu·2021-04-22 08:16

移动端开发前端优化方案

但移动端浏览器可用的CPU计算资源和网络资源极为有限，因此要做好移动端Web上的优化往往需要做更多的事情。

易则知·2021-04-19 02:10

python while

特点概述：功能丰富：支持高亮代码块、LaTeX公式、流程图，本地图片以及附件上传，甚至截图粘贴，工作学习好帮手；得心应手：简洁高效的编辑器，提供[桌面客户端][1]以及[离线ChromeApp][2]，支持移动端

苗_a·2021-03-10 21:35

手摸手带你学移动端WEB开发

HTML常用标签总结手摸手带你学CSSHTML5与CSS3知识点总结好好学习，天天向上本文已收录至我的Github仓库DayDayUP：github.com/RobodLee/DayDayUP，欢迎Star⭐⭐⭐⭐⭐转载请注明出处！⭐⭐⭐⭐⭐链接：https://blog.csdn.net/weixin_43461520/article/details/113785278⭐⭐⭐⭐⭐**转载请注明出

Robod·2021-02-10 20:25

EMP微前端分享内容回顾（下）

所以，我们要解决的是，pcweb项目和移动端web项目之间如何共享这个组件资源。有三种方案，一种是简单的复制粘贴，我们就不考虑了。

·2021-02-02 02:42

移动端web开发

移动端web开发一、移动web开发基础移动端调试方法ChromeDevTools(谷歌浏览器)的模拟手机调试搭建本地web服务器，手机和服务器一个局域网内，通过手机访问服务器使用外网服务器，直接IP或域名访问视口视口

小黎爱吃薯片·2021-01-30 21:31

移动端web开发-flex布局-携程网小案例

小白编程9527·2021-01-28 13:49

前端开发指南：HTML5与CSS3知识点总结

HTML常用标签总结手摸手带你学CSSHTML5与CSS3知识点总结手摸手带你学移动端WEB开发好好学习，天天向上本文已收录至我的Github仓库DayDayUP：github.com/RobodLee

Robod·2021-01-26 22:50

卧槽！！！前端最全资料，限时4h删！！！

这份前端资料包括：JavaScript面相对象开发俄罗斯方块、面相对象开发贪吃蛇、Flutter、React教程、VUE2.0、VUE3.0、移动端web和响应式端、阿里、字节、滴滴今日头条前端面试题马士兵前端精品技术教程这套视频可以帮大家打好基础前端的重要性

winty~~·2021-01-19 08:00

小小Mac:Web移动端适配方案

一、前言在过去的几年时间里，移动端web野蛮生长，智能机的Android阵营和IOS阵营分庭抗礼，随之产生了多个系统版本(系统版本多样);五花八门的屏幕尺寸、屏幕展示技术(如大名鼎鼎的Retina技术屏

夜猫硕·2020-12-07 11:44

vue源码知识点-passive

vue源码知识点-passive参考EventTarget.addEventListener()passive的作用和原理移动端Web界面滚动性能优化:Passiveeventlisteners源码截取

suri·2020-11-13 23:36

Web移动端最强适配方案总结，没想到这么好用！

一、前言在过去的几年时间里，移动端web野蛮生长，智能机的Android阵营和IOS阵营分庭抗礼，随之产生了多个系统版本（系统版本多样）；五花八门的屏幕尺寸、屏幕展示技术（如大名鼎鼎的Retina技术屏

爱编码的coder·2020-11-13 18:06

移动端WEB开发1-移动端调试方法 / 视口 / 二倍图

移动端基础兼容移动端主流浏览器，处理Webkit内核浏览器即可开发的移动端主要针对手机端开发移动端碎片化比较严重，分辨率盒屏幕尺寸大小不一移动端调试方法ChromeDevTools（谷歌浏览器）的模拟手机调试搭建本地web服务器，手机和服务器一个局域网内，通过手机访问服务器使用外网服务器，直接IP或域名访问视口视口(viewport）就是浏览器显示页面内容的屏幕区域。视口可以分为布局视口、视觉视口

杨蛋蛋~R·2020-11-08 22:19

移动端web——flex布局

目录1.0传统布局和flex布局对比1.1传统布局1.2flex布局1.3建议2.0flex布局原理3.0父项常见属性3.1flex-direction设置主轴的方向3.2justify-content设置主轴上的子元素排列方式3.3flex-wrap设置是否换行3.4align-items设置侧轴上的子元素排列方式（单行）3.5align-content设置侧轴上的子元素的排列方式（多行）3.6

死磕的斯坦张·2020-11-08 13:28

Vant Weapp - 有赞出品的免费开源微信小程序组件库

VantWeapp和Vant的区别之前推荐过的移动端web组件库Vant是Vue.js版本的，其对内承载了有赞所有核心业务，对外有十多万开发者在使用，一直是业界主流的移动端组件库之一。

那些免费的砖·2020-10-14 20:16

h5与原生 app 交互的原理

转载:h5与原生交互的原理转载:JsBridge的使用h5与原生app交互的原理现在移动端web应用，很多时候都需要与原生app进行交互、沟通（运行在webview中），比如微信的jssdk，通过window.wx

Franklin_7353·2020-09-24 16:19

从零开始到发布上线，如何自定义一个webpack loader

本文首发在掘金关于前两天在使用webpack搭建移动端web的时候,需要使用到flexible.js动态修改html的font-size。

林楠力·2020-09-17 07:57

白屏时间，首屏时间，DOM树构建时间，整页时间

业界衡量移动端webapp交互性能的优劣主要是通过检测webview渲染页面时白屏时间，首屏时间，DOM树构建时间，整页时间，交互性能指Processing和onLoad在浏览器交互阶段（Processing

2197·2020-09-16 23:23

使用的移动端Web开发常识

转载请注明：转载自WEB前端开发(www.css119.com)-关注常见的WEB前端开发问题、最新的WEB前端开发技术(webApp开发、移动网站开发)、最好的WEB前端开发工具和最全的WEB前端开发w3cschool手册如果你是一名前端er,又想在移动设备上开发出自己的应用，那怎么实现呢？幸好，webkit内核的浏览器能帮助我们完成这一切。接触webkitwebapp的开发已经有一段时间了，现

FruitHardCandy·2020-09-16 01:34

使用vue开发钉钉的移动端web页面经验总结

一、背景最近公司有个定制需求，需要开发一套能在钉钉上打开的移动端页面，功能简单，但时间也不是很多。因为有vue的开发经验，就决定使用vue做开发语言。又因为需要快速开发，就决定使用vant组件库来快速构建页面。如今，是想将这次开发的经验记录一下，供以后参考。二、页面构建和尺寸适配构建页面就直接使用vue-cli脚手架，可以快速创建一个项目。下面是创建项目的命令，具体选项就不多说了。vuecreat

妖无涯·2020-09-16 00:55

移动端WEB开发之响应式布局和bootstrap的介绍

响应式开发原理响应式开发原理就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。响应式布局容器响应式需要一个父级做为布局容器，来配合子级元素来实现变化效果。原理就是在不同屏幕下，通过媒体查询来改变这个布局容器的大小，再改变里面子元素的排列方式和大小，从而实现不同屏幕下，看到不同的页面布局和样式变化。bootstrap的介绍Bootstrap框架：顾名思义就是一套架构，它

萌新菜鸟前端·2020-09-15 12:40

css阴影的2种实现

下面讲一下使用场景，比如有2种效果需要你来实现，如下图：图一图二图一是我在做移动端web页面时遇到的需求，是底部的添加按钮需要和底部导航一样有阴影。

CN-cheng·2020-09-15 07:04

借助FreeHttp为任意移动端web网页添加vConsole调试

以下介绍在不用修改代码并发布项目的情况下，为我们日常使用的移动web应用（如手机web淘宝）添加vConsole调试工具的方法vConsole介绍vConsole是一个轻量、可拓展、针对手机网页的前端开发者调试面板。使用vConsole的项目可以让手机上的Web浏览器，拥有类似PC调试工具的能力。正常情况下使用vConsole需要修改项目代码并重新发布。vConsole官方介绍（https://g

weixin_30848775·2020-09-15 05:12

移动端开发问题1

一.viewport二、解决点击响应延时0.3s问题大多数移动端触摸屏设备上点击的时候都会有0.3秒的延迟问题，我们做移动端webapp开发的时候应该都遇到过这个问题，通过以下代码可以轻松解决这个问题FastClick

muzidigbig·2020-09-14 09:52

H5基础——04移动开发基础

目录移动端基础视口二倍图移动端开发选择移动端技术解决方案移动端web开发之流式布局移动端web开发之flex布局flex布局原理flex布局父项常见属性flex布局子项常见属性移动端web开发之rem布局

oopsboom·2020-09-13 16:38

自动化生成 H5 骨架页面

自动化生成H5骨架页面骨架页面（SkeletonPage）指的是当你打开一个移动端web页面，在页面解析和数据加载之前，首先给用户展示页面的大概样式。

程序员一木·2020-09-13 13:55

【软件测试】移动端测试之Appium环境搭建

我们在web页面进行gui自动化测试时通常使用webdriver,而进行移动端测试时,则通常需要搭建Appium环境来完成测试,Appium可用于测试iOS,Android和FireOS平台的原生应用,移动端

怪兽男·2020-09-13 08:41

js 监听移动端web触屏事件滑动响应

直接上例子，以vue应用为例：html:{{item.label}}×js:touchstart:function(){vare=window.event;//e.preventDefault();startX=e.targetTouches[0].pageX;startY=e.targetTouches[0].pageY;},touchmove:function(item){vare=windo

weixin_30426879·2020-09-13 07:23

移动端字体的垂直居中问题解决

最近公司为了工作需要，所以在好分数服务号上给家长提供辅导基本信息，所以我又开始了移动端web的开发。

++ 戒灵 ++·2020-09-13 06:20

【vue】webapp移动端模板

先说下这套模板的项目配置，主要使用vw适配移动端webpack+vue+vue-router+axios+mint-ui+sass+postcss+normalize.css具体依赖懒得打字了，直接贴pacage.json

_我爱搬砖·2020-09-12 23:45

vue-cli-移动端web-app可滑动标题栏(类似腾讯视频精选滑动)

前沿：这是好久之前的项目的需求了，需要做一个可滑动的标题栏，类似腾讯视频的导航栏，可以滑动。现在记录下来，方便以后使用。这里我并没有封装公共组件，需要的伙伴自行封装。由于需要灵活控制（我不想写那么多的v-show,那位小伙伴有更好的解决方案，评论区留言），所以里边有引入jq,适配用的是rem.接下来上代码。{{item}}122345678exportdefault{data(){return{a

郝峰Vip·2020-09-11 23:42

移动端部分安卓手机（三星，小米）竖拍上传图片预览的时候发生旋转问题

移动端web页面通过inputtype=file拍照的时候，部分手机图片出现量旋转了90度的问题，出现问题的机型为小米和三星，手机竖着拍的时候出现这种旋转的问题，横拍出来的照片是正常的，结合网上的解决办法总结如下

weixin_30718391·2020-09-11 17:52

前端开发——Ionic 3.0【爱创课堂专业前端培训】

一、Ionic移动端有三种开发方向源生APP开发，移动端web开发混合开发（介于以上两者之间的）类微信小程序reactNative，用react语法，开发app。

icketang_·2020-09-11 06:42

移动端Web页面设置理想视口

在网页的中增加以上这句话，可以让网页的宽度自动适应手机屏幕的宽度。其中：width=device-width：表示宽度是设备屏幕的宽度initial-scale：表示初始的缩放比例minimum-scale：表示最小的缩放比例maximum-scale：表示最大的缩放比例user-scalable：表示用户是否可以调整缩放比例

yakelande·2020-09-10 21:14

移动 Web 开发布局（一）——流式布局、flex布局

3.移动端技术解决方案二.流式（百分比）布局三.flex（伸缩）布局1.flex布局体验2.flex布局原理3.flex布局父项常见属性4.flex布局子项常见属性6.携程移动端首页制作一.移动端基础移动端

Lyrelion·2020-09-10 11:57

WebStorm移动端调试html方法

WebStorm移动端调试html方法在使用WebStorm编写HTML代码，尤其是编写移动端web时，常常会需要在商机上显示网页进行测试，WebStorm上只需要简单几步即可访问打开WebStorm上的

Tiger_wa·2020-08-26 23:23

记录一次基于vue、typescript、pwa的项目由开发到部署

前言最近秋招之余空出时间来按自己的兴趣动手做了一个项目，一个基于vue，typescript，pwa的实验浏览移动端webapp，现在趁热打铁，将这个项目从开发到部署整个过程记录下来，并将从这个项目中学习到的东西分享出来

weixin_34082789·2020-08-26 08:09

移动端的自适应布局神奇—Flex Box(1)

最重要的是，在移动端Web开发过程中，采用Flex布局模式进行开发的效率是非常高的。Flex布局，更适合H5应用开发。Flex，顾名思义，就是非常灵活的一种布局方式。一般的Flex布

fareise·2020-08-24 14:35

移动端web开发基础概念

zilan·2020-08-24 13:38

移动端webapp如何应对不同屏幕尺寸

移动设备的用户越来越多，每天android手机的激活量都已经超过130万台，所以我们面向移动终端的WebAPP也开始跟进了。本文主要介绍webapp的开发与调试的相关知识和经验，以及给出几种可选的解决方案。一、基本概念（1）CSSpixels与devicepixelsCSSpixels：浏览器使用的抽象单位，主要用来在网页上绘制内容。devicepixels：显示屏幕的的最小物理单位，每个dp包含

思否编辑部·2020-08-24 13:54

移动端WebApp隐藏地址栏的方法

这篇文章主要介绍了移动端WebApp隐藏地址栏的方法,本文分别给出了4种方法,适应不同情况下使用,小编推荐最后一个方法,需要的朋友可以参考下1、很多资料说，添加以下代码,可以隐藏地址栏，但我试了很多次，

琴亭夜雨·2020-08-23 23:04

移动端web轮播图插件swiper，功能很强大

使用方法示例：slider1slider2slider3varmySwiper=newSwiper('.swiper-container',{autoplay:true,//可选选项，自动滑动})更多api使用参考swiper中文官网转载于:https://www.cnblogs.com/peter-web/p/9145747.html

weixin_30715523·2020-08-23 20:09

仿京东移动端手指拨动切换轮播图效果

如今，移动端web页面在市场上也是占有相当大的比例，而移动端的轮播图效果也是很常见的，今天我就来记录下关于实现一组适用于移动端的可用手指进行拨动切换轮播图的效果。

小白变怪兽·2020-08-23 19:08

2018-08-01