标签：移动端

2020-08-11青梅博客阅读(615)评论(0)

1.下载lib-flexible 使用的是vue-cli+webpack，通过npm来安装的 npm i lib-flexible --save 2.引入lib-flexible 在main.js中引入lib-flexible import...

2020-08-11青梅博客阅读(424)评论(0)

第一次写简书，比较忐忑，不足部分望简友批评指正，互相学习！ 功能需求：H5页面（vue）和移动端安卓、苹果进行交互，调取原生摄像头或相册上传照片； 需求分析：1.移动端获取H5页面的点击事件 2.移动端进行拍照或者是选取照片上传服务器获得图...

2020-08-09青梅博客阅读(504)评论(0)

一、特殊样式 css3盒子模型 box-sizing:border-box; -webkit-box-sizing:border-boxx 清除点击高亮，设置transparent 完成透明 -webkit-tap-highlight-co...

2020-08-09青梅博客阅读(770)评论(0)

一、 rem实际开发适配方案 (1)按照设计稿与设备宽度的比例,动态计算并设置html根标签的font-size大小; (2)CSS中,设计稿元素的宽、高、相对位置等取值,按照同等比例换算为rem为单位的值; 技术方案1 技术方案2 媒体查...

2020-06-30青梅博客阅读(479)评论(0)

Touch 手机端的操作 基本事件： touchstart  //手指刚接触屏幕时触发 touchmove    //手指在屏幕上移动时触发 touchend     //手指从屏幕上移开时触发 touchcancel  //触摸过程被系统...

2020-06-29青梅博客阅读(1581)评论(0)

Touch.js 是移动设备上的手势识别与事件库, 由百度云Clouda团队维护，也是在百度内部广泛使用的开发工具。 Touch.js手势库专为移动设备设计。 Touch.js对于网页设计师来说，是一款不错的辅助工具，可以减少很多写框架控制...

2020-06-29青梅博客阅读(631)评论(0)

Dragula简介 Dragula是一款支持移动触摸屏设备的纯js元素拖放插件。这个元素拖放插件使用简单，浏览器兼容性好，能够实现通过鼠标或在移动设备中通过手指来拖动DOM元素的位置。 代码演示： dragula.js 和 dragula....

2020-06-29青梅博客阅读(656)评论(0)

移动端的项目经常会引入手势库来实现拖拽 不过如果只是一两个页面用到拖拽，再引入一个手势库就很不划算 最近的项目中就有这么一个需求： 因为就这一个地方需要拖拽，所以我就没有引入第三方库 移动端的拖拽有两种主流的实现方案： 1. 将元素设置为固...

2020-06-24青梅博客阅读(525)评论(0)

相比于早些年前后端代码紧密耦合、后端工程师还得写前端代码的时代，如今已发展到前后端分离，这种开发方式大大提升了前后端项目的可维护性与开发效率，让前后端工程师关注于自己的主业。然而在带来便利的同时，也带来了一些弊端，比如首屏渲染时间(FCP)...

2020-06-07青梅博客阅读(560)评论(0)

:before和::before的区别 在介绍具体用法之前，简单介绍下伪类和伪元素。伪类大家听的多了，伪元素可能听到的不是那么频繁，其实 CSS 对这两个是有区分的。 CSS2及CSS3伪类区分 CSS3伪元素单双冒号区分 有时你会发现伪类...