随笔分类 - JS
摘要：最近在写JS的时候，为了更好的理解代码，对代码进行了简写： 原始代码： (function(){ var oforms = { domain:'//www.domain.com', init(){ this.test(); }, test(){ console.log(this.domain); }
阅读全文
摘要：最新开发项目，需要四级联动，在这里简单记录下： 具体参考： 具体的文档： https://blog.51cto.com/u_16213597/7235891 所有的地址： http://passer-by.com/data_location/list.json 参考的DEMO： https://jq
阅读全文
摘要：通过Echarts显示地图： 第一步：获取地图数据 获取地址： https://datav.aliyun.com/portal/school/atlas/area_selector https://www.naturalearthdata.com/ 比如：曲靖，获取这个json 第二步：具体的代码
阅读全文
摘要：使用js计算两个时间戳的加班时长： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script type="text/javascript"
阅读全文
摘要：h5打包的app,在android手机上，点击手机自带的物理返回键，直接退出了app。由于onbackPress在app上不生效，于是用js的方式去做了拦截，实现了点击物理返回键返回上一页，而不是退出app。（提示：代码放在main.js文件中，不要乱放） // android点击手机物理返回键退出
阅读全文
摘要：我们在做时间渲染的时候，经常会遇到需要将时间转为特定的显示方式，以下是常见的时间显示格式化方法： export function formateTime(timeStamp){ timeStamp = timeStamp * 1000; let date = new Date(timeStamp);
阅读全文
摘要：最近在做项目，在做电子签章的时候，需要用到电子签名，下面是用JS进行手绘签名： <!DOCTYPE html> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>手写签名</titl
阅读全文
摘要：最近在做电子合同的功能，需要用到电子印章，那么如何通过js生成印章呢？下面是具体的代码： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <ca
阅读全文
摘要：最近遇到一个需求，需要判断用户是否在当前页面，只有用户在当前页面才可以播放视频，如果切换到其他窗口就要将视频暂停掉，避免学生刷课程，以下是具体的代码： <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> <scr
阅读全文
摘要：先看效果： 示例一： 示例二： 具体示例代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Swiper的切换</title> <link rel="stylesheet" href="css/swipe
阅读全文
摘要：分享一个校验身份证号码的JS代码： // 校验身份证号码 export function isIdCard(idCard) { // 15位和18位身份证号码的正则表达式 var regIdCard = /^(^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1
阅读全文
摘要：最近在开发PC端项目的时候，涉及到前后端交互，需要有一个弹框提示和一个确认弹框的提示，当然使用浏览器的 alert 和 confirm 就能够解决这个问题，但是这个的样式太丑了，不好看，考虑到其复用性，所以自己动手做了一个。 效果： 1、提示框： 2、确认框： 具体代码示例： <!doctype h
阅读全文
摘要：下面是一些数据： const arr =[ {id:2,name:'部门B',parentId:0}, {id:3,name:'部门C',parentId:1}, {id:1,name:'部门A',parentId:2}, {id:4,name:'部门D',parentId:1}, {id:5,na
阅读全文
摘要：最近在使用一个进度的地方，UI框架太麻烦，就自己用canvas来花一个进度： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=e
阅读全文
摘要：记录树形菜单递归生成列表： <script type="text/javascript"> var obj = [ {title:'标题1',children:[{title:'标题1-1',children:[{title:'标题1-2',children:[{title:'标题1-3'}]}]}
阅读全文
摘要：在做一些前端开发的时候，经常会遇到后端返回一个树形结构，但是前端需要展示的是一个列表，但是这个列又需要体现其层级结构，今天抽空特意写了一个树形结构转列表的方法，以供参考： var dataTree = [ {id:1,name:'技术部',children:[ {id:2,name:'前端开发',c
阅读全文
摘要：在进行前后端分离开发一些项目的时候，为了保证项目数据的安全性，需要采取一些安全策略，保证前后端数据传输的安全。 常见的安全策略： 1、使用https协议。 2、秘钥存储在服务端而非客户端，客户端从服务端动态获取秘钥。 3、请求隐私接口，利用token机制校验数据的合法性。 4、对请求参数进行签名验证
阅读全文
摘要：最近在学习一些常见的算法： 一、冒泡算法 var arr,item1,item2; arr = [4,1,3,5,2,8,6]; for(var i=0; i<arr.length; ++i){ for(var j=0; j<arr.length - 1 - i; ++j){ item1 = arr
阅读全文
摘要：最近在做即时通讯，做了一个web端的js websocket做测试，源代码在这里： <!DOCTYPE HTML> <html> <head> <title>My WebSocket</title> </head> <body> <input id="text" type="text" /> <bu
阅读全文
摘要：在做API开发的时候，经常会遇到需要转化时间的时候，下面是一个非常好用的转化时间的函数： /** * [dateFormat 格式化时间] * dateFormat('YYYY/mm/dd HH:MM','2020-12-01 15:20:23'); * 2020/12/01 15:20 */ fu
阅读全文
浙公网安备 33010602011771号