分类： 前端

前端

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

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 …

前端 / 工具

前端逻辑处理工具类

1.去除html标签 export const removeHtmltag = (str) => { return str.replace(/<[^>]+>/g, ”) } 2.获取url参数 export const getQueryString = (name) => { const reg = new RegExp(‘(^|&)’ + name + ‘=([^&]*)(&|$)’, ‘i’); const search = window.location.search.split(‘?’)[1] || ”; const r = s …

前端 / 工具

前端类型判断工具类

1.是否邮箱 export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s) } 2.是否手机号码 export const isMobile = (s) => { return /^1[0-9]{10}$/.test(s) } 3.是否电话号码 export const isPhone = (s) => { return /^([0-9]{3,4}-)?[0-9]{7,8}$/.test(s) } 4.是否url地 …