幻灯片 幻灯impress js
js实用代码
1、随机生成字符串 const randomStr = () => Math.random().toString(20).slice(2); randomStr(); 2、实现字符串的翻转 const reverseStr = str => str.split('').reverse().join( ......
[学习笔记] JS验证API相关知识
checkValidity()会检查元素是否有任何输入约束条件，并且检查值是否符合约束条件。 如下所示，Input元素下限为4上限为20： ··· <input id="password" type="number" min="4" max="20"> ··· <script> function m ......
nuxt.js解决seo前端渲染
vue项目前端做seo的两种方式、 1、预渲染模式 场景：并不是所有页面都需要做seo 优点：速度相对较快，压力在前端 缺点：不能预渲染动态路由，如果预渲染非常多的页面，操作繁琐 插件：prerender-spa-plugin 2、ssr服务端渲染模式 场景：所有页面都需要做seo 优点：安全 缺点 ......
某志愿网js逆向
逆向过程分析与js代码扣取 请求头U-Sign数据 通过浏览器开发者工具可以看到返回数据的接口/youzy.dms.basiclib.api.college.query 添加XHR断点刷新浏览器会自动进入断点 查看具体请求数据，将断点定位到r = r.then(t.shift(), t.shift( ......
js - 在map中使用async await进行处理文件的操作
在日常开发中 用户上传图片需要得到文件的base64格式进行回显；当用户选择多个时，需要循环的调用file转base64的方法进行同步的获取；就会用到promsie；但在map循环的过程中使用async await得到的是一个 promise对象并不是一个 ba64编码；解决方法：可以通过Promi ......
记录--使用 JS 实现基本的截图功能
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 思路分析 在开始动手之前，分析一下整个功能的实现过程： 根据图片大小创建 canvas1 画布，并将原图片直接定位在 canvas1 上； 在画布上添加一个蒙层，以区分当前 canvas 图像是被裁剪的原图像； 在蒙层上方，对裁剪区域（鼠 ......
js-设计模式之订阅发布模式简单理解和实践
```js /** * 啥是发布订阅模式 * 举个栗子--场景: 充值成功 切换到个人中心页面刷新余额 切换到会员中心页面刷新会员状态等 */ // 定义一个对象 作为接收事件的载体 const eventBus = { topic: {}, // 这里为啥是个对象呢 首先肯定不止是一个事件,所以得 ......
js之实现for-in/of循环对象
1.in/of对比 for...in...是es5出的循环方法，for...of...是es6推出的。两个都是迭代数据的。 for...in：以任意顺序迭代对象的可枚举属性。=> 根据key值来遍历 for...of...：遍历可迭代对象，定义要迭代的数据。 2.for...in... //表现 l ......
给首布局选择项目带出明细内容js控制
1.通过一个中间的jsp进行json查询传递 <%@ page import="java.util.Map" %> <%@ page import="java.util.ArrayList" %> <%@ page import="java.util.List" %> <%@ page import ......
js canvas截取视频画面首帧
##直接贴代码 ``` /** * 截取视频画面 * @param {*} url 视频播放链接 * @param {*} width 画面的截取宽度 * @param {*} height 图片的截取高度 */ export function cutVideoCover(url, width = ......
使用bigInt解决js计算精度问题
1.引用mathjs npm install mathjs 2.封装计算方法 utils/math.js 3.在需要使用的文件引入和调用 ......
nginx配置自动解压.js.gz功能
1.修改nginx配置文件 # on为启用，off为关闭 gzip on; # Nginx的动态压缩是对每个请求先压缩再输出，这样造成虚拟机浪费了很多cpu，解决这个问题可以利用nginx模块Gzip Precompression，这个模块的作用是对于需要压缩的文件，直接读取已经压缩好的文件(文件名 ......
js 添加和移除disabled属性
``` //js的方式 //动态修改元素disabled属性 function disableTest(element,val){ document.getElementById(element).disabled=val; } document.getElementById("uid").disa ......
js 修约
/** * 修约精度 * @param num 数值 * @param len 精度(1、0.5、10、0.1、0.01)等 * @returns 四舍五入 */ export function ROUND5(num, len) { return $ROUND(num, len, '5') } /* ......
vue3时间转换插件-Moment.js的使用
vue3时间转换插件-Moment.js的使用 一.组件官网moment.js时间转换插件http://momentjs.cn/Moment Timezone 时区处理类库http://momentjs.cn/timezone/二.vue项目中使用我这里使用的是vue3的写法 npm install ......
如何爆破js加密后的密码？
如何爆破js加密后的密码？ 1、首先burp中安装插件： https://github.com/whwlsfb/BurpCrypto 安装插件完毕后，分析进行js加密的算法。 2、分析加密过程： 找到相关的加密算法的代码，分析代码逻辑。可以从登录界面的网站源代码里搜encrypt或者crypt字段。 ......
还是有必要知道一些早期用JS模拟类的故事
早期的 JavaScript 程序员一般都有过使用 JavaScript“模拟面向对象”的经历。 在上一篇文章我们已经讲到，JavaScript 本身就是面向对象的，它并不需要模拟，只是它实现面向对象的方式和主流的流派不太一样，所以才让很多人产生了误会。 那么，随着我们理解的思路继续深入，这些“模拟 ......
原生JS实现一个不固定高度的虚拟列表核心算法
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>不定高度的虚拟列表 ......
js实现文件夹的上传和下载
一、概述 所谓断点续传，其实只是指下载，也就是要从文件已经下载的地方开始继续下载。在以前版本的HTTP协议是不支持断点的，HTTP/1.1开始就支持了。一般断点下载时才用到Range和Content-Range实体头。HTTP协议本身不支持断点上传，需要自己实现。 二、Range 用于请求头中， ......
小程序获取定位完整的封装js（uniapp）
1.小程序获取定位，首先需要在微信公众平台，申请getLocation接口（开发管理->接口设置） 2.在manifest.json打开源码视图，增加代码 "mp-weixin": { "appid": "appid","permission": { "scope.userLocation": { ......
如何支持同一台电脑上使用不同版本的Node.js版本
在我们实际项目开发过程中，经常不同项目使用的node.js版本会也有所不同，为了方便维护不同版本的项目。可以使用nvm来解决。 1、下载nvm https://github.com/coreybutler/nvm-windows/releases 2、执行nvm-setup.exe完成安装3、命令查 ......
JS实现根据数组对象的某一属性排序
一、冒泡排序（先了解冒泡排序机制） 以从小到大排序为例，冒泡排序的原理就是通过两层循环把数组中两两相邻的元素进行比较，是的大的元素放到后边，元素交换位置，从而一步步的交换元素的位置，使得最大的元素放到数组的末尾，这样内部的循环就进行了一轮，再根据外部的循环依次再把次大一点的元素放到数组的末尾，从而实 ......
NodeJS系列（8）- Next.js 框架
Next.js 是一个用于构建 Web 应用程序的框架。Next.js 是一个用于生产环境的 React 框架，是一个 React 服务端渲染应用框架。Next.js 具有同类框架中最佳的 “开发人员体验” 和许多内置功能，它的特点如下： (1) 直观的、 基于页面 的路由系统（并支持 动态路由）； ......
Replace bpmn-js and Let Frontend Developers Become More Familiar with Workflow Business
(背景：发在国外社区的文章，国内博客做份存档) # Preface Seeing this title, some of you may wonder: Isn't bpmn-js the most common frontend solution for workflow systems? Why ......
js replace方法 (字典表匹配替换字符)
常规replace使用 const text1 = 'abcdefg' const text2 = text1.replace('bc','00') // text2 = 'a00defg' 字典表匹配替换 const replacements = { '<': '<', '>': '> ......
js模块导入导出——exports、module.exports、export、export default、的使用和区别
一.简介1.module.exports和exports是commonjs的规范2.export和export default是es6的规范3.require是amd规范引入方式4.import是es6的语法标准二.module.exports和exports的使用 module变量代表当前模块，这 ......
【开源三方库】Aki：一行代码极简体验JS&C++跨语言交互
开源项目 OpenHarmony 是每个人的 OpenHarmony 一、简介 OpenAtom OpenHarmony（以下简称“OpenHarmony”）的前端开发语言是ArkTS，在TypeScript（简称TS）生态基础上做了进一步扩展，继承了TS的所有特性，是JavaScript（简称JS ......
node js 目录操作
一、创建目录 1、语法 以下为创建目录的语法格式： fs.mkdir(path[, options], callback) 2、参数 参数使用说明如下： path - 文件路径。 options 参数可以是： recursive - 是否以递归的方式创建目录，默认为 false。 mode - 设置 ......
web杂记(5)-js(1)
[TOC] # undefined ```javascript let x; undefined typeof x "undefined" let y= 111; typeof y "number" typeof yy "undefined" ``` # null ````javascript le ......