mobile
11篇文章 · 0订阅
  • 移动端常见适配方案
    做移动端页面有一段时间了，总结下工作中常用的几种移动端适配方案：1.rem方案 2.vw方案 3.rem+vw 方案
    前端 CSS
    移动端常见适配方案
  • better-scroll快速上手及封装（vue项目）
    BetterScroll 是一款重点解决移动端（已支持 PC）各种滚动场景需求的插件。它的核心是借鉴的iscroll的实现，它的 API 设计基本兼容 iscroll，在 iscroll 的基础上又扩
    前端 Vue.js
    better-scroll快速上手及封装（vue项目）
  • 丢掉丑陋的 toast，会动的 toast 更有趣！
    大多数 App的 toast 都很简单，简单的半透明黑底加上白色文字草草了事。相比之下，我们要介绍的 motion_toast就有趣多了！
    Flutter iOS 前端
    丢掉丑陋的 toast，会动的 toast 更有趣！
  • 前端二维码的生成与下载,h5端手机照片上传与拍照相关知识积累
    前言最近项目中遇得到了很多跟图片相关的技术点，这里主要是汇总一下，以备后期参考1、前端二维码的生成与下载（兼容ie）二维码生成这里用了一个现有插件vue-qr下载该插件在项目中引入该插件使用vue-q
    前端
  • H5上传照片调用相册和拍照（解决android和ios系统的兼容问题）
    今天用input file 上传照片调用相册拍照的时候碰到了相册和拍照不能同时实现的问题，查找了网上的一些方法，解决了ios的问：ios下不加capture="camera",如果是安卓的话就加capture="camera"，具体代码及兼容如下。 乍一看还挺完美，但是当测试同…
    HTML
  • H5 实现手机拍照和选择上传
    1. html/ js代码：2. 参数解析：3. 1. <html xmlns="http://www.w3.<meta name="viewport" content="initial-scale=1.<link rel="stylesheet" href="../../css...
    敏捷开发
  • 吃透移动端 H5 响应式布局 ｜深入原理到目前最佳实践方案
    最近写了第三个移动端 H5 的项目，准备记录下自己在 H5 项目中的一些实践探索。移动端 H5 与 PC 端开发最大的区别之一，大概就是响应式布局问题。 那么下面我们就来聊聊移动端响应式布局，了解他的来龙去脉，对现有的最佳解决方案探索吧。 H5 这个命名本身是一个很不讨巧的命名…
    CSS
    吃透移动端 H5 响应式布局 ｜深入原理到目前最佳实践方案
  • 吃透移动端 H5 与 Hybrid｜实践踩坑12种问题汇总
    作为一个开发了多个 H5 项目的前端工程师，在开发过程中难免会遇到一些兼容性等爬过坑的问题。现在我将这些问题一一汇总一下，并在后面给出坑产生的原理，和现阶段常规的填坑方案。由此来做一个阶段性的总结。 之前两篇文章已经详细的论述了1px 问题与 响应式布局问题，并给出了原理和解决…
    JavaScript
    吃透移动端 H5 与 Hybrid｜实践踩坑12种问题汇总
  • 移动端适配及PC端适配心得总结体会(二) (可能比较全
    2. 1px边框的问题 2. background-image 和border-image类似，准备一张符合条件的边框背景图，模拟在背景上。 上面两种都需要单独准备图片，而且圆角不是很好处理，但是可以应对大部分场景。 这种方式可以满足各种场景，如果需要满足圆角，只需要给伪类也加…
    前端
  • BetterScroll：可能是目前最好用的移动端滚动插件
    BetterScroll 是一款重点解决移动端各种滚动场景需求的开源插件（GitHub地址），适用于滚动列表、选择器、轮播图、索引列表、开屏引导等应用场景。 为了满足这些场景，它不仅支持惯性滚动、边界回弹、滚动条淡入淡出等效果的灵活配置，让滚动更加流畅，同时还提供了很多 API…
    Vue.js JavaScript 前端框架