
JavaScript
JavaScript
臧小川
我很酷 你想跟我一样酷吗 关注我吧
展开
-
大整数相加
const getMonth = () =>{ var dataArr = []; var data = new Date(); var year = data.getFullYear(); data.setMonth(data.getMonth() + 1, 1); //获取到当前月份,设置月份 for (var i = 0; i < 12; i++) { data.setMonth(data.getMonth() - 1); //每次循环原创 2023-03-13 16:53:18 · 121 阅读 · 0 评论 -
获取最近一年十二月份的月份
const getMonth = () =>{ var dataArr = []; var data = new Date(); var year = data.getFullYear(); data.setMonth(data.getMonth() + 1, 1); //获取到当前月份,设置月份 for (var i = 0; i < 12; i++) { data.setMonth(data.getMonth() - 1); //每次循环原创 2023-02-22 18:05:33 · 273 阅读 · 0 评论 -
判断是否相等 hasChanged
function hasChanged (x, y){ if (x === y) { return x === 0 && 1 / x !== 1 / y } else { return x === x || y === y }}原创 2022-09-14 16:03:06 · 190 阅读 · 0 评论 -
Cookie、Session、Token三者的区别
cookie session token 的区别原创 2022-07-20 15:06:22 · 146 阅读 · 0 评论 -
检测学员切屏案例
下面将对document事件visibilitychange及两个属性hidden和visibilityState的特性及应用做简单介绍与记录。hidden和visibilieyState属性hidden与visibilityState均为document的只读属性。其中document.hidden的值是一个布尔值,表示标签页的显示或隐藏。而document.visibilityState相对详细一些,目前有四个可能的值:visibble:页面部分内容可见。意味着该标签页是一个非最小化的可见标原创 2022-03-02 14:08:13 · 562 阅读 · 0 评论 -
多个数组返回随机数据
效果图JSimport React, { useEffect } from 'react';import styles from './style.less'const contentStyle = { fontSize: '20px', position: 'relative', width: '230px', height: '100px', overflow: 'hidden', display: 'flex', flexDirect原创 2022-02-16 13:59:19 · 158 阅读 · 0 评论 -
判断对象属性 增加key:value
let arms = '弓箭'let arms2 = '平底锅'let arms3 = '板砖'let data = [ { height: 148.9, name: '羽神', money: 250, }, { height: 159, name: '少主', money: 189, }, { height: 188, name: '原创 2021-12-13 14:36:49 · 192 阅读 · 0 评论 -
a标签href里#与javascript:;的区别
标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScript 代码段。这里的href=“javascript:;”,其中javascript:是伪协议,它可以让我们通过一个链接来调用javascript函数.而采用这个方式 javascript:;可以实现标签的点击事件运行时,如果页面内容很多,有滚动条时,页面不会乱跳,用户体验更好。javascript:是表示在触发默认动作时,执行一段JavaScript代码,而原创 2021-12-11 01:18:58 · 1221 阅读 · 0 评论 -
js数字千分位
let num = 131415926.24function formatNum (num){ //一位或三位数字,后边是 有三位数组一组的(1个或多个), 然后匹配结束或者. ,?=,?:参与格式匹配,不参与结果匹配,$1为 (\d{1,3})的匹配结果 return String(num).replace(/(\d{1,3})(?=(\d{3})+(?:$|\.))/g, '$1,');}console.log(formatNum(num));...原创 2021-12-12 12:29:23 · 631 阅读 · 0 评论 -
js 将一个数组分成若干个数组并且返回新数组
let colors = ['pink', 'red', 'yellow', 'Orange', 'purple', 'black', 'green', 'greenBlue', 'blue', 'Rose']方法1function group (array, subGroupLength){ let index = 0; let newArray = []; while (index < array.length) { newArray.pus原创 2021-12-10 11:11:09 · 1012 阅读 · 0 评论 -
遍历接口数据 展示可视化图表
效果图dashboard('EnergyConsumptionTrend', xData, yData) 发给 echarts let xData = [] // time let yData = [] // 数据 let ActualValue = { name: '实际值', type: 'line', stack: 'Total', data:原创 2021-12-01 11:25:28 · 307 阅读 · 0 评论 -
动态获取 js 数组长度的平均值
node 中输出或许不同let num = 100const obj = {}let arr = ['pink', 'red', 'yellow', 'purple', 'orange', 'blue']for (let i = 0; i < arr.length; i++){ const element = (num / arr.length) * Number(i) + 1 obj[element] = ''}console.log(obj);let num .原创 2021-11-28 18:57:23 · 456 阅读 · 0 评论 -
JS 添加属性的两种方式
let a = [ { name: '羽神' }, { name: '少主' }, { name: '刘备' }, { name: '关于' }]for (const key in a){ a[key].color = "pink"}console.log(a);let list = []a.map((item, index) =>{ list.push( Object.assign({}, item, {原创 2021-11-26 22:58:56 · 2536 阅读 · 0 评论 -
MongoDB 安装(超多图)
下载链接下载社区服务器点击Next同意协议点击Custom 然后 Next切换路径 没有撞到C盘速度就快那么一说NextNextinstall原创 2021-11-16 15:54:22 · 675 阅读 · 0 评论 -
js 防抖函数
防抖函数之前防抖函数之后import React, { useEffect } from 'react';export default index =>{ useEffect(() => { window.addEventListener('resize', debounce(function () { console.log('屏幕调整大小'); }, 1000)) }) fun原创 2021-11-08 11:20:06 · 141 阅读 · 0 评论 -
VsCode系统配置
{ "javascript.format.placeOpenBraceOnNewLineForFunctions": true, // 定义函数的左大括号是否放置在新的一行。 "javascript.format.placeOpenBraceOnNewLineForControlBlocks": true, // 定义控制块的左括号是否放置在新的一行。 "editor.tabSize": 4, // 首行缩进2 "vetur.format.options.tabSize":原创 2021-11-03 17:20:17 · 256 阅读 · 0 评论 -
小于10补0的两种方式
判断是否大于0var date = new Date();console.log(date.getHours()); // 小时console.log(date.getMinutes()); // 分钟console.log(date.getSeconds()); // 秒// 要求封装一个函数返回当前的时分秒 格式09:09:09function getTime () { var time = new Date(); var h = time.getHours();原创 2021-11-03 11:29:11 · 992 阅读 · 0 评论 -
http与websocket
http与websocketHTTP 是一个在计算机世界里专门在两点之间传输文字、图片、音频、视频等超文本数据的约定和规范WebSocket是HTML5出的东西(协议),也就是说HTTP协议没有变化,或者说没关系,但HTTP是不支持持久连接的首先HTTP有 1.1 和 1.0 之说,也就是所谓的 keep-alive ,把多个HTTP请求合并为一个,但是 Websocket 其实是一个新协议,跟HTTP协议基本没有关系,只是为了兼容现有浏览器的握手规范而已有交集,但是并不是全部。另外Html5是指原创 2021-09-18 11:58:51 · 467 阅读 · 1 评论 -
闭包解决全局污染
let count = 0 // 全局会造成污染function demo () { count++; console.log(count);}demo()demo()let demo1 = (() => { // 闭包确实可以解决污染的问题 let count = 3 return () => { count++; console.log(count); }})()demo1()...原创 2021-09-16 17:43:20 · 710 阅读 · 0 评论 -
js中的函数一等公民
一种数据类型参数、返回值函数太灵活了, 无所不能一般情况下 把函数作为参数 目的就是为了获取函数内部的异步操作结果JavaScript 单线程、事件循环最基础的使用function add1 (x, y) { return x + y}console.log(add1(1, 3));setInterval(function () { console.log('hello')}, 1000)注意: 凡是需要得到一个函数异步操作的结果 setTimeout redFil原创 2021-09-16 17:39:38 · 243 阅读 · 0 评论 -
JS中文转UTF-8
function EncodeUtf8(s1) { var s = escape(s1); var sa = s.split("%"); var retV = ""; if (sa[0] != "") { retV = sa[0]; } for (var i = 1; i < sa.length; i++) { if (sa[i].substring(0, 1) == "u") { .原创 2021-09-13 16:46:41 · 3831 阅读 · 0 评论 -
修改对象属性名的两种方法
每天都能遇到奇奇怪怪的问题哈修改前的数据 let HouChen = [ { name: '羽神', 年龄: 13, sex: '女', userList: [{ id: 1, Z_name: '钢铁侠' }] }, { name: '少主', 年龄: 14, sex: '女', userList: [{ id: 2, Z_name: '蜘蛛侠' }] }, { name: '刘备', 年龄: 15, sex: '女', userList: [{ id: 3, Z.原创 2021-09-02 13:01:13 · 7305 阅读 · 0 评论 -
写一个函数 实现对数字数组的排序
function sequence (a) { //排序大小 var i = j = t = 0; for (i = 0; i < a.length; i++) { for (j = 0; j < a.length; j++) { if (a[i] > a[j]) {// 相邻元素两两对比 t = a[i]; a[i] = a[j]; a[j] = t; } console.log('i:'原创 2021-10-08 18:19:18 · 2475 阅读 · 0 评论 -
JavaScript-微任务与宏任务
JavaScript的任务分为微任务(Microtasks)和宏任务(task);宏任务是主流,当js开始被执行的时候,就是开启一个宏任务,在宏任务中执行一条一条的指令; 宏任务可以同时有多个,但会按顺序一个一个执行;每一个宏任务,后面都可以跟一个微任务队列,如果微任务队列中有指令或方法,那么就会执行;如果没有,则开始执行下一个宏任务,直到所有的宏任务执行完为止,微任务相当于宏任务的小尾巴;为什么有了宏任务,还会有微任务存在?因为宏任务太占用性能,当需要一些较早就准备好的方法,排在最后才执行的时候,原创 2021-09-24 10:43:42 · 195 阅读 · 0 评论 -
如何让Js代码只执行一次
let isShow = truefunction execution () { if (isShow) { console.log('如果我是DJ 你还爱我吗'); isShow = !isShow }}execution() // 如果我是DJ 你还爱我吗execution() // 什么都不打印原创 2021-09-29 14:32:19 · 3953 阅读 · 0 评论