Web前端基础+移动端开发第24页

如何解决移动端击穿（穿透）问题

在移动端开发的时候，我们有时候会遇到这样一个bug：点击关闭遮罩层的时候，遮罩层下面的带有点击的元素也会被触发，给人一种击穿了页面的感觉，这是为什么呢？

沈志勇说·2020-08-10 21:29

移动端web开发总结（自适应）

关于viewport移动端开发中，通常我们都会设置viewport。

小Z笔记·2020-08-10 18:58

酷工作丨小米招移动端开发工程师、抖音 Web 安全方向、快手协作文档方向开发工程师

芒果果·2020-08-10 15:31

移动端开发,meta标签

meta标签详解编译器快捷键：meta:vp+tab键meta标签就是用来设置视口的标签,name是默认的,紧接着就可以设置其他的功能:width：设置宽度(device-width是指当前设备的宽度)height：设置高度initial-scale：设置默认的缩放比例user-scalable：设置是否允许用户自行缩放(yes,no1,0)maximum-scale：设置最大缩放比例minimu

大奔的大葱·2020-08-10 12:11

HTML5 CSS3 （动画/语义化标签/插件/HTML5新增API）

补间动画帧动画:使用定时器每隔一段时间更改当前元素的状态补间动画:通过过渡(只要状态发生改变产出动画)产生动画(多个节点来控制动画),性能会更好注意：在支持H5C3的的浏览器尽可能使用css3动画(便于移动端开发

403_ss·2020-08-10 11:12

移动端开发-viewport实现响应式设计

1.不使用viewport出现的问题提到响应式设计，大家首先想到的可能是Bootstrap，@media。前者是一个响应式UI库，风格比较扁平化，类似的还有雅虎的Pure。@media是CSS3的属性，利用它可以在不依赖其他库的情况下实现响应式设计。如果你使用过媒体查询，应该熟悉下面的代码：可查看github下载实例代码@mediascreenand(min-width:960px){body{b

柒青衿·2020-08-10 10:09

移动端开发HTML5（H5）采用SwiperJS单屏垂直滑动页面中，某页内容高度超出屏幕高度解决办法...

移动端开发HTML5（H5）采用SwiperJS单屏垂直滑动页面中，某页内容高度超出屏幕高度解决办法当产品给我原型的时候，我觉得这是一个普通的专题，为了赶时间（下班前给的设计稿，产品姐姐说，明早要上！）

weixin_34221073·2020-08-09 14:11

别再说面试题难搜集,不系统不完整 2020 BATJ 30套大厂Android 经典高频面试题，等你来拿！

自我介绍我曾服务于东芝，东方集团，阿里，三一重工，有15年项目开发经验，熟悉汇编,java,c/c++开发语言，对系统底层，web开发和移动端开发有较深入研究。

Android725·2020-08-09 05:43

移动端开发中android手机输入框获取焦点，软键盘弹出会遮挡表单如何解决

一、需求问题在移动端开发的表单页面当中，在android手机上，当点击表单页面的输入框以后，获取焦点，软键盘弹出，会覆盖住表单页面的输入框，会出现这样的问题。

旧城tk·2020-08-09 01:22

9102了，你还不会移动端真机调试？

移动端调试困难很多时候，我们在进行移动端开发时，都是先在PC端使用手机模拟器进行调试，没有问题后，我们才会在手机端的浏览器进行测试，这个时候，如果没有出现问题，皆大欢喜。

weixin_34232617·2020-08-09 00:58

移动端样式小技巧

平时在移动端开发拼页面的过程中总会遇到一些问题，主要是各手机webview样式显示效果不一致造成的。以下总结了一些常见坑和一些小技巧，希望对看官有所帮助！

weixin_34023982·2020-08-09 00:59

移动端开发--页面样式重置的几个知识点

一、在手机中，当处于模块一状态时，用户触摸到“按钮”，a标签的边框显示出来，这明显不是我们要想要的体验。加上-webkit-tap-highlight-color即可去除。1-webkit-tap-highlight-color:rgba(0,0,0,0)|transparent;利用此属性，设置touch时链接区域透明度alpha设置为0，去掉点击链接和文本框对象时默认的灰色半透明覆盖层(iOS

weixin_30398227·2020-08-08 23:44

移动端高清、多屏适配方案

对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点：首先，选取一款手机的屏幕宽高作为基准(以前是iphone4的320×480，现在更多的是iphone6的375×667)。

weixin_30343157·2020-08-08 23:34

移动端滑动相关需求，页面滑动时nav-bar隐藏，滑动停止的时候出现

还原需求，在做移动端开发的时候，经常会有在底部悬浮的广告，或者引导下载，有的时候会影响体验，适当提高产品的体验性，方案是页面滑动的时候去隐藏，页面停止滑动的时候去展示。

slq_lly·2020-08-08 21:56

移动端开发注意事项

移动前端开发正逐渐步入前端技术的主流，事实上跟在一般的PC上，并不需要你掌握额外的技术，然而你在PCWeb上那一套在多数情况下并不适用于手机Web，你必须知道这其中的注意点。一.meta的使用第一个meta标签表示：强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览，viewport：能优化移动浏览器的显示。第二个meta标签是iphone设备中的

CarolineGWJ·2020-08-08 20:27

基于h5的安卓app开启本地存储

让原本安卓，ios两次开发的事情变成了一次，由于移动web端框架的兴起，让移动端开发变得更为便捷，高效，如weui，mzui等，最近项目中正式用到了weui升级版jqueryweui。二.所遇

Nuohy·2020-08-08 19:57

web前端基础教学视频分享（二）html5+css3基础教学

与卿再世相逢日，玉树临风一少年夜未深，梦未成，怎敢睡去。【写在前面】前端一入深似海，从此黑丝渐发白。孤灯下，执一本。编程不易，且行且放弃？【分享与你】（百度云盘永久有效）链接：https://pan.baidu.com/s/1gr66gQawvgRSKjQQoO4GDQ提取码：mo79【扶贫与我】皮一下很开心，这个zfb二维码是认真的，实在土豪可以扫一扫扶贫，>=10元的将将代写表白情诗一首(支付

拄杖盲学轻声码·2020-08-08 16:34

web前端基础——jQuery编程基础

1jQuery简介jQuery是一个兼容多浏览器的JavaScript库，核心理念是writeless,domore(写得更少,做得更多)。它对JavaScript进行了封装，使开发更便捷，并且在兼容性方面十分优秀。jQuery库可以通过一行简单的标记被添加到网页中。1.1jQuery库-特性jQuery是一个JavaScript函数库。jQuery库包含以下特性：(1)HTML元素选取(2)HT

adiaoxia8541·2020-08-08 13:59

Web 前端基础标签第一讲

Web前端基础标签第一讲水平线换行备注删除线下划线上标段落空格斜体加粗标题字体设置超链接标签悄悄的说：在VScode中要用到任何一个标签，只要在英文输入法下打完字母，直接按键盘中的Tab,就可以变成标签

Web企鹅·2020-08-08 13:14

Web前端基础标签第二讲

Web前端基础标签第二讲列表无序列表有序列表图片图片导入图片超链接列表无序列表用ul,每一个小内容用li一个内容另一个内容另另个内容效果如下：那么前面的实心圆点可以改变吗？可以！

Web企鹅·2020-08-08 13:14

PC与移动端高效开发解决方案

疑问前端开发不可避免会遇到一个问题：PC与移动端开发是共用一套代码？还是两套独立开发？这个问题到目前都没有一个明确的结论，或者说它本来就不会有唯一的答案，毕竟所属需求不同。

朽木·露琪亚·2020-08-08 13:55

Android开发探究微信小程序（一）

前言：最近微信小程序非常火，一度抢了Android开发的饭碗，虽然有些移动端公司认为小程序太依靠腾讯，但是也架不住它越来越火的趋势啊，所以移动端开发人员还是要学会小程序开发的！

MagicMHD·2020-08-08 12:48

PC端网页和移动端网页，自己做的总结

1.PC考虑的是浏览器的兼容性，而移动端开发考虑的更多的是手机兼容性，因为目前不管是android手机还是ios手机，一般浏览器使用的都是webkit内核，所以说做移动端开发，更多考虑的应该是手机分辨率的适配

IT1125275074·2020-08-08 12:34

【原创】移动端高清、多屏适配方案

对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点：首先，选取一款手机的屏幕宽高作为基准(以前是iphone4的320×480，现在更多的是iphone6的375×667)。

weixin_30333885·2020-08-08 11:31

前端在PC端与移动端的区别

—引用自PC端和移动端在前端开发上的一些区别，前端里移动端到底比pc端多哪些知识1、PC考虑的是浏览器兼容性，移动端开发考虑的更多的是手机兼容性，因为目前不管是android手机还是ios手机，一般浏览器用的都是

xiaobaixiaye·2020-08-07 22:43

mint-ui插件简述使用

/zh-cn（直接在百度搜出来的mint-ui官网会打不开，在前面加https//）二、Mint-ui简单介绍MintUI包含丰富的CSS和JS组件，能够满足日常的移动端开发需要。

小小千山雪·2020-08-07 21:44

JavaScript全栈学习总规划

传统前端技能：HTML、JavaScript、CSS一门后端语言移动端开发：iOS/Android/HTML5其他技能：数据库、HTTP等等近几年，前端技术飞速发展，随着HTML5、CSS3和ES6等前端基础规范的相继出台并获得多数浏览器的支持

爱吃红豆的猫·2020-08-07 21:45

H5判断移动端是android还是ios

在移动端开发过程中有时需要根据android与ios进行不同的操作，以下是如何判断移动端是android还是ios/*判断android与ios*/$(function(){varu=navigator.userAgent

！！！！！·2020-08-07 21:26

使用vue+vant实现移动端开发，页面跳转后再回退到原来页面的浏览位置

场景：使用vue+vant做移动端开发，当打开a页面浏览到某个位置，点击跳转到b页面，然后再后退回a页面浏览的那个位置。解决办法：使用store存储滚动条的位置。

崔lc·2020-08-07 20:03

Vue + Vue-CLI + Mint-UI 移动端开发新手示例实战 - by dogstar

2019独角兽企业重金招聘Python工程师标准>>>Vue+Vue-CLI+Mint-UI移动端开发新手示例实战-bydogstar项目源代码，在码云上：https://gitee.com/dogstar

weixin_34220623·2020-08-07 20:47

移动端开发调试工具神器--Weinre使用方法

前端开发调试必备：1，DOM操作断点调试；2，debugger断点调试；3，native方法hook（个人暂时还没有试过，不知效果如何）；4，远程映射本地测试；5，Weinre移动调试（详细介绍）；像Dom断点调试和debugger断点调试我认为是大家经常用到的方法，或者是当前比较火狐下比较流行的Fiexbug调试工具；今天我们主要是研究Weinre调试工具的；当然，作为前端开发人员，令人比较乏味

weixin_34194379·2020-08-07 20:41

HTML、CSS部分

要点：对Web标准的理解、浏览器差异、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端开发技术等1.Doctype作用?

weixin_30902251·2020-08-07 20:04

安卓转战React-Native之windows下android环境搭建爬坑血泪史

由于安卓和ios的就业环境给移动端开发带来前所未有的冲击，于是乎很多伙伴们不得不另谋他路，然后现在比较火爆的Hybird和react-native也是对我们移动端的影响比较大，比如去面试会问你会nodej

Losileeya·2020-08-07 19:22

H5和flash的区别

与Flash技术相比，H5技术不但不需要插件、而且还是开发免费，以及对搜索引擎友好等特点更适应移动端开发的特点深受广大开发者的喜爱。

u011159607·2020-08-07 18:56

Flutter跨平台移动端开发丨封装本地存储工具类 SharedPreferences

首先在pubspec.yaml文件中添加shared_preferences引用并Packagesgetdependencies:flutter:sdk:flutter#ThefollowingaddstheCupertinoIconsfonttoyourapplication.#UsewiththeCupertinoIconsclassforiOSstyleicons.shared_prefer

MobMsg·2020-08-07 16:13

移动端开发工具整理

1.App原型工具原型以一种“粗糙”的方式展现产品的核心功能，是一种最简单和直白的需求表现形式。是以一种图形化的方式展现需求，需求人员无论是从客户处获取需求，还是老板拍板需求，还是通过调研确定需求，都要确保你知道的需求是“正确”的需求，最快的方式，就是设计出原型，然后作为样本给客户或老板看，验证需求的正确性。制作原型是业务人员应该掌握的一项基本技能。基于原型的特点，对于制作原型的原型工具就有一个最

庞凡·2020-08-07 15:49

Swift 自定义 UICollectionViewFlowLayout 实现横向布局分页

需求在当前的移动端开发中，我们经常可以看见集合视图需要横向布局分页的场景。

Micah_A·2020-08-07 15:08

Flutter 中 JSON 解析

在移动端开发中，请求服务端返回json数据并解析是一个很常见的使用场景。

aau88497·2020-08-07 12:14

vue + mint ui 开发webapp项目

mintui特性介绍MintUI包括丰富的CSS和JS组件，能够满足日常的移动端开发需要。通过它，可以快速构建出风格统一的页面，提升开发效率。

来自星星的马·2020-08-07 11:48

2020-06-22 html的webscoket与http2 + css的取消页面选中文字 + js的数组元素相同判断 + 移动端开发调试

2020-06-22题目来源：http://www.h-camel.com/index.html[html]websocket和http2有什么区别？http2能取代websocket吗？why？1.何为http/2：goole提出的开源协议，意在提高网络传输效率二进制协议采用多路复用解决HOLBlocking较慢的请求阻塞其他请求的问题通过压缩http头提高效率支持全双工，所以可以使用Serve

小鸟哗啦啦·2020-08-07 10:41

移动端开发IOS和安卓碰到的兼容性问题

这些问题都是我实际开发中碰到的问题，我想把它们都记录下来，供自己和他人学习。1.JavaScript中的Date对象在Safari与IOS中的坑vardate=newDate("2018-07-2519:25");这段代码是获得字符中指定的日期，它Firefox、Chrome中就能运行，但是放在Safari就会报错，错误是NaN解决办法：//将xxxx-xx-xx的时间格式，转换为xxxx/xx/

zjy23580·2020-08-05 17:46

2018移动端页面适配-自适应最新方案直接写px--------通过gulp工作流搭建一体化的移动端开发环境...

1.开始在flexible的GitHub上面写着由于viewport单位得到众多浏览器的兼容，lib-flexible这个过渡方案已经可以放弃使用，不管是现在的版本还是以前的版本，都存有一定的问题。建议大家开始使用viewport来替代此方案。vw的兼容方案可以参阅《如何在Vue项目中使用vw实现移动端适配》一文。vm是什么?---vw：是Viewport'swidth的简写,1vw等于windo

weixin_34034670·2020-08-05 17:17

Web前端基础知识学习路线图：全面梳理前端入门技术点

Web前端在最近几年的发展令人瞩目，企业给Web前端开发工程师开出的薪资也是持续上扬。这种盛况自然而然就引发了众多朋友进入这个行业，通常新手看来前端的知识只有三大块HTML、CSS与Java，认为学习前端就是学习这三方面的内容，但是这种看法是有些片面的，一个完整的Web前端知识体系包含很多的知识，所有知识框架就是一个结构型的展现，就像一棵树。Web前端的知识点非常多，也非常散，需要好几层结构来组织

千锋广州小蚊子·2020-08-05 15:16

Vue开发精要之底部导航栏

Vue开发精要之底部导航栏在我们日常开发中，尤其是移动端开发（H5、微信公众号、企业微信等）中，我们往往需要自己设计底部导航栏。

ZYN5431·2020-08-05 11:55

黑马程序员学习笔记----Web前端基础知识

----------------------WindowsPhone7手机开发、.Net培训、期待与您交流！----------------------04.22在html中空格它是不认为是空格的。因为当我们要写一个复杂的HTML的时候会有很多缩进.有一个特殊的方式可以做到。。：非隔行的空格标签的开始和结束段落显示大于和小于得用<:p>就是因为可以实现空格。但是如果有特殊符号的话

linny2012·2020-08-05 10:43

Web前端基础HTML5学习笔记(5)（简单实例，表格）

阿树有点儿话HI~你好呀今早起的晚了，起来收拾收拾，做了一个早餐吃完就坐在了电脑前。当习惯了一个节奏，突然改变这个节奏竟然会变得很不习惯，有愧疚感。我一直以来羡慕的品格便是特立独行，然而真正做到这一点，我知道，并没有什么人。心里明白自己要做到也很难。于是，羡慕便只是羡慕。在我身边出现过形形色色的人，感觉每一个人都会为了所谓的人际关系去做一些自己并不想做的事情，有些时候我竟然会觉得他们很悲哀。然而我

站起一棵树·2020-08-05 10:50

粘贴板clipboard.js的使用方法

粘贴板clipboard.js的使用方法一、使用场景在移动端开发的时候，有的应用需要用户拷贝页面的内容，方便用户操作。此时，就是需要是用粘贴板功能。

ZYN5431·2020-08-05 01:08

微信小程序原生框架实现界面上拉加载和下拉刷新

在移动端开发中，上拉加载和下拉刷新是很常见的功能，可以用它来替代PC端表格分页的功能。今天我们来复盘一下在小程序中实现该功能的思路。

不开花的玫瑰·2020-08-05 01:28

MAC 音频格式转换音校解码终端转换格式

移动端开发的时候，音效（很短的声音，一般为1-2秒）播放这一块有时候会遇到格式不支持的问题，转换格式有很多种方式，我要说的是一种mac专用的方式，本人菜鸟一枚，文章仅供参考。

yiral·2020-08-04 22:29

推荐频道

Web前端基础+移动端开发