web建站教程

  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. seo教程
  6. 前端知识
  7. 百度echarts
  8. php入门
    nodejs
    mockjs
    mysql
    织梦cms
    帝国cms
    git教程
js实现select赋值、清空及还原到默认项
2021年09月27日  浏览(99)
//html代码select id=slt/select//定义数据var _slt = [文档1,文档2,文档3,文档4]//append赋值$(#slt).append( --请选择-- ); for(var i=0; i_slt.length; i++){ $(#slt).append( + _slt[i] + ); } //清除全部数据 $(#slt).empty() //还原到默认数据 $(#slt option)[0].selected = true
阅读全文>>
uniapp如何动态显示头部title,navigationBarTitleText动
2021年09月23日  浏览(10)
//可以从上个页面直接传参过来 uni.setNavigationBarTitle({title: this.$route.query.title});
阅读全文>>
js实现局部分页打印
2021年09月23日  浏览(5)
1、先引入print.js (function ($) { var printAreaCount = 0; $.fn.printArea = function () { var ele = $(this); var idPrefix = printArea_; removePrintArea(idPrefix + printAreaCount); printAreaCount++; var iframeId = idPrefix + printAreaCount; var iframeStyle = position:absolute;width:0px;height:0px;left:-500px;top:-500px;; iframe = document.createElement(IFRAME); $(iframe).attr({ style: iframeStyle, id: iframeId }); document.body.appendChild(iframe); var doc = iframe.contentWindow.document; $(do
阅读全文>>
打印申请单不支持canvas和table类型的二维码,通过
2021年09月23日  浏览(2)
//定义一个divdiv class=qrcode/div//引入2个jsscript src=jquery-1.9.0.min.js/scriptscript src=jquery.qrcode.min.js/script//生成canvas二维码var qrCodeUrl = https://ipkd.cn/$(.qrcode).qrcode({ width: 200, height:200, text: qrCodeUrl});//把canvas二维码转换成image二维码function convertCanvasToImage(canvas) { var image = new Image(); image.src = canvas.toDataURL(image/png); return image; }//拿到canvas位置转换var mycans=$(.qrcode canvas)[0];var img=convertCanvasToImage(mycans
阅读全文>>
for循环生成数组,sum求和(jquery)
2021年09月23日  浏览(2)
$.ajax({url: apiUrl + passTimeInHourRange,type: get,data: {},success: function (date) {var list = var num = []for (var i = 0; i date.length; i++) {//赋值数组num.push(date[i].count)//求和var sum = 0;for (var j = 0; j num.length; j++) {sum = sum + num[j]; //通过for循环,去除数组中的元素,累加到sum中}}for (var k = 0; k 8; k++) {$(.col_ + k).css({width: (date[k].count / sum).toFixed(2) * 100 + %})}}})
阅读全文>>
浙里办aplus埋点(必埋参数)有哪些?
2021年09月23日  浏览(195)
采集块 采集项 采集key 采集value 基础采集(必埋) 日志采集地址(固定value) aplus-rhost-v alog.zjzwfw.gov.cn 日志采集地址(固定value) aplus-rhost-g alog.zjzwfw.gov.cn 浙里办APPID appId 60506758 PV日志参数(必埋) 应用开发管理平台appId miniAppId 通过应用开发管理平台获取 应用开发管理平台应用名称 miniAppName 通过应用开发管理平台获取 经度 long 通过JSBridge API 获取 纬度 lati 通过JSBridge API 获取
阅读全文>>
前端MD5加密源码(md5.js)
2021年09月14日  浏览(2)
1、引入md5.js 2、直接调用:md5(需要加密的内容) var hexcase = 0; var b64pad = ; var chrsz = 8; function md5(s){ return binl2hex(core_md5(str2binl(s), s.length * chrsz));}function b64_md5(s){ return binl2b64(core_md5(str2binl(s), s.length * chrsz));}function hex_hmac_md5(key, data) { return binl2hex(core_hmac_md5(key, data)); }function b64_hmac_md5(key, data) { return binl2b64(core_hmac_md5(key, data)); }function calcMD5(s){ return binl2hex(core_md5(str2binl(s), s.length * chrsz));
阅读全文>>
js判断当前是https还是http(根据当前链接协议接口
2021年09月14日  浏览(0)
let ishttps = https: == document.location.protocol ? true : false;let httpUrl = ishttps == true ? https: : http:window.location.href = httpUrl + //ipkd.cn/
阅读全文>>
“浙里办“项目之浅谈单点登录、二次回退及埋
2021年09月13日  浏览(98)
大家可以看一看语雀《浙里办h5微应用接入流程》这篇文档,链接:https://odynww.yuque.com/docs/share/525e3e8a-ad52-421b-90da-2d76808e3050#0THkj。 接下来我将针对大多数人以及我个人遇到的一些问题做本篇文章的核心讲解: 1、 单点登录 ,首先分为个人用户的单点登录和法人用户的单点登录: 个人单点登录分为app登录和支付宝小程序登录: 首先我们要判断当前环境是app环境还是支付宝小程序环
阅读全文>>
对接浙江政务服务网(浙里办)需要注意什么
2021年09月13日  浏览(160)
写在前面: 最近项目当中涉及到了和浙里办(浙江政务服务网)的登录对接。业务流程其实也挺简单,一句话变可概括: 我们系统平台上接收来自对方系统平台上发送过来的企业诉求,放在我们平台上进行流程处理,将处理结果推送回对方平台。由于对方系统的用户账号体系是浙江政务服务网的账号体系。需求里还加了能通过我们平台免登直接进入到对方系统平台。 前面的业务
阅读全文>>
浙里办单点登录流程图分析(图文)
2021年09月13日  浏览(14)
阅读全文>>
js数组转换,把第三层数组遍历到第二层,根据名
2021年08月31日  浏览(5)
1、假设数据: var dataArr=[{name:小明,sex:男,college:[{school:北大,address:北京,fraction:[{subject:语文,grade:150},{subject:数学,grade:150},{subject:英语,grade:150}]}]},{name:小花,sex:女,college:[{school:复大大学,address:上海,fraction:[{subject:语文,grade:140},{subject:数学,grade:149},{subject:英语,grade:132}]}]}] 2、方法封装: function package(data) {data.forEach(function(item, index) {if(item.college){package(item.college)}else if(item.fraction){var _arr
阅读全文>>
动态变更绑定的laydate时间组件,用onclick第一次无
2021年08月26日  浏览(2)
//html代码input class=date1 onfocus=dateTimeClick(i) ///js代码function dateTimeClick(i){laydate.render({elem: .date + i,min: 2021-08-26, //过去时间不能点击done: function(value, data) {$(.date + i).html(value)}})} 注意:把onclick替换成onfocus,引入laydate.js
阅读全文>>
js数组如何按时间排序(es5、es6两种写法)
2021年08月26日  浏览(3)
var time =[{id: 1,name: 小明,time: 16:30:00},{id: 2,name: 小白,time: 13:30:00},{id: 3,name: 小花,time: 10:30:00},{id: 4,name: 小空,time: 16:30:00}] //es6写法time.sort((a, b) = a.time.localeCompare(b.time))console.log(time) //es5写法time.sort(function(a, b) {returna.time b.time ? 1 : -1});console.log(time) //输出结果0: {id: 3, name: 小花, time: 10:30:00}1: {id: 2, name: 小白, time: 13:30:00}2: {id: 1, name: 小明, time: 16:30:00}3: {id: 4, name: 小空, time: 16:30:00}
阅读全文>>
ES5和ES6两种方法合并两个数组并去重
2021年08月25日  浏览(2)
ES6语法合并两个数组并去重 let arr1 = [1, 1, 2, 3, 6, 9, 5, 5, 4]let arr2 = [1, 2, 5, 4, 9, 7, 7, 8, 8]function uniqueArr(arr1, arr2) { //合并两个数组 arr1.push(...arr2)//或者arr1 = [...arr1,...arr2] //去重 let arr3 = Array.from(new Set(arr1))//let arr3 = [...new Set(arr1)] console.log(arr3)}uniqueArr(arr1, arr2) 注:new Set()接收一个数组,并且数组中的元素是唯一的。Array.from()能把伪数组转化为真正的数组。 ES5语法合并两个数组并去重
阅读全文>>
2个数组根据相同key合并成新的数组(es5、es6两种
2021年08月25日  浏览(6)
因为项目需求需要兼容ie浏览器,ie不兼容es6语法,网上有很多关于es6的合并方法,但是就是很难找到es5的方法。 通用数组 var arr1 = [{number:1,name:小明, age:20},{number:2, name:小密, age:20},{number:3, name:小米, age:20}]var arr2 = [{number:1, sex:男},{number:2, sex:女},{number:3, sex:男}]var arr3 = [] 先介绍es6写法 arr3 = arr1.map(function(item) {const data = arr2.find(i = item.number == i.number);return {...item,...data};})console.log(arr
阅读全文>>
js获取未来7天日期+星期
2021年08月24日  浏览(4)
//根据日期获取星期 function getWeek(dateString) {var dateArray = dateString.split(-);date = new Date(dateArray[0], parseInt(dateArray[1] - 1), dateArray[2]);return 星期 + 日一二三四五六.charAt(date.getDay());}; //获取未来7天日期 function day7(){var dd=new Date(); var arr=[]; for(var i=0;i7;i++){ dd.setDate(dd.getDate()+1);var mon = dd.getMonth() + 1var day = dd.getDate() arr.push(dd.getFullYear() + - + (mon 10 ? (0 + mon) : mon) +-+(day 10 ? (0 + day) : day)) }return arr}
阅读全文>>
js数组运用splice属性实现数组的删除,插入,替换
2021年08月16日  浏览(0)
var arr = [b,a,c];console.log(arr.valueOf());// valueOf 返回3 [b,a,c]console.log(arr.sort());// 排序,按照字符编码 返回 [a,b,c]console.log(arr.reverse());//倒序方法 返回 [c,a,b]arr.splice(1,0,newitem)// 插入console.log(arr); // 返回[c, newitem, b, a]arr.splice(1,1,olditem)//替换console.log(arr) // 返回 [c, olditem, b, a]console.log(arr.unshift(haha)) //头部添加haha 返回长度 5console.log(arr.push(heihei));//尾部添加heihei返回长度 6console.log(arr.shift()
阅读全文>>
js在二维数组中根据某个相同的key生成三维数组
2021年08月16日  浏览(0)
var arr=[{name:南方水果,num:30,big:大,node:[{id:1,dep:西瓜,bigNum:10},{id:2,dep:苹果,bigNum:10},{id:2,dep:西红柿,bigNum:10}]},{name:北方水果,num:30,big:小,node:[{id:1,dep:葡萄,bigNum:10},{id:1,dep:火龙果,bigNum:10},{id:2,dep:哈密瓜,bigNum:10}]}]let result = [];for(var k=0;k =0) { nAppos[_Idx].children.push(appos[j]) }else{ var nAppo = { id: appos[j].id, children: [] } nAppo.children.push(appos[j]) nAppos.push(nAppo) } } _res.node = nAppos result.push(_res)}console.log(re
阅读全文>>
js数组倒序输出,reverse的用法
2021年08月05日  浏览(10)
var arr = [{id:1,name:高凯,age:10},{id:2,name:张三,age:20},{id:3,name:李四,age:30},{id:4,name:赵武,age:10},{id:5,name:王六,age:20},];console.log(倒序,arr.reverse())
阅读全文>>

常用标签