web移动端开发指南

调用系统功能 <!– 拨打电话 –> <a href=”tel:10010″>拨打电话给10010</a> <!– 发送短信 –> <a href=”sms:10010″>发送短信给10010</a> <!– 发送邮件 –> <a href=”mailto:xxx@mail.com”>发送邮件给xxx</a> <!– 选择照片或拍摄照片 –> <input type=”file” accept=”image/*”> <!– 选择视频或拍摄视 …

js 获取文件 MD5

每个文件的md5值都是唯一的,这也是很多下载网站,会告诉你原文件的md5是多少,然后下载完毕让你自行去对比是否一致,以检验文件是否是完整的。校验md5亦可实现所谓的”秒传“功能。 使用到的类库 Spark-MD5 function getMD5(file, callBack) {   /*   *     file 选取的文件   *     callBack 回调函数可以返回获取的MD5   */   let fileReader = new FileReader(),     blobSlice = File.prototype.mozSlice || File.prototy …

百度地图移动端点击事件无效

1. 覆盖物在移动端点击事件无法触发 circle.addEventListener(“click”, ()=>{}) 移动端上事件不触发 解决方案: 初始化设置地图绘制方式 drawer const map = new BMap.Map(“map”, {drawMargin: 100, drawer: BMAP_SVG_DRAWER_FIRST }) 地图绑定自定义事件 map.addEventListener(‘click’, function(e) { circle.customClickHandler_ = function() { console.log …

uniapp 父组件与 renderjs 子组件通信

renderjs 不能使用 uni.$on和 uni.$emit 通信。 父组件向子组件通信 使用 prop 传递数据,子组件监听数据变化 <view id=“map” :prop=“control” :change:prop=“map.update”></view> 子组件向子组件通信 父组件创建回调函数,子组件特殊方法调用 // 向父组件传参 UniViewJSBridge.publishHandler(‘onWxsInvokeCallMethod’, {   cid:  …

vue3.0 引用百度地图

1.新建baiduMap export function baiduMap(ak) {   return new Promise(function(resolve, reject) {     window.baiduMap = function() {       resolve()     }     var script = document.createElement(‘script’)     script.type = ‘text/javascript’     script.src = `http://api.map.baidu.c …

前端高效实用 JavaScript 库梳理

工具类 lodash 一个一致性、模块化、高性能的 JavaScript 实用工具库 big.js 一个小型,快速的JavaScript库,用于任意精度的十进制算术运算 文件处理 file-saver 一个在客户端保存文件的解决方案,非常适合在客户端上生成文件的Web应用程序 js-xlsx 一个强大的解析和编写excel文件的库 网络请求 Axios 一个基于 Promise 的 HTTP 库,可用在 Node.js 和浏览器上发起 HTTP 请求,支持所有现代浏览器,甚至包括 IE8+ fly.js 一个基于promise的http请求库, 可以用在node.js, Weex, 微信小程序 …

Proxy 实现双向绑定

Proxy 用于修改某些操作的默认行为,也可以理解为在目标对象之前架设一层拦截,外部所有的访问都必须先通过这层拦截,因此提供了一种机制,可以对外部的访问进行过滤和修改。 <!DOCTYPE html> <html> <head>   <meta charset=“utf-8”>   <title>Proxy双向绑定</title> </head> <body>   <div id=“app”>     <input type=&#82 …

移动端设备分辨率汇总

设备 操作系统 实际尺寸 物理尺寸CM 宽度PX 高度PX 设备宽度 每英寸像素 PX密度 纵横比 Apple iPhone XR iOS 6.1 15.5 828 1792 828 326 100% MDPI 19 . 5 : 9 Apple iPhone 8 Plus iOS 5.5 13.9 1080 1920 1080 401 100% MDPI 16 : 9 Apple iPhone 7 Plus iOS 5.5 14.0 1080 1920 1080 401 100% MDPI 9 : 16 Apple iPhone XS iOS 5.8 14.7 1125 2436 1125 4 …