acm js
纯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 也可以 左击保存: ......
js基础---对象的序列化(JSON)与map
序列化概念 json工具类就是那个转换字符串的方法 调用json静态方法,不需要new。 注意事项 将对象转换为json后再转换为对象,相当于做了一次深复制。 当对象的字符串key属性满足不了需求时,可用map的对象属性作为key map属性和方法 map与数组之间的转换 ......
URL查询字符串与JS对象互转
formatUrlQuery: function (...urlQuerys) { let result = {}; urlQuerys.forEach((urlQuery) => { if (typeof urlQuery == 'object') { Object.assign(result, ......
使用 JavaScript连接Oracle 数据库(js连接oracle)
在建立Web交互应用程序时,一般使用JavaScript语言作为表现层,而Oracle作为背后真正的数据库。连接JavaScript和Oracle数据库需要一组技术,可以实现将JavaScript执行的数据请求发送到服务器上的Oracle数据库,这样就可以访问和操作Oracle数据库中的相关内容。 ......