H5
西半球
好记性不如烂笔头
展开
-
JS - 对象数组根据key重新分组
var arr = [ { "id": "1001", "name": "值1", "value": "111" }, { "id": "1001", "name": "值1", "value": "11111" }, { "id": "1002", "name": "值2", "value": "25462" }, { "id": "1002", "name": "值2", "value": "23131" }, { "id": "1002", "name": "值原创 2021-07-26 13:52:39 · 3617 阅读 · 0 评论 -
H5 - input标签iOS原生键盘中文录入异常
最近在input搜索框中添加正则时发现,iOS原生键盘录入中文总是录入异常,安卓手机无异常,出现异常的写法:html<input id="inputId" type="search" class="mui-input-clear mui-indexed-list-search-input" placeholder="请输入"maxlength="30"onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,'')">原创 2021-01-12 14:48:51 · 1386 阅读 · 1 评论 -
修改echarts环形图的牵引线及文字位置
转自:https://www.cnblogs.com/wangmaoling/p/10207555.html修改echarts环形图的牵引线及文字位置,下面代码及效果不仅如此,也包含了其它的效果哦。有问题可以留言。根据echarts官方示例修改效果:官方示例图:修改效果图:直接上代码:其它不多说。app.title = '嵌套环形图';option = { legend: { itemWidth: 15, //图例的宽度 itemHeight: 15转载 2020-06-17 15:28:06 · 3240 阅读 · 1 评论 -
H5 - 侧滑效果实现
demo 地址: https://github.com/iotjin/JhAPICloud_iOSAPICloud 跳到侧滑界面父界面的方法:openDrawerLayout APICloud 弹出侧滑界面方法: openDrawerPaneAPICloud 关闭弹出的侧滑界面: closeDrawerPanecehua.html 是承载侧滑界面的父页面,cehua_right.html是要弹出的侧滑界面api.openDrawerLayout({ name: 'cehua'.原创 2020-05-26 17:14:05 · 642 阅读 · 0 评论 -
H5 - svg 动画在某些设备失效
主要是没有这两句代码xmlns:xlink="http://www.w3.org/1999/xlink<mpath xlink:href="#path1"/> 元素的mpath子元素使 元素能够引用一个外部的元素作为运动路径的定义。<svg width="100%" height="100%" viewBox="0 0 500 300" xmlns="h...原创 2020-04-27 11:48:45 · 730 阅读 · 0 评论 -
超级强大的SVG SMIL animation动画详解
转自:http://www.zhangxinxu.com/wordpress/?p=4333//zxx: 本文的SVG在有缓存时候是无动画效果,此时您可以试着【右键-新标签页打开图片】。一、SVG SMIL animation概览SMIL是什么?SMIL不是指「水蜜梨」,而是Synchronized Multimedia Integration Language(同步多媒体集成语言)的首...转载 2020-04-27 11:07:56 · 975 阅读 · 0 评论 -
H5 - flex实现GridView效果(加上下拉刷新模拟数据)
效果图代码<!DOCTYPE HTML><html><head> <meta charset="UTF-8"> <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0...原创 2020-04-23 09:26:19 · 341 阅读 · 0 评论 -
H5 - aui-tab 实现顶部分页(doT加载列表数据)
效果图win代码<!DOCTYPE HTML><html><head> <meta charset="UTF-8"> <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=...原创 2020-04-23 09:22:03 · 569 阅读 · 0 评论 -
H5 - template native模板 实现列表布局
template git地址template文档效果图代码<!DOCTYPE HTML><html><head> <meta charset="UTF-8"> <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-...原创 2020-04-23 09:12:25 · 685 阅读 · 0 评论 -
H5 - art-template web模板 实现列表布局
template web git地址template文档效果图<!DOCTYPE HTML><html><head> <meta charset="UTF-8"> <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-sc...原创 2020-04-23 09:03:53 · 889 阅读 · 0 评论 -
H5 - ECharts 饼图 图例自定义和label为0处理
图例和 label自定义主要通过 formatter: function(){}实现效果图代码<!DOCTYPE HTML><html><head> <meta charset="UTF-8"> <meta name="viewport" content="maximum-scale=1.0, minimum...原创 2020-04-20 15:47:15 · 2988 阅读 · 1 评论 -
H5 - 实现半颗星评分功能
效果图代码<!DOCTYPE HTML><html><head> <meta charset="UTF-8"> <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0...原创 2020-04-10 19:04:41 · 1387 阅读 · 0 评论 -
H5 - iOS和安卓时间显示不一致(显示NAN)
问题 :返回的时间格式为yyyy-MM-dd hh:mm:ss 安卓显示正常,iOS显示NAN解决办法: 把 - 转成 / 即可dateTime = dateTime.replace(/\-/g,'/');原创 2019-12-04 11:43:03 · 1545 阅读 · 0 评论