foreach js
前端用crypto-js来进行加密，php使用openssl_encrypt来进行解密
项目有个需求，需要对前端提交的密码进行加密传输，防止请求被拦截导致密码的泄露。 1、考虑到性能问题，不好太过的占用浏览器资源，我就直接采用了对称加密的方式（aes）来进行处理； 2、首先来看看前端加密的情况，我采用的是crypto-js来进行加密的，附上链接https://cdnjs.cloudfl ......
SHA-256 简介及 C# 和 js 实现【加密知多少系列】
〇、简介 SHA-256 是 SHA-2 下细分出的一种算法。截止目前（2023-03）未出现“碰撞”案例，被视为是绝对安全的加密算法之一。 SHA-2（安全散列算法 2：Secure Hash Algorithm 2）是一种密码散列函数算法标准，由美国国家安全局 2001 年发布，属于 SHA 算 ......
js 划词查询
1 <html> 2 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>划词搜索</title> 6 <style> 7 .ttb-box { 8 display: no ......
CSS in JS (JSS)
JSS 是什么 简单来说，一句话概括CSS in JS (JSS)，就是"行内样式"（inline style）和"行内脚本"（inline script）。 因为，自从React出现以后，基于组件化的要求，强制把HTML、CSS、JavaScript捆绑在一起，在同一个文件里面，封装了结构、样式、 ......
在js、vue中使用方法调用a标签
<el-button type="primary" style="width:130px" @click="shout"> <a :href="跳转页面地址" style="color:#fff" id="test">超链接</a> </el-button> methods: { shout() { ......
JS取出两个数组中的不同或相同元素（简易方法）
一、使用 concat 和 filter 取出不同的元素（取出两个数组的不同元素==>既在arr1又在arr2） var arr1 = [0,1,2,3,4,5]; var arr2 = [0,4,6,1,3,9]; function getArrDifference(arr1, arr2) { r ......
Unknown custom element: <el-tabs> - did you register the component correctly? For recursive components, make sure to vue.runtime.esm.js?c320:619provide the "name" option.
mad 从官网上扒下来的 一模一样就是一直报错 然后一直百度 百度上的答案五花八门 没一个有用的 草！！！！！ 这个原因就是你没有在项目中引入element-ui 所以你用它的组件会报错 第一步 npm i element-ui -S 第二步 在main.js里面加入 import ElementU ......
Linux 下安装 node.js
这里介绍两种安装方式：编译安装和使用编译后的安装包安装。 https://nodejs.org/dist 安装目录：/usr/local 一、使用编译安装包安装 1、进入安装目录： cd /usr/local 2、下载安装包： wget https://nodejs.org/download/rel ......
直播平台搭建，JS实现页面下拉加载数据操作
直播平台搭建，JS实现页面下拉加载数据操作 前端页面代码如下，我用的PHP，HTML页面应该就行，主要是在id="ph"的div内加载数据： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.o ......
JS之BOM、DOM
https://www.cnblogs.com/12345huangchun/p/10171146.html 一、BOM对象 1，window对象 所有浏览器都支持window对象，从概念上讲：一个HTML文档对应一个window对象，从功能上讲：控制浏览器窗口的，从使用上讲：window对象不需要 ......
ERROR Failed to compile with 541 errors 11:27:44 These dependencies were not found: * core-js/modules/es.array.concat.js in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./
ERROR Failed to compile with 541 errors 11:27:44 These dependencies were not found: * core-js/modules/es.array.concat.js in ./node_modules/cache-loade ......
HTML里JS代码的所处位置
需要注意的是，HTML代码是自上到下加载的。掌握了这条便可以据此判断JS代码应该处于哪里。 JS代码可以位于<head></head>之间，使得JS脚本提前加载； JS代码也可以位于<body></body>之间，以免一些需要给HTML代码赋值的JS代码在HTML代码还未加载出来时便提前加载了而出现 ......
Node.js编写报时器，精度高、性能高
Node.js编写的报时器，精度高、性能高 // Function to print the current time every minute on the 0th second and with millisecond precision function printTime(interval, ......
js - 稀释、防抖、节流 - 概念关系
1.防抖 期望： 同一时间或者同一时间前后指定范围内【如1秒内】如果没有更多的操作，多次调一个函数时，希望只调一次函数 实现： 使用定时器，指定时间内更新定时器计时时长，直到为0时调一次函数 2.节流 期望： 固定时间间隔内，多次调一个函数时，希望只调一次函数 实现： 使用定时器，设定固定间隔值，每 ......
js实现复制功能
可以使用以下代码实现复制功能： 1 function copyText() { 2 var copyText = document.getElementById("myText"); 3 copyText.select(); 4 document.execCommand("copy"); 5 ale ......
网页端输入代码执行HTML/CSS/JS
HTML代码 <textarea name="textarea" cols="60" rows="10" id="runJS"> 这里可以运行</textarea> <input onclick="runCSS('runJS')" type="button" value="运行代码" style=" ......
23.3.20-23.3.26 js学习
堆栈空间分配 1.栈：简单数据类型放到栈里 2.堆：引用数据类型存放到堆里（在栈里放一个地址，指向堆） const对于数组和对象 //错误写法 const names=[] names=[1,2,3] const obj={} obj={ uname:'a' } //正确写法 const name= ......
node.js 学习笔记
阶段一 1 初始Node.js javascript 运行环境 1.2 Node.js中的javacript 运行环境 1.3 Node.js环境安装 百度 1.4 node.js 执行javaScript 代码 2 fs文件系统模块 2.1 fs文件系统模块概念 导入文件系统模块： const f ......
js 让颜色变深或变浅，返回新的色值
需求：在实际开发中，如果我们想动态的将颜色变深或变浅，但是用rgba这种带透明度的话，碰到定位的样式，则内容会重叠显示，所以有没有一种方法可以直接改变他的色值而不是用透明度 思路：通过访阅大量方法后，得知一种hsl色彩模式，更加符合我们的要求，hsl一种更以人们理解的色彩模式 废话不说上代码，直接运 ......
js刷题时ACM模式
一、前言 在牛客网用JavaScript做前端编程题，真的是无力吐槽了，写一个输入输出折腾了我半天，在此记录一下，如何使用JavaScript编程语言在牛客网这种平台写输入输出相关的代码 二、常见方式 2.1 JavaScript(Node 6.11.4)——稍微复杂点 参考：https://blo ......
JS存储
Storage localStorage 永久性的存储方法 属性 length 方法 Storage.key(index): 返回存储中的第n个key名称 Storage.getItem(key) Storage.setItem(key,value) Storage.removeItem(key) ......
JS对象
声明对象方式 对象字面量 var obj1={ name:'xx', age:88, } new Object() var obj2 = new Object() obj2.name='xx' new 自定义类 function Person(){} var obj3 = new Person() ......
JS高级
this指向分析 指向 直接调用，指向window 通过对象调用，指向对象 call/apply 总结：跟位置无关，跟调用方式有关。只有在执行的时候this指向才会被确定 绑定规则： 默认绑定 // 独立函数调用，this指向window function foo(){ console.log(th ......
JS函数
斐波那契数列 // 数列：1 1 2 3 5 8... function fibonacci(n) { if (n 1 || n 2) { return 1 } return fibonacci(n - 1) + fibonacci(n - 2) } console.log(fibonacci(6) ......
JS内置类型
原始类型调用方法 原始类型是简单的值，默认不能调用属性和方法，javascript为了可以使其可以获取属性和调用方法，对其封装了对应的包装类型。 String Number Boolean Symbol BigInt 包装类型的使用过程 根据原始值，创建一个原始类型对应的包装类型对象 调用对应的属性 ......
JS异步代码
Promise const promise = new Promise((resolve,reject)=>{ // 立即执行 // 成功返回resolve()， // 失败返回reject() }) promise.then(()=>{ console.log('成功调用') }).catch(( ......
JS手写
apply function myApply(obj,args){ /* 1. this指向调用者 2. 使用隐式绑定 obj.fn = this 3. obj.fn() 4. 调用完以后删除fn */ // 确保obj是一个对象 obj = (obj null || obj undefined) ......
JS事件
事件处理三种方案 元素上 el.onclick window.addEventListener(fn) 事件流 事件冒泡：默认情况下事件是从最内层往外传递的顺序，这个顺序就称为事件冒泡 事件捕获：从外层到内层，称为事件捕获。 事件流都监听 捕获阶段：1 目标阶段：2 冒泡阶段：3 /* eventP ......