浮点js
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数据库中的相关内容。 ......
node.js实现反向代理到源服务器的HTTP2协议
node.js实现反向代理到源服务器的HTTP2协议 const tls = require('tls'); const http = require('http'); const http2 = require('http2'); const { HTTP2_HEADER_AUTHORITY, H ......
输入命令行vue list直接显示vue.js弹窗问题的解决
问题描述 当我尝试使用vue list命令的时候，就直接弹窗出来一个vue.js文件，无法显示出理想结果 问题解决 简单，直接将Node.js卸载，重新下载一个 （最好安装在C盘以外的盘） ......
Vue.js设计与实现 第一章
一，框架设计概览 1. 权衡的艺术 1.1 命令式和声明式 命令式框架的一大特点就是关注过程 . 自然语言描述能够与代码产生一一对应的关系，代码本身描述的是"做事的过程", 这符合我们的逻辑直觉。 声明式框架更加关注结果. 1.2 性能与可维护的权衡 1.3 虚拟 DOM 的性能如何 1.4 运行时 ......