随笔分类 - 移动端
摘要：https://www.bilibili.com/video/BV1zq4y1p7ga?p=226&spm_id_from=pageDriver
阅读全文
摘要：https://www.bilibili.com/video/BV1zq4y1p7ga?p=218 List 组件通过 loading 和 finished 两个变量控制加载状态，当组件滚动到底部时，会触发 load 事件并将 loading 设置成 true。此时可以发起异步操作并更新数据，数据更
阅读全文
摘要：问题：页面有很多input框，上面的input输入框，当虚拟键盘出来时没问题，但是下面的input输入框，就会出现问题，input输入框会跑到键盘后面。 网上一阵百度，找到原因：安卓手机中唤起软键盘时页面会压缩webview的高度，窗口会执行resize事件，但ios并不会。网上各种百度，尝试，都失
阅读全文
摘要：https://blog.csdn.net/Zhizhiwei/article/details/80425204 Android webview 与 js(Vue) 交互 https://blog.csdn.net/weixin_33978016/article/details/87962229?s
阅读全文
摘要：https://blog.csdn.net/weixin_49577940/article/details/118058899?spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault
阅读全文
摘要：实际效果： 防抖 事件响应函数在一段时间后才执行，如果在这段时间内再次调用，则重新计算执行时间；当预定的时间内没有再次调用该函数，则执行doSomeThing方法。 应用场景： scroll事件滚动触发 搜索框输入查询 表单验证 按钮提交事件 浏览器窗口缩放，resize事件 节流 如果你触发事件，
阅读全文
摘要：上传文档格式 1 <template> 2 <div> 3 <div class="upload"> 4 <div> 5 <div 6 class="forPreview_doc" 7 v-for="(item, index) in uploadDocList" 8 :key="index" 9 >
阅读全文
摘要：1 (function (win, lib) { 2 var doc = win.document; 3 var docEl = doc.documentElement; 4 var metaEl = doc.querySelector('meta[name="viewport"]'); 5 var
阅读全文
摘要：vue-cli3结合vantUI框架实现国际化语言切换 https://blog.csdn.net/weixin_45045199/article/details/105838517?utm_medium=distribute.pc_relevant.none-task-blog-baidujs_b
阅读全文
摘要：响应式开发原理 就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。 平时我们响应式尺寸划分 超小屏幕（手机，小于768px）：设置宽度为100% 小屏幕（平板，大于等于768px）：设置宽度为750px 中等屏幕（桌面显示器，大于等于992px）：宽度设置为970px
阅读全文
摘要：实现思路 按照从大到小的或者从小到大的思路 注意我们有最大值max-width和最小值min-width都是包含等于的 当屏幕小于540像素，背景颜色变成蓝色（x<=539） 当屏幕大于等于540像素并且小于等于969像素的时候背景颜色为绿色（540=<x<=969） 当屏幕大于等于970像素的时候
阅读全文
摘要：什么是hybird？ hybrid即“混合”，即前端和客户端的混合开发，需要前端开发人员和客户端开发人员配合完成。 hybrid存在价值 可以快速迭代更新（无需app审核，思考为何？） 体验流畅（和NA的体验基本类似） 减少开发和沟通成本，双端公用一套代码。 什么是webview？ 是app中一个组
阅读全文
摘要：触摸事件 1.1触摸事件概述 移动端浏览器兼容性较好，我们不需要考虑以前js的兼容性问题，可以放心的使用原生js书写效果，但是移动端也有自己独特的地方。比如触屏事件touch（也称触摸事件），Android和IOS都有。 touch对象代表一个触摸点。触摸点可能是一根手指，也可能是一根触摸笔。触屏事
阅读全文
