幻灯片 幻灯impress js
docker启动node.js项目
原文链接：[https://www.cnblogs.com/yalong/p/17463847.html](https://www.cnblogs.com/yalong/p/17463847.html) 这里使用 `koa2` 做为演示项目，使用 `Dockerfile` 构建 `Docker` 镜 ......
经纬度坐标为中心点生成米距离长度半径的圆形面，含java js源码+在线绘制，代码简单零依赖
[TOC] 前些时间在更新我的坐标边界查询工具的时候，需要用到经纬度坐标点的距离计算，和以坐标点为中心生成一个指定距离为半径的圆，搜了一下没有找到现成简单又合适的代码，于是把自己压箱底的代码翻出来了，简化完善了一下，嘿，代码量也不大，还挺好用。 本方法是通过计算得到圆上的多个坐标点，来得到的一个近似 ......
js 分页拆分数据
splitData(data, pageSize, pageNum) { const result = []; const pageTotal = Math.ceil(data.length / pageSize); // 计算总页数 // for (let i = 0; i < pageTotal ......
移动端预览PDF，pdf.js预览PDF文件流格式
一开始使用了vue-pdf效果并不理想，满足不了要求还出现兼容问题， PDF.js似乎是一个完美的解决方案,号称兼容各种浏览器.快速且高效.界面按钮可以配置,而且也比原生iframe框架好看一些,但是一轮的使用下来,确确实实躺了不少的坑,特此记录一下全过程,希望以后使用的时候注意一点. 以下是我使用 ......
JS 模拟 队列 结构
Code： /** * 队列（基于动态数组） * @class */ var AQueue = (function() { /** * 栈容器 * @type {DArray} */ let arr; /** * @class */ class _AQueue { /** * * @param {n ......
JS 中 使用 Uuid
### 一、官方网站 https://github.com/uuidjs/uuid ### 二、安装 uuid `npm install uuid` ### 三、导入 uuid 注：官方文档里的示例只适用于服务端（nodejs），想在浏览器里使用，得换一种导入方法 nodejs： `import { ......
Three.js系列-报错export ‘Geometry‘ (imported as ‘THREE‘) was not found in ‘three‘
## 今天遇到报错export 'Geometry' (imported as 'THREE') was not found in 'three' ``` port 'Geometry' (imported as 'THREE') was not found in 'three' (possible ......
JS 对象数组多属性排序
有`{firstSort: number, secondSort: number}`类型的对象数组，先按 firstSort 升序排序，再按 secondSort 升序排序： ```javascript const arr = [ { firstSort: 2, secondSort: 3 }, { ......
前端js获取内网ip
奇怪，万里汇认证页面，居然可以识别出同网络下、同浏览器的两个手机，应该是前端识别到手机的内网IP或者MAC，之前也了解过前端JS获取内网IP或MAC。在github上有个库 webrtc-ip DEMO getIp.html <!DOCTYPE html> <html lang="en"> <hea ......
window安装EMQX和node.js
1. 进入网站 https://www.emqx.io/zh/downloads?os=Windows  1. 进 ......
JS 封装并格式化时间
建议一个 时间格式化的JS文件，复制以下代码进去 // 日期格式化 export function parseTime(time, pattern) { if (arguments.length 0 || !time) { return null } const format = pattern | ......
uniapp render.js
1、操作数据 <template> <view class="content"> <view @click="renderScript.emitData">获取renderjs数据</view> {{ name }} </view> </template> <script> export defau ......
js 函数声明和函数表达式的执行结果
// var 定义的变量会进行变量提升，声明被拿到函数或全局作用域的顶端，并输出 undefined // 函数声明也会进行提升，var 的变量提升会覆盖函数声明提升 console.log(" 0 ") var fn = function () { console.log("fn0-1") } f ......
js实现复制功能
https://blog.csdn.net/lalala_dxf/article/details/128374242 const url = this.url + e.manageId;const dom = document.createElement('input');dom.value = u ......
vue之表单控制&购物车案例&v-model进阶&与后端交互的三种方式&电影小案例&箭头函数&js中的5种循环
## 1.表单控制 ```html 🌟checkbox单选就是true和false🌟 用户名： 密码： 记住密码: name >{{name}},pwd >{{pwd}},remember >{{remember}} 🌟checkbox多选就是选value，v-model是数组🌟 爱好： 唱 ......
JS 模拟 栈结构
Code： /** * 栈结构（基于动态数组） * @class */ var AStack = (function() { /** * 栈容器 * @type {DArray} */ let arr; /** * 内部栈类 * @class */ class _AStack { /** * 构造器 ......
直播app开发搭建，web前端JS中的继承方式
直播app开发搭建，web前端JS中的继承方式 ES5 //ES5中的写法一 function Phone(color){ this.color = color; this.show = function(){ console.log("你喜欢看的颜色是:"+this.color); } } fun ......
JS 模拟 Java 动态数组（类）
Code： /** * 动态数组 * @class */ var DArray = (function() { /** * 数据数组 * @type {*[]} */ let data; /** * 数组中的元素个数 * @type {number} */ let size; /** * 调整数组容 ......
JS基础语法(一)
javascript简介 javascrpit是是一种轻量级的编程语言，常用于web前端开发。另外js还可以用来写node.js类型的服务和工具，在测试web项目的时候需要了解。 变量 js定义变量有3种方式：var、const、let，3者的区别： 在 2015 年以前，使用 var 关键字来声明 ......
js 获取函数的调用者
## 办法 严格模式arguments.callee.caller不给使用了 歪路子截取new Error（）的报错字符串stack ```js const getCall = ()=>{ let callArr = new Error().stack.split("\n"); callArr.sp ......
JS通过 navigator.clipboard.writeText(textToCopy) 实现文本复制，navigator.clipboard报undefined问题
### 问题描述 代码： ```js let geometries = qChart.value .filter((e) => e.geometry) .map((e) => e?.geometry); navigator.clipboard .writeText(JSON.stringify(ge ......
js事件
1.鼠标事件 onclick:点击事件 ondblclick:双击事件 onmouseover:鼠标进入“某对象区域” onmouseout:鼠标离开“某对象区域” onmousedown:鼠标按下 onmouseup:鼠标抬起 onmousemove:鼠标移动 2.表单事件 onsubmit:表单 ......
流量劫持 —— GZIP 页面零开销注入 JS
## 前言 HTTP 代理给页面注入 JS 是很常见的需求。由于上游服务器返回的页面可能是压缩状态的，因此需解压才能注入，同时为了节省流量，返回下游时还得再压缩。为了注入一小段代码，却将整个页面的流量解压再压缩，白白浪费大量性能。 是否有高效的解决方案？本文从注入位置、压缩格式、校验算法进行探讨。 ......
js-audio-recorder录音播放波形图
安装： npm i js-audio-recorder 调用： import Recorder from 'js-audio-recorder'; let recorder = new Recorder(); 基本功能看官网：https://recorder-api.zhuyuntao.cn/ 播放 ......
js 本地视频录制
function findNthIndex(str, searchChar, n) { let index = -1; for (let i = 0; i < n; i++) { index = str.indexOf(searchChar, index + 1); if (index -1) { ......
js实现继承的几种方式
常见的实现继承的方式有以下几种： 1.原型链式继承 2.构造函数式继承 3.组合式继承 4.原型式继承 5.寄生式继承 6.寄生组合式继承 下面来详细讲些以下每种继承的实现方式，及优缺点 先声明一个叫Parent的构造函数 （引：JavaScript中的构造函数是一种特殊的函数，它用于创建新的对象实 ......
jquery.serializejson.min.js的妙用
jquery.serializejson.min.js的妙用 关于这个jquery.serializejson.min.js插件来看，他是转json的一个非常简单好用的插件。 前端在处理含有大量数据提交的表单时，除了使用Form直接提交刷新页面之外，经常碰到的需求是收集表单信息成数据对象，Ajax提 ......
26) minify-maven-plugin 合并压缩 js css文件
http://samaxes.github.io/minify-maven-plugin/minify-mojo.html <build> <plugins> <plugin> <groupId>com.samaxes.maven</groupId> <artifactId>minify-maven ......
27) yuicompressor-maven-plugin 合并压缩 js css文件
http://davidb.github.io/yuicompressor-maven-plugin/compress-mojo.html <plugin> <groupId>net.alchim31.maven</groupId> <artifactId>yuicompressor-maven-p ......