web建站教程

  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. seo教程
  6. 前端知识
  7. 百度echarts
  8. php入门
    nodejs
    mockjs
    mysql
    织梦cms
    帝国cms
    git教程
js中间加星号
2021年10月25日  浏览(82)
方法如下: function formatStr(str) {if (str.length == 2) {return str.substring(0, 1) + new Array(str.length).join(*)} else {return str.substring(0, 1) + new Array(str.length - 1).join(*) + str.substring(str.length - 1, str.length)}}
阅读全文>>
js数组中相同name合并value值相加
2021年10月25日  浏览(185)
1、代码如下 let arr = [{name:男, value:201},{name:女, value:766},{name:未说明, value:122},{name:男, value:122}]let obj={}let newArr =[]arr.map(item={if(obj[item.name]){newArr.map(node={if(item.name==node.name){node.value += item.value}})}else{obj[item.name]=1newArr.push(item)}})console.log(newArr) 2、结果输出 (3) [{}, {}, {}]0: {name: 男, value: 323}1: {name: 女, value: 766}2: {name: 未说明, value: 122}length: 3
阅读全文>>
浙里办二次回退已解决,兼容支付宝小程序和浙里办app
2021年10月25日  浏览(370)
1、先在index.html引入https://assets.zjzwfw.gov.cn/assets/ZWJSBridge/1.0.1/zwjsbridge.js 2、在首页写入回退事件 mounted() {//二次回退 const sUserAgent = window.navigator.userAgent.toLowerCase(); const bIsAlipayMini = sUserAgent.indexOf(miniprogram) -1 sUserAgent.indexOf(alipay) -1; if (bIsAlipayMini) { console.log(我来自支付宝); window.addEventListener(popstate, this.listenerPopstate, true); } else { console.log(我来自浙里办); window.addEventListener(popstate, this.l
阅读全文>>
js获取带.html的文件名
2021年10月22日  浏览(148)
当前链接:https://ipkd.cn/webs_1453.html?apk=1.0 如何获得webs_1453.html 方法如下: function getHtml(){var linkUrl = window.location.href;var linkIndex = linkUrl.lastIndexOf(\/);var linkStr = linkUrl.substring(linkIndex + 1,linkUrl.length).split(?)[0];console.log(linkStr,linkStr)}
阅读全文>>
在数组中通过find遍历需要的对象
2021年10月22日  浏览(117)
const ug = this.userGroupOptions.find(ugi = ugi.Id === window.g.userGroup)if(ug){this.userGroup = ug.Id;}else{this.userGroup = this.userGroupOptions[0].Id;}
阅读全文>>
浙里办项目中如何获取经纬度、城市区域、当前地址等相关信息
2021年10月20日  浏览(123)
1、先初始化ZWJSBridge ZWJSBridge.onReady(() => { console.log("初始化完成后,执行bridge方法");}); 2、通过getLocation获取经纬度 ZWJSBridge.getLocation() .then((result) => { console.log(result);}).catch((error) => { console.log(error);}); 3、返回的参数如下 longitude(经度)、latitude(纬度)、cityName(城市名称)、region(区域名称)、townCode(地区编码)、detailAddress(详细地址)
阅读全文>>
h5页面唤起打电话(纯h5、app嵌套、浙里办app)
2021年10月20日  浏览(241)
方法一:在H5页面中拨打电话 a class=call href=tel:要拨打的电话号要拨打的电话号/ameta name=format-detection content=telephone=yes / 方法二:H5嵌套在app中用vue拨打用户电话 getPhone(){ if (window.plus) {plus.device.dial(要拨打的电话号, true); }} 方法三:浙里办app中直接拨打电话 //先初始化ZWJSBridgeZWJSBridge.onReady(() = { console.log(初始化完成后,执行bridge方法);});//再执行phoneCallgetPhone() { ZWJSBridge.phoneCall({cor
阅读全文>>
浙里办项目如何适配老年版(长辈版)
2021年10月19日  浏览(174)
var _html = document.getElementsByTagName(html)[0]ZWJSBridge.getUiStyle({}).then((result) = {switch (result.uiStyle) {case normal://我是常规版_html.style.fontSize = 50pxbreak;case elder://我是老年版_html.style.fontSize = 100pxbreak;default:setUiStyle(default);}console.log(result);})
阅读全文>>
js把多维数组的子集数组全部遍历成同级
2021年10月19日  浏览(122)
1、默认数据 var arr1 = [{color1: #e35752,color2: #fb995f,data:[22223286, 6919184, 4227231, 985484, 242569],name: 超声,type: [门诊, 住院, 体检, 急诊, 外院]},{color1: #e35752,color2: #fb995f,data:[22223286, 6919184, 4227231, 985484, 242569],name: CT,type: [门诊, 住院, 体检, 急诊, 外院]}] 2、遍历方法 function getDataArr(data) {var resData = []data.forEach(function(item, index) {if(item.data item.data.length0){var _d = item.datavar _t = item.type_d.forEach(function(di
阅读全文>>
xlsx表格和docx文档在线打开插件
2021年10月15日  浏览(184)
前端如何实现xlsx表格在线预览、docx在线预览,使用SheetJS的xlsx.js实现excel表格生成。 相关链接: xlsx表格在线预览插件 前端使用SheetJS的xlsx.js实现excel表格生成解决方法 SheetJS In-Browser Live Grid Demo docx在线预览插件 kkFileView为文件文档在线预览解决方案,该项目使用流行的spring boot搭建,易上手和部署,基本支持主流办公文档的在线预览,如doc,docx,xls,xlsx,ppt,pptx,pdf,txt,zip,rar,图片,视频
阅读全文>>
百度echarts柱状图设置最小高度
2021年10月14日  浏览(94)
bar柱状图最大项和最小项相差太大的话,最小项基本看到,很影响用户体验,我们可以通过barMinHeight设置当前图表的最小高度。 series: [{type: bar,barMinHeight:20,}]
阅读全文>>
js多维数组根据某个参数sort排序
2021年10月13日  浏览(155)
//数据var arr1 = [{id:1, name:小明, num: 121},{id:2, name:小文, num: 321},{id:3, name:小西, num: 211}]//方法function compare(property){return function(a,b){var value1 = a[property];var value2 = b[property];return value1 - value2;}}//结果console.log(arr1.sort(compare(num)))[{id: 1, name: 小明, num: 121}{id: 3, name: 小西, num: 211}{id: 2, name: 小文, num: 321}]
阅读全文>>
history相关属性
2021年10月11日  浏览(73)
//当前窗口访问过多少个网页window.history.length//移动到上一个网址history.back();history.go(-1);//移动到下一个网址history.forward();//History 对象的当前状态//通常是 undefined,即未设置window.history.state//刷新当前页面history.go(0);//用于在历史中添加一条记录window.history.pushState(state, title, url)
阅读全文>>
在script上新增属性
2021年09月30日  浏览(136)
var s = document.getElementsByTagName(script);for (var i = 0; i s.length; i++) {s[i].setAttribute(integrity, sha384-ePnXq39bqM9VEnH4PRlsgRL7w3K1CkxJa5T9dF7uVPMRiZYGJwGGc34vX/IS/nAf);s[i].setAttribute(crossorigin, anonymous)}
阅读全文>>
开发浙里办如何调用控制台测试
2021年09月30日  浏览(167)
1、浙里办支付宝小程序不能用vconsole调用控制台,加了再代码编译的时候就会报错。 2、浙里办支付宝小程序可以通过eruda来实现,引入js,https://cdn.jsdelivr.net/npm/eruda //调用方法eruda.init();
阅读全文>>
浙里办出现二次回退原因分析
2021年09月30日  浏览(400)
通过前端业务代码处理回退问题: 1.在上一页 通过页面进入事件捕获; 2.判断业务回退标记 确定通过回退进入页面; 3.调用jsbridge.close关闭当前页面; 可能遇到问题: 1.上一页不可控,应用开发商可以在进入最终页面的链路添加中间步骤/页面使上一页可控。 2.无法判断进入页面来源是回退,通过进入最终页面时通过业务代码添加回退标记状态在回退时进行判断用。 3.jsbridge.cl
阅读全文>>
一张图教你实现如何埋点(浙里办)
2021年09月29日  浏览(151)
附代码: (function(w, d, s, q, i) {w[q] = w[q] || [];var f = d.getElementsByTagName(s)[0],j = d.createElement(s);j.async = true;j.id = beacon-aplus;j.src = https://d.alicdn.com/alilog/mlog/aplus.js?id=202951085;f.parentNode.insertBefore(j, f);})(window, document, script, aplus_queue);aplus_queue.push({action: aplus.setMetaInfo,arguments: [aplus-rhost-v, alog.zjzwfw.gov.cn]});aplus_queue.push({action: aplus.setMetaInfo,arguments: [aplus-rhost-g, alog.zjzwfw.gov.cn]});aplus_queue.push({action:
阅读全文>>
原生js实现ajax方法(附代码)
2021年09月29日  浏览(162)
1、先定义一个ajax的方法 function ajax(){ var ajaxData = { type:arguments[0].type || GET, url:arguments[0].url || , async:arguments[0].async || true, data:arguments[0].data || null, dataType:arguments[0].dataType || text, contentType:arguments[0].contentType || application/x-www-form-urlencoded, beforeSend:arguments[0].beforeSend || function(){}, success:arguments[0].success || function(){}, error:arguments[0].error || function(){} } ajaxData.beforeSend() var xhr = createxmlHttpRequest()
阅读全文>>
layui分页显示所有字段
2021年09月28日  浏览(116)
laypage.render({ elem: page ,count: 100 // ,layout: [count, prev, page, next, limit, refresh, skip] ,jump: function(obj){ console.log(obj) }}); 字段介绍 elem:div自定义id count:总条数 layout:需要显示的内容[count:总条数,prev:上一页,page:页码,next:下一页,limit:每页条数,refresh:刷新,skip:跳到第几页] jump:回调信息,分页从obj中拿
阅读全文>>
vuejs把两个对象的合并
2021年09月27日  浏览(112)
//数据let obj1 = {name:李宁,sex:男,age:21};let obj2 = {cn:89,en:150};//用Object.assign合并对象let obj = Object.assign(obj1,obj2);//输出结果console.log(obj);{name: 李宁, sex: 男, age: 21, cn: 89, en: 150}
阅读全文>>

常用标签