js
qq_26144233
这个作者很懒,什么都没留下…
展开
-
高德地图获取当前定位信息
<!doctype html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"> <tit.转载 2022-02-07 13:17:55 · 1831 阅读 · 0 评论 -
div,contenteditable编辑器之ctrl+enter换行,enter发送
<!doctype html><html lang="en"><head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta charset="utf-8"> <title>contenteditable,Ctrl+Enter换行,Enter发送</title> <meta name="description..原创 2022-01-20 16:04:07 · 1295 阅读 · 0 评论 -
开启本地服务
1.npm i http-server -g。(g全局安装)2.检查是否按照成功:http-server -h3.运行查看项目 http-server . -c-1(-c-1是不需要缓存)原创 2021-10-08 09:33:11 · 140 阅读 · 0 评论 -
对于文件下载总结
1.将base64转换为file格式//将base64转换为文件对象dataURLtoFile(dataurl,filename){letarr=dataurl.split(',');letmime=arr[0].match(/:(.*?);/)[1];letbstr=atob(arr[1]);letn=bstr.length;...转载 2021-09-27 13:46:45 · 93 阅读 · 0 评论 -
用递归算法实现,数组长度为5且元素的随机数在2-32间不重复的值
//非递归function getArray(arr, bit) {while (true) {if (arr.length >= bit) return arr;var ele = Math.floor(Math.random() * 30 + 2);if (arr.indexOf(ele) == -1) arr.push(ele)}return arr;}console.log(getArray([]))//递归function getArray(arr) {if(arr原创 2021-04-15 17:13:04 · 82 阅读 · 0 评论 -
实现简单发布订阅模式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do原创 2021-03-08 16:57:45 · 354 阅读 · 0 评论 -
js实现深度优先与广度优先
深度优先遍历(Depth First Search, 简称 DFS) 与广度优先遍历(Breath First Search)是图论中两种非常重要的算法,生产上广泛用于拓扑排序,寻路(走迷宫),搜索引擎,爬虫等,也频繁出现在 leetcode,高频面试题中。深度优先遍历(1)递归实现主要思路是从图中一个未访问的顶点 V 开始,沿着一条路一直走到底,然后从这条路尽头的节点回退到上一个节点(看该节点 是否还有除该子节点以外的节点,没有继续回退到父节点,有则遍历该子节点之外的其他节点),再从另一条路开始走原创 2021-01-22 09:38:39 · 1787 阅读 · 0 评论 -
虚拟节点-vnode与真实节点-node转化
<script> // <div id="outer" class="border">I am your father</div> // => (转化为虚拟dom) // {tag:'div',data:{id:'outer',class:'border'},children:[],value:'I am your father'} class VNode{ /*tag:标签名,..原创 2021-01-15 11:11:41 · 811 阅读 · 1 评论 -
mock模拟后端数据
1.正则匹配路径Mock.mock(RegExp('/Api/EnterpriseQq/Manage/UsageRecord' + '.*'), 'get', function (option) { console.log(option); //获得?之后的参数 var querys = option.url.split('?')[1]; // var keys=[]; // var ...原创 2020-01-16 15:36:54 · 818 阅读 · 0 评论 -
拖拽Drag 和 Drop 事件
DataTransfer 对象所有 drag 和 drop 事件的事件监听器都接收一个 Event 对象作为参数,它有一个叫做 dataTransfer 的只读属性。event.dataTransfer 返回与事件相关的 DataTransfer 对象,DataTransfer 对象持有 drag 和 drop 操作相关的数据。可以检索这些数据以及设置 DataTransfer 对象相关联的各种属性,正如下面所阐述的<!DOCTYPE HTML><html><he原创 2020-11-24 11:41:54 · 1121 阅读 · 0 评论 -
js实现表格中最多显示两行,超出使用省略号
//HTML: { field: 'Description', align: 'left', title: '描述', width: 239, templet: function (d) { return '<span class="description">' + d.Description + '</span>' } .原创 2020-11-11 14:49:59 · 3411 阅读 · 2 评论 -
js实现单向链表与双向链表
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> //封装单向链表 function LinkedList() { //内部类,节点类 function Node(dat原创 2020-10-11 23:22:39 · 212 阅读 · 0 评论 -
基本的排序算法
排序算法1.冒泡排序2.选择排序3.快速排序1.冒泡排序数组中的元素两两比较 如果第一个值比第二个值大,交换位置,每一轮使得最大值排在最后; function bubbleSort(arr){ //外层循环控制轮数 for(var i = 1; i <= arr.length-1; i++){ //内层循环控制次数 for(var j = 0; j <= arr.length -i -1; j++){ if(arr[j]>arr[j+原创 2020-07-07 09:46:52 · 91 阅读 · 0 评论 -
js中继承
1.原型链继承 利用prototype可以保存那些共享的数据和⽅法,实现****数据复用以及减少内存占用****,这也是为什么我们需要继承的原因。弊端:原型链继承:对于引用类型 ,引用类型值的***原型属性***会被所有实例共享。解决:借用构造函数继承2.构造函数继承开发人员借用构造函数 (constructor stealing) 的技术, 别称伪造对象或经典继承弊端:只...原创 2020-04-22 15:03:58 · 102 阅读 · 0 评论 -
使用js操作数组
Array.prototypeArray.prototype.sort()1.实现按照拼音排序--元素string2.实现按照拼音排序--元素k-vArray.prototype.sort()1.实现按照拼音排序–元素string2.实现按照拼音排序–元素k-v<html><head></head><body> <script&g...原创 2020-04-20 11:32:04 · 105 阅读 · 0 评论 -
页面距离兼容写法
1.scrollTop获得滚动条高度var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;2.bodyHeight获取文档高度var bodyHeight=document.body.scrollHeight || document.d...原创 2020-02-27 16:23:43 · 73 阅读 · 0 评论