javascript + 移动端
原生js实现基础小功能,很实用
王哆啦啦
我的头脑总是枯竭,但是我装作没那回事···
展开
-
移动端-适配方案
移动端-适配方案1. 安装依赖npm install px2rem-loader lib-flexible --save 2. 设置viewport设置: <meta name="viewport" content="width=device-width,initial-scale=1.0"> 1. 说明: 因为默认的布局视口大于视觉视口,如果不设置将导致页面的内容显示非常小 2. 原理: 将980的页面在375的屏幕上完全显示只能缩小980页面中的内容3. 直接设置px原创 2020-11-02 16:52:13 · 155 阅读 · 0 评论 -
移动端-纵向惯性移动
借助前期封装的transformCSS.js<script src="transformCSS.js"></script>css<style> * { padding: 0; margin: 0; } #header { ...原创 2020-01-13 19:08:25 · 396 阅读 · 0 评论 -
移动端-transform应用,获取样式值/设置样式
/**函数名transformCSS作用*设置元素的transform变形*获取元素的transform变形样式值参数:*元素对象*变形样式的名称*变形样式的样式值使用示例设置transformCSS(swiperWrapper,'translateX',-375);transfo...原创 2020-01-12 20:22:44 · 403 阅读 · 0 评论 -
移动端-纵向轮播图
外联javascript<script src="https://cdn.bootcss.com/holder/2.9.6/holder.js"></script>html<div class="container"> <div class="wrapper"> <div class="i...原创 2020-01-12 20:22:53 · 544 阅读 · 0 评论 -
PC/移动端canvas签名和移动端1px问题解决方案
移动端签名版-canvas<body><div id="app"><canvas></canvas></div><script> //获取canvas标签 var canvas = document.querySelector('canvas'); var app = document.que...原创 2020-01-09 17:10:34 · 248 阅读 · 0 评论