框架nodejs next js
js自定义事件
//点击列表跳转到详情页面function newpage (){ //ul列表中的每个li var listpage = document.getElementById('listpage') var lis = listpage.getElementsByTagName('li') //遍历每一 ......
js常考的面试题重新整理
// call Function.prototype.mycall = function(context) { // 1. 将传递给mycall的第一个参数作为函数内部的上下文，如果没有传递参数，则默认为全局对象window。 context = context || window; // 2. 在 ......
Spring 框架中用到了哪些设计模式
单例，spring的bean的scope默认就是单例 工厂，例如beanfactory,ApplicationContext创建对象 代理，aop使用了代理 模板，以xxxtemplate结尾的都是用到了模板模式，例如jdbc,redis,rabbit~ 剩下的 包装器设计模式 观察者模式 适配器模 ......
js 大屏屏幕适配方案，同样适用Vue
vue项目写在 index.html文件下 以1920*1080为基准的屏幕做适配，在网上找的方案在全屏于非全屏时，效果会有一点点差距，所以对代码进行了改进。 如果网页不是全屏则需要加上任务栏高度、工具栏高度进行计算缩进。 我的项目是数据大屏项目一般都是全屏看，所以非全屏时会存在滚动条，并不是bug ......
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 ......
IDEA2023.2以上版本没有“添加框架支持”（Add Framework Support）选项解决办法
问题： IDEA升级2023.2以上版本后，想创建JavaWeb项目，无法在“新建项目”后，通过鼠标右键“添加框架支持”（Add Framework Support）的方式添加Web支持。 解决办法： 选中模块，双击shift（或“帮助”菜单-->查找），选择操作，中文版搜索“添加框架支持”，英文版 ......
SSM框架——详细整合教程（Spring+SpringMVC+MyBatis）
1、基本概念 1.1、Spring Spring是一个开源框架，Spring是于2003 年兴起的一个轻量级的Java 开发框架，由Rod Johnson 在其著作Expert One-On-One J2EE Development and Design中阐述的部分理念和原型衍生而来。它是为了解 ......
大屏屏幕自适应大小的JS写法
本项目用的是vue开发，首先需要定义一下根节点app节点的大小，这里用1920的默认宽度定义 <style> #app { width: 1920px; margin: 0 auto; transform: scale(1); transform-origin: 0 0; } </style> js ......
[框架设计之道（二）]设备、任务设置及业务流程
目录 说明 此文档是开发中对设备设置项的管理。因为硬件在使用的过程中涉及大量设置项，因此需要单独开一篇文档说明设备的设置和任务的设置。 一、设备设置 1.基础接口 /// /// 配置文件管理模块 /// class TSG_ConfigHelper : public TSG_Framework { ......
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 ......
nodejs的安装和环境配置
安装nodejs Windows下载安装包 下载地址 ：https://nodejs.org/zh-cn/download 安装nodejs软件 本次安装在D盘，路径 D:\Program Files\nodejs 新建全局路径和缓存路径 在nodejs的安装目录下，新建node_global和no ......
最接地气的.NET微服务框架
前言： “人必有所执，方能有所成”，从2018年底我就开始规划要写一个.NET微服务框架，5年了，今天终于正式发布了。 正文： Wing 致力于打造一个功能强大、最接地气的.NET微服务框架，支持.NET Core 3.1+运行平台。支持Consul服务注册与发现，服务间通讯支持http和grpc调 ......
【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的强大功能。 以某家锁具品牌“”为例，月 ......
cnpm : 无法加载文件 C:\Program Files\nodejs\node_global\cnpm.ps1
在win10上运行cnpm命令时出现: cnpm : 无法加载文件 C:\Program Files\nodejs\node_global\cnpm.ps1，因为在此系统上禁止运行脚本。解决办法记录如下: 在powershell中执行 Start-Process powershell -Verb r ......
【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文件，将初次运行的文件 ......
Leetcode刷题本地debug框架搭建
思路 1. 初版 cmake + 单一.cpp文件 参考：https://blog.songjiahao.com/archives/362 2. 改良版 cmake + 源文件、头文件（含List、Tree等数据结构）分离 + gtest 参考：https://github.com/Pokerpok ......
Vue.js 官方脚手架 create-vue 是怎么实现的？
Vue.js 官方脚手架 create-vue 是怎么实现的？ 摘要 本文共分为四个部分，系统解析了vue.js 官方脚手架 create-vue 的实现细节。 第一部分主要是一些准备工作，如源码下载、项目组织结构分析、依赖分析、功能点分析等； 第二部分分析了 create-vue 脚手架是如何执行 ......