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 · 217 阅读 · 0 评论 -
移动端-纵向惯性移动
借助前期封装的transformCSS.js <script src="transformCSS.js"></script> css <style> * { padding: 0; margin: 0; } #header { ...原创 2020-01-13 19:08:25 · 433 阅读 · 0 评论 -
移动端-transform应用,获取样式值/设置样式
/** 函数名 transformCSS 作用 *设置元素的transform变形 *获取元素的transform变形样式值 参数: *元素对象 *变形样式的名称 *变形样式的样式值 使用示例 设置 transformCSS(swiperWrapper,'translateX',-375); transfo...原创 2020-01-12 20:22:44 · 480 阅读 · 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 · 601 阅读 · 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 · 286 阅读 · 0 评论
分享