foreach js
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 运行时 ......
【Azure 应用服务】Azure JS Function 异步方法中执行SQL查询后，Callback函数中日志无法输出问题
Warning: Unexpected call to 'log' on the context object after function execution has completed.
Please check for asynchronous calls that are not await... ......
js 打印页面局部区域（指定位置）
1.情景展示 在浏览器的网页上，我们可以通过window.print()实现网页的打印功能。 但是，该方法打印的是当前网页上面所有展示的内容，如何只打印指定区域内容呢？ 如下图所示，只将送检申请单所在区域打印出来，其它位置不用管，如何实现？ 2.具体分析 window.print()打印的是全部内容 ......
这个JS代码中目标数据用Python正则表达式如何提取？
大家好，我是皮皮。 一、前言 前几天在Python白银群【凡人不烦人】问了一个Python正则表达式的问题，这里拿出来给大家分享下。 这个ts，token可以同时取出吗？ 二、实现过程 这里【甯同学】给出了一个思路，使用正则表达式实现，如下所示： 顺利的提取到了目标数据。 后来粉丝还是觉得还是单个提 ......
在 iframe 中继承父窗口 css/js 的方法
问题缘由 iframe 类似一个单独的网页窗口，不能直接继承父级页面的 css 和 js。 继承 css 因为 iframe 是单独的网页窗口，所以页面一般都有 head 标签的。在 iframe 子页面的 head 标签中加入如下代码： <script> window.parent.$(funct ......
记一次使用laravel-snappy把g2和plotly.js图生成pdf踩坑经历
最近有一个需求，需要把页面上的echarts等js组件生成的图表放到pdf中。使用laravel框架，找到了laravel-snappy这个包，其底层是使用wkhtmltopdf来生成pdf。因为有把数据点都画到箱型图上的需求，找到了plotly.js这个组件，功能还是很强大的，可以轻松实现如下的效 ......
【转载】JS手从URL中获取指定参数，不需要正则，很方便
参考 https://zhuanlan.zhihu.com/p/412254881 代码 现代方式 在现代浏览器中，我们可以使用浏览器提供的URL对象来获取参数。 这里方法最简单，bug少，不用我们操心。 function getQueryString(name) { // const url = ......