三个数排序
1 var a,b,c,swap; 2 a=+ prompt(); 3 b=+ prompt(); 4 c=+ prom...
2023年3月
DOM获取元素、修改元素
DOM获取元素、修改元素 1.DOM ①什么是DOM？作用？ DOM是文档对象模型作用：操作网页内容，可以开发网页内容特效和实现用户交互。 ②DOM对象 ...
一文读懂TS in操作符
in操作符作用: 遍历类型 基本用法 type roles = "tester" | "developer" | "manager";
const staffCount: { [k in ...
解决git@github.com: Permission denied (publickey). fatal: Could not read from remote repository.
今天想要把项目git到github上，结果最后一步git push的时候报错如下：
原因Permission denied (publickey) 没有权限的publickey ，...
求解水仙花数
/* 下述代码近供参考
水仙花数是指一个3位数，它的每个位上的数字3次幂之和等于它本身。
例如：（1的3次方+5的3次方+3的3次方=153），请打印所有的水仙花数。 ...
ECharts 引入中国地图和区域地图
一，引入中国地图 <div id="chinaMap"></div> import china from 'echarts/map...
如何使用 Ajax 实现上传图片时预览及上传进度效果
一、引言 继上次实现文件上传功能后，产品经理又提出了新的需求：上传图片预览及进度条效果。本次就来搞定这个功能，这次开发基于上次的随笔，需要的小伙伴们自取 -- 如何使用Ajax实现简单的文...
浏览器打开任意可执行exe文件方法
思路：通过注册表注册自定义URL协议执行bat脚本，将文件路径作为参数传入 环境：win10 前置问题与条件 问题1：可以从浏览器直接打开可执行文件吗？ 答：不能。其实可以通...
在浏览器测试JavaScript的方法
在浏览器测试JavaScript的方法
JSFiddleCross Browser Testing ToolKaram + Jasmine + Google ChromeCode...
svg路径动画插件——vivus.js使用记录
Vivus是一个轻量级的JavaScript类(没有依赖关系)，它允许您对svg进行动画处理，使它们具有正在绘制的外观。有多种不同的动画可供选择，还可以创建自定义脚本，以您喜欢的任何方式绘...
记一次前端CryptoJS AES解密
1.背景 业务需求，需要联动多个平台，涉及到各平台的模拟登录。 已知加密前明文且正常登录。（无验证码要求） 某平台验证验证方式为.\login接口POST一串json字符串...
深挖【let, for与定时器】引发的疑惑
在一些文章中或者工作面试问题上，会遇见这种看似简单的经典问题。 for(var i = 0; i < 5; i++) {
setTimeout(function () {
...
JS基础一
<!-- JS代码的书写位置 1、可以将JS代码书写在script标签中 &...
一个奇怪的 Bug
一个奇怪的 Bug 非常感谢小赵同学给我反馈的这个 Bug ???????? 在开始讲解前先考考你们 Javascript 基础，单看代码你觉得它会输出什么内容？答案后面揭晓。 ...
前端性能优化之浏览器缓存
一、背景 最近公司业务需要开发了一个js sdk。sdk主要是通过http接口请求返回至前端进行渲染。因为js sdk有一定的大小会消耗过多的网络资源，所以采用浏览器缓存策略避免多次http请...
遍历器
一, 遍历器的定义 取出数据容器中的每一个元素的工具 二, 遍历器的分类 1.for 遍历数组(最重要，兼容性好) 例: 2.for in遍历...
TypeScript（1）介绍与安装
前言 由于最近在使用vue3写项目，使用vue3的前提就是要学习TypeScript，TypeScript算是JavaScript的升级版，TypeScript包含JavaScript和自己的...
JS实现瀑布流页面布局
个人对瀑布流布局理解： 每列的宽度相等而高度不等，且第二行的第一个容器需要放在第一行高度最小的容器下面，依次类推放置。 附上代码： 代码仅实现了瀑布流的布局方式和 resize 监听，如果...
接上一篇使用递归获取Tree数据结构中的目标数据，封装了一个通用函数
/* *
* @param {Array} dataList 完整数据(必传)
* @param {Sting/Int} keyName 对哪个字段进行与targetID对比(必传)
...
node前后端交互（Express）
1. Express框架是什么 1.1 Express是一个基于Node平台的web应用开发框架，它提供了一系列的强大特性，帮助你创建各种Web应用。我们可以使用 npm insta...
【ES6】迭代器
简介 在 JavaScript 中， 迭代器 是一个对象，它定义一个序列，并在终止时可能返回一个返回值。 更具体地说，迭代器是通过使用 next() 方法实现迭代器协议的任何一...
TypeScript（4）接口
介绍 TypeScript 的核心原则之一是对值所具有的结构进行 类型检查 。我们使用接口（Interfaces）来定义对象的类型。 接口是对象的状态(属性)和行为(方法)的抽象(描述) ...
OpenLayers绘制热力图 代码记录
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 做地图开发，往往需要掌握专题地图制作的技能。今天用OpenLayers6来做一个热力图的效果。 页面...
JavaScript数据类型BigInt实践之id数值太大，导致前后端交互异常
项目开发中前后端数据交互常会使用id作为主键索引，通常id数值都不大，使用number类型就可以表示处理，但对于一些分布式id或其他情况，id数值太大且超过了JS的最大处理数(Math.pow(...
OpenLayers 点击显示经纬度Demo
这里给大家分享我在OpenLayers 地图开发工作中总结出的一下代码和注意点 ，希望对大家有所帮助 效果如下： 核心代码展示：附带讲解注释 ...