幻灯片 幻灯impress js
js实现微信js-sdk签名（signature）
由于后端不知道怎么加密获取到signature，所以由前端生成签名（jsapi_ticket、noncestr、timestamp，这三个字段是接口返回的，按理说只需要jsapi_ticket就行了，其他前端也可以生成） 1、对所有待签名参数按照字段名的ASCII 码从小到大排序（字典序）后，使用U ......
js中的基础排序算法
var arr = [6,4,9,8,7,3,1,6]; 1、内置的sort排序： function sort (arr) { return arr.sort(function(a,b) { return a-b; }) } 2、冒泡排序： function bubbleSort(arr) { va ......
js获取url中的参数
function getUrlParam(strUrl) { var url, pos, urlStr, para; url = strUrl || window.location.href; pos = url.indexOf("?") if(pos <= 0) return; url = url ......
纯JS实现的Popup框
以下是一个纯JS实现的Popup框：HTML代码：```html<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Popup框</title> <style> #overlay { position: fixed; top: 0; l ......
Node.js--安装
下载：https://nodejs.org/en 下载下来后，进行安装，完成后查看文件夹 在安装目录下新建模块目录 node_global 跟cache目录 cache 再执行以下命令 npm config set prefix "C:\Program Files\nodejs\node_globa ......
js基础
旧类 一个函数如果直接调用（）那么他是一个函数 如果是采用new的形式。比如const p = new（） 则是构造函数，p等于一个对象 数组最后添加元素的小技巧 直接数组名[lenth] = *** ......
js获取对象数组中的id集合
js获取对象数组中的id集合 const ids = Array.from(this.checkList,({ id }) => id); // ["16921C72E0C64002","16898B37FC66E002"] const ids = this.checkList.map(item = ......
js实现产品页点击小图在大图区显示
企业网站产品图片可能会比较多，需要在产品页面多放几张展示图片，我们可以使用一张大图+几张小图的形式排列，并使用js代码实现点击小图显示大图。效果如下所示html代码部分：<div class="img_bd"> <img src="/e/picture/180613/1-1P6130ZH6.jpg" ......
xlsx.js导出表格
说明 vue2 前端导出表格需用用到xlsx.js这个库 npm install xlsx 代码部分 wch和 import * as XLSX from "xlsx";//记得在要用的页面导入 /* 导出表格 */ exportExcel_() { /* 定义表格的数据 第一行是表头*/ var ......
原生js layui模板引擎使用
HTML代码: <div id="dayOvertime" style="border:1px solid #e2e2e2;"></div> JS代码: <script id="lateTimeLaytpl" type="text/html"> {{# layui.each(d, function( ......
JS中内存泄漏的几种情况
JavaScript 中的内存泄漏是指程序中使用的内存不再被需要却没有被释放，最终导致浏览器或者 Node.js 进程使用的内存越来越大，直到程序崩溃或者系统运行缓慢。 在 JavaScript 中，内存泄漏通常是由于变量、对象、闭包、事件监听器等长期存在而没有被释放引起的。这些长期存在的引用会阻止 ......
js中找出对象中值最大的一项
比如有以下对象 const obj = { num1: 1000, num2: 800, num3: 900, } 期望得到 num1: 1000这一项。 js实现代码： export const maxIncome = (userWalletIncomes) => { let maxValue = ......
Mac安装node.js开发环境的详细步骤
1.官网下载node.js 下载地址：https://nodejs.org/ 直接点击下载即可。 2.双击刚下载的文件，默认点继续安装就行。 3.安装完成后，打开终端，输入“npm -v”和“node -v”两个命令，如下图出现版本信息，说明安装成功。 4.进行环境配置 打开终端，输入“open - ......
JS之根据两地经纬度获得两点之间的距离
JS之根据两地经纬度获得两点之间的距离： const getDistance = (lat1, lng1, lat2, lng2) => { lat1 = lat1 || 0; lng1 = lng1 || 0; lat2 = lat2 || 0; lng2 = lng2 || 0; var rad ......
js得到一个字符串的真实长度
早期，由于存储空间宝贵，Unicode使用16位二进制来存储文字。我们将一个16位的二进制编码叫做一个码元（Code Unit）。 后来，由于技术的发展，Unicode对文字编码进行了扩展，将某些文字扩展到了32位（占用两个码元），并且，将某个文字对应的二进制数字叫做码点（Code Point）。 ......
使用 HTTP/2 加速 Node.js 应用
我们想让现今使用 Node.js 构建的网站能够更加轻松的获得性能提升。为此，我们开发了 netjet 中间件，它可以解析应用生成的 HTML 并自动添加 Link 头部。 当在一个示例的 Express 应用中使用这个中间件时，我们可以看到应用程序的输出多了如下 HTTP 头：本文是使用 Ghos ......
js
在CMD规范中，一个模块就是一个文件。每个的书写格式如下： define(function(require, exports, module) { // 模块代码 }); 立即调用的函数表达式IIFE(Immediately-invoked function expression) (functio ......
JS高级（作用域，原型链，闭包，节流，防抖等概念性）
作用域 局部作用域 函数作用域 在函数内部声明的变量只能在函数内部被访问，外部无法直接访问 块作用域 let和const声明的变量会产生块作用域，var不会产生块作用域，推荐使用let和const 全局作用域 在<script>和.js文件的最外层就是全局作用域，在此声明的变量在其他任何作用域都可以 ......
vue3 通过fuse.js 实现前端模糊查询
在项目中写好多个查询组件： 举个栗子： <template> <!-- 获取客户下拉数据，type 0 有限公司 --> <el-select v-model="current" :multiple="multiple" remote :remote-method="querySearch" :su ......
Marked.js让您的文档编辑更加轻松自如
低代码应用平台——kintone既可以保留更改记录，也有流程管理的功能，在公司内部分享会议记录啊、wiki等文档或学习资料等时非常的便利。 kintone还有丰富的文本编辑框，可以对内容进行编辑提高易读性。但是还是有不少人觉得如果能够使用Markdown编辑，将更加轻松，文本也将更加美观。※特别 ......
js，jquery吸顶实现与问题解决
一.原生js实现吸顶效果 scrollTop属性：元素的最顶部到窗口顶边的距离。即是滚动条滚动的距离 offsetTop属性：元素到其父层顶部的距离。不能对其进行赋值。设置元素到页面顶部的距离请用style.top属性。 var navBar = document.getElementById("# ......
使用 Node.js 内置调试器进行调试
使用 Node.js 内置调试器进行调试 调试是一个多阶段的过程，通常遵循以下步骤： 识别程序中的 bug。 查找 bug 在代码中的位置。 分析 bug 发生的原因。 修复 bug。 验证修复是否有效。 在 Node.js 程序中发现错误后，你面临的第一个挑战就是在代码中找到错误所在的位置。 为实 ......
常用js方法函数
获取字符串长度(英文1个,中文2个) //把双字节的字符替换成两个单字节的字符，并获取它的字符数 let str = '你好115s' const len = str.replace(/[^\x00-\xff]/g, "00").length; console.log(len) ......
js中class的构造函数的this指向问题
场景 定义了一个类的构造函数需要的参数是一个对象，而该对象的属性对class实例的属性进行了调用或修改，也就是在对象中使用了this 问题 示例 class Person { name: '' age: 0 sex: 0 setName: null constructor (person) { th ......
在JS中如何判断两个对象是否相等
在JavaScript中，判断两个对象是否相等有多种方法，取决于你对 相等 的定义以及对象属性的类型。以下是几种常见的方法： 1. 严格相等运算符 ( ) 使用 运算符可以比较两个对象是否引用同一个对象。如果两个变量引用了同一个对象，则它们是相等的，否则它们是不相等的。例如： const obj1 ......
js 生成8位随机数，必须包含大写字母，小写字母和数字。
方式一： 有漏洞的 1 function generateRandomString() { 2 var chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789"; 3 var randomString = ""; ......
Node.js躬行记（28）——Cypress自动化测试实践
最近在研究如何提升项目质量，提炼了许多个用于自测的测试用例，但是每次修改后，都手工测试，成本太高，于是就想到了自动化测试。 在一年前已将 Cypress 集成到管理后台的项目中，不过没有投入到实践中。今天在实践时发现，版本已经到了 12.X，当时集成的版本是 8.X。 一、准备 在重新安装后，将之前 ......
js注册全选事件、单选全部后“全选”勾选事件
//注册全选事件 $("#selectAll").click(function () { var isAllCheck = $("#selectAll").prop("checked"); var items = document.getElementsByName("ckbx"); if (isA ......
js基础---set、math、date等类
set类概念，需要new 功能为创建一个集合，与数组类似，区别就是它不能设置重复的值 math是一个工具类，不需要new，可直接使用它的方法。 他的常用方法如下： date类，需要new getTime（）：返回一个时间戳,单位为毫秒。 ......
巧用Chrome格式化压缩后的js文件
对于格式化的js文件，可以用chrome处理。 打开chrome浏览器，按F12进入开发者工具界面，找到一个压缩js文件，如图： 在浏览器的底部（左边）的工具栏有一个" { } " 样的图标 ， 点击一下就可以了。 格式后: 格式化的js 也可以 左击保存: ......