浮点js
decimal.js加减乘除运算 速记
const a = 9.99; const b = 8.03; // 加法 let c = new Decimal(a).add(new Decimal(b)) // 减法 let d = new Decimal(a).sub(new Decimal(b)) // 乘法 let e = new De ......
Node.js .env file All In One
Node.js .env file All In One import process from 'node:process'; // const process = require('node:process'); import { env } from 'node:process'; env.f ......
大屏屏幕自适应大小的JS写法
本项目用的是vue开发，首先需要定义一下根节点app节点的大小，这里用1920的默认宽度定义 <style> #app { width: 1920px; margin: 0 auto; transform: scale(1); transform-origin: 0 0; } </style> js ......
Js基础-循环语句
循环语句在js当中主要用于重复做一件事情。 js当中最主要的循环语句有三种，for循环，while循环和do-while循环 for for 是一种经常被用到的循环结构 例如：控制台循环打印1到10 的数字 // for 括号后跟着 三个表达式， 三个表达式用 分号(;) 隔开 // var i = ......
js时间排序；js时间倒序排序，没有此属性的放最后
需求：设备列表，按最近连接时间字段-倒序排序，最近连接的放最前面，没有最近连接时间字段的放最后面 数据格式如下： 实现代码如下：（o2在前，o1在后为倒序排序；正序排序则反之） 若为简单常见的创建时间排序，可直接如下：（o2在前，o1在后为倒序排序；正序排序则反之） ......
【源码】Vue.js 官方脚手架 create-vue 是怎么实现的？
最近系统学习了vue.js 的官方脚手架create-vue的源码，深入分析了里面的技术实现细节，本文是我整理的源码学习文章。 ......
前端科普系列-Node.js:换个角度看世界
前端科普系列-Node.js:换个角度看世界 无名之辈 一个有代码洁癖的前端小开发，热爱生活，追求极致 关注他 55 人赞同了该文章 摘要 本系列文章旨在帮助学习者了解前端，主要覆盖前端的基础知识，但不深入讲解，定位为大而全并非细而精，适合非前端开发的同学对前端有一个系统的认识，能更好的与前端开发 ......
canvas+js接金币小游戏
忙里偷闲，让UI小伙伴帮忙搞了几个图片元素，利用飞机大战代码进行修改，做个接金币小游戏～ var canvas = document.getElementById("canvas"); var context = canvas.getContext("2d"); var imgWidth = win ......
【JS】数组扁平化
递归和非递归版本 const arr = [ 123, 2, [ 2,3,4 ,[ 345, 34, [ 34,34,34 ] ] ] ] const flatten = (arr) => { return arr.reduce((acc, val) => Array.isArray(val) ? ......
【JS】手写Promise基本功能
https://github.com/zjy4fun/notes/tree/main/demos/js-promise 三个状态，两个回调队列，then 的时候针对不同状态进行处理 class MyPromise{ constructor(executor) { this.state = 'pend ......
UniApp是一款基于Vue.js开发框架的多端应用开发工具
UniApp是一款基于Vue.js开发框架的多端应用开发工具，它的目标是使开发者能在一次编写的代码基础上同时在多个平台上运行，包括iOS、Android、H5、小程序等。UniApp的出现极大地提升了开发效率和用户体验，下面通过一个具体的案例来介绍UniApp的强大功能。 以某家锁具品牌“”为例，月 ......
【JS】实现 instanceOf
https://github.com/zjy4fun/notes/tree/main/demos/js-instanceof 原型就是一个对象，instanceof 就是检查构造函数的原型是否在对象的原型链上 function myInstanceOf(obj, constructorFn) { c ......
【JS】实现new操作符
https://github.com/zjy4fun/notes/tree/main/demos/js-new const myNew = (constructorFn, ...args) => { const obj = Object.create(constructorFn.prototype) ......
js详细讲解放大镜的实现
实现放大镜的整体思路 1.当鼠标放在图片上的时候,出现蒙层。 2.出现蒙层，让鼠标在蒙层中心 3.限制蒙层移动的范围 4.放大镜移动 最终实现的效果 鼠标放上去的时候,出现一个蒙层。 蒙层的移动范围只能在图片里，不能超出范围。 移动蒙层时，右侧会出现图片的放大部分。 移除图片的范围，放大镜消失。 鼠 ......
js脚本加载失败重试
背景 当我们在运行某一个项目时，它的某些JavaScript脚本可能加载不出来，报错。 像现在单页界面应用基本上都是通过js来构建，一旦加载不出，这个项目就不能运行了，那怎么办？我们如何解决这个问题？ 解决方案 这里采用的方案是，重新加载JavaScript脚本。那么什么时候去重新加载js，如何重新 ......
pixi.js 的头像制作功能【函数】
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="htt ......
Node.js+Express+Koa2开发接口学习笔记(二)
搭建开发环境 从0开始搭建，不适用任何框架 使用nodemon监测文件变化，自动重启node 使用cross-env设置环境变量，兼容max linux和windows 创建项目文件夹blog-1，在终端输入命令 npm init -y 在根目录下创建bin => www.js文件，将初次运行的文件 ......
Vue.js 官方脚手架 create-vue 是怎么实现的？
Vue.js 官方脚手架 create-vue 是怎么实现的？ 摘要 本文共分为四个部分，系统解析了vue.js 官方脚手架 create-vue 的实现细节。 第一部分主要是一些准备工作，如源码下载、项目组织结构分析、依赖分析、功能点分析等； 第二部分分析了 create-vue 脚手架是如何执行 ......
=_=_=js复习
// 数组 浅拷贝 let arr = [7, 2, 3] let cparr = []; arr.forEach((v, index) => { cparr[index] = v }) cparr[1] = 12 console.log(cparr, arr); let cparr2 = arr. ......
【JS】并发请求调度器实现演示
控制多个请求的并发度，演示请求的过程和用时结果 demo: https://scheduler-smoky.vercel.app/ github: https://github.com/zjy4fun/scheduler <script setup lang="ts"> import { ref } ......
Node.js+Express+Koa2开发接口学习笔记（一）
http请求概述 浏览器输入一个地址后，进行DNS解析（通过域名查找对应的IP地址），与server建立TCP连接(进行三次握手)，发送http请求 server接收到http请求，处理，并返回 客户端(这里指浏览器)接收到返回数据，处理数据(如渲染页面，执行js) 客户端与服务器的三次握手大致可以 ......
js json用法 转json字符串 json对象（ 重点看最后）
js json:JSON.parse() //转为json对象。JSON.stringify() //转为JSON字符串。 举例： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>js json举例</title> </head ......
【js】【统计次数】静态页面访问次数 js页面请求次数统计
效果： 源码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>静态页面访问量统计</title> </head> <body> <script type="text/javascript"> var pg ......
vue.js:响应式布局(vue@3.3.4)
一，代码： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 ......
JS基础-分支语句
分支语句是流程控制语句当中的一种 可以简单理解为是一种控制条件， 当达到某个条件时，执行相应的代码 IF IF多条件分支 例如：当 变量 a > b 时， 则执行 语句块1 ， 如果 a 等于 b 时，则执行语句块2 ；最后，如果 a > b 时，则执行语句块3 if else 语句当中的语句块一般 ......
JS 判断数组维度，一维数组还是多维数组
JS 判断数组维度，一维数组还是多维数组 ## 需求 > 想要判断数组的维度，是一维数组还是多维数组 ## 分析 ```js function multiarr(arr){ let a = 1; for (let i = 0;i 将所要判断的数组传到 function 中，输出即是当前数组的维度 ......
[FAQ] edge debug栏的网络里 没有见到 All Fetch/XHR JS CSS 这些东西
一种方式是 打开调试器的设置，重置默认并刷新即可。 另一种方式是把这个 “筛选” 点掉。 Tool：揭开网站所用的技术 Link：https://www.cnblogs.com/farwish/p/17687523.html ......
Eclipse build js卡死 Eclipse 编译太卡，耗时太长解决
Eclipse build js卡死 Eclipse 编译太卡，耗时太长解决 问题描述：编译停止在js编译中，原来是js的问题 1、首选项-javaScript-Validator-Errors/Warning 里面的 Enable javaScript semantic valudation已经关 ......
2023年最流行的13个Node.js库
2023年最流行的13个Node.js库 Haiyuan Kwong 一身多职。奶爸，博主，产品经理，SEOer……。 关注他 14 人赞同了该文章 Node.js已经成为许多从事网络应用的开发者的首选运行环境。Node.js是为运行用世界上最流行的编程语言之一的JavaScript编写的代码而构 ......