幻灯片 幻灯impress js

Node.js常用库

`json-server`:json数据模拟,使用示例地址:https://blog.csdn.net/m0_62956518/article/details/124366111 `http`、`http-server`:基于node实现的http服务器 ......
常用 Node js

js判断是否处于移动端

应用场景 在uniapp中通过webview嵌入了PC端界面,某些界面方法需要根据处于PC还是uniapp进行不同的处理,此处简单通过界面宽度去判断。 代码示例 const { body } = document const WIDTH = 992 isMobile() { const rect = ......

认识soui4js(第1篇)

源代码:https://github.com/soui4js/soui4js soui4js是soui4+quickjs的结合体。 soui4是一套c++ directui客户端开发框架,soui4js则将soui4的开发语言从C++迁移到了js。 可能有人要问:为什么要使用js来开发? 使用js开 ......
soui4js soui4 soui 4js js

web js 箭头函数的特点与优缺点

1.箭头函数的特点 1. 相比普通函数,箭头函数有更加简洁的语法。 2. 箭头函数不绑定this,会捕获其所在上下文的this,作为自己的this。 3. 箭头函数是匿名函数,不能作为构造函数,不可以使用new命令,否则后抛出错误。 4. 箭头函数不绑定arguments,取而代之用rest参数解决 ......
优缺点 箭头 函数 特点 web

浏览器环境下JS构建xml文本

虽然许多地方 json 替代了 xml,但是仍然有部分领域使用 xml 来描述数据。 可以使用浏览器环境下 js 中 dom 的 API,来快速构建 xml 文本,避免手动拼接字符串。 ```js // 创建 XML 文档对象 let xmlDoc = document.implementation ......
文本 浏览器 环境 xml

使用Node.js搭建的微服务器基本流程

## 前言 使用Node.js搭建的微服务器, 处理注册登录操作的流程详解。主要包括注册,登录两大模块。 ## Node.js项目的搭建 ### 基于Express框架mongodb数据库搭建的Web服务器基本配置 **1. 初始化Node.js项目** `npm init` **2. 项目目录结构 ......
流程 服务器 Node js

Vue基础之表单控制 ,v-model进阶,箭头函数,JS循环

[toc] # 一、表单控制 ## 1.checkbox选中 ```html Title checkbox单选 用户名: 密码: 记住密码: 用户名:{{username}}--–>密码:{{password}}--–> {{remember}} ``` ![image](https://img20 ......
箭头 表单 函数 v-model 基础

validate.js

校验金额 export const validateMoney = (rule, value, callback) => { if (value "") { return callback(new Error("不能为空")); } if (value <= 0) { return callback ......
validate js

js常用方法

深度克隆 function deepClone(source) { // 判断是否数组或对象 if (source.constructor != Array && source.constructor != Object) { return source } const targetObj = so ......
常用 方法

utils.js

加减乘除运算 /** * @description: 加法运算 * @param {*} arg1 * @param {*} arg2 * @param {*} number 展示小数点后位数 * @return {*} */ export function operationAdd(arg1, a ......
utils js

HTML 和JS,PHP混合编程示例 获取点击的td的值

首先在需要获取值的 td 中加入onclick方法 <table class="layui-table"> <thead> <tr> <th>ID</th> <th>用户名</th> <th>真实姓名</th> <th>角色</th> <th>状态</th> <th>添加时间</th> <th>最后 ......
示例 HTML PHP JS

JS中创建对象的几种常见的方式

# 创建对象方式 ```js // 方式1 var obj1 = {"name": "方式1"} // 方式2 var obj2 = {name: "方式2"} // 方式3 var obj3 = new Object({"name": "方式3"}); // 方式4 var obj4 = new ......
对象 常见 方式

JS闭包原理与三方库实现原理

# 一、闭包 原理:外层匿名函数自调用返回其内部作用域某个成员的引用(变量访问权限私有化) 条件: (1)最外层必须要是匿名函数 + 匿名函数自调用 (2)自调用必须返回外层匿名函数作用域中的某个对象(函数/匿名函数/对象)的引用 (3)将这个引用保存到一个全局变量中,对外提供顶层访问入口 作用: ......
闭包 原理 三方

浏览器JS环境与Node.js环境

# 区别 浏览器环境和Node.js环境是两种不同的 JS 代码运行环境,它们在以下几个方面有所区别: 1. 运行平台:`JS浏览器环境` 指的是 JS 代码运行在用户电脑上的 Web浏览器中,而 `Node.js环境` 指的是 JS 代码运行在服务器或本地计算机上。 2. JavaScript A ......
环境 浏览器 Node js

JS中的异步编程

[toc] # 前言 fetch 是用来替代传统的`XMLHttpRequest`的。 fetch 的优点很多,包括链式调用的语法、返回promise等。 # 什么是Promise? 当在开发中需要处理异步操作时,Promise是一个常用的工具。Promise是一个表示异步操作最终完成或失败的对象。 ......

Js中var,let,const的区别总结

[toc] > `因为 let 和 const 是es6的新特性, let 和 const 的出现就是为了解决 var 的各种问题,因此在声明变量时能不用var就不用,强烈建议都用let和const声明变量和常量!` # 区别 1、var 声明的变量属于 `函数作用域`,而 let 和 const ......
const var let

js逆向

# Javascript基础入门 ​ JavaScript, 是一门能够运行在浏览器上的脚本语言. 简称JS. 首先, Javascript这个名字的由来就很有意思, 不少人认为Javascript和Java貌似很像. 容易想象成Java的脚本. 但其实不然, 两者之间没有任何关系. 纯粹是商业碰瓷 ......

js数组对象转树结构

原始数组对象: ``` let arr = [ { id: 1, name: "节点1", parentId: 0 }, { id: 2, name: "节点2", parentId: 1 }, { id: 3, name: "节点3", parentId: 1 }, { id: 4, name: ......
数组 对象 结构

uniapp中js中的闭包使用

问题: 在uniapp里面,使用闭包函数处理的时候,会导致$this不能全局使用。 解决方案: 第一种代码写法(以循环为例): const obj = { a:1, b:2, c:3 } var keys = Object.getOwnPropertyNames(obj) keys.forEach( ......
闭包 uniapp

node.js安装及环境配置教程【Windows系统安装包方式】

一、下载安装包: https://nodejs.org/zh-cn/download/ 注:根据自己电脑系统及位数选择,我的电脑是Windows系统、64位、想下载稳定版的.msi(LTS为长期稳定版)这里选择windows64位.msi格式安装包。 .msi和.zip格式区别: .msi是Wind ......
Windows 方式 环境 教程 系统

babylon.js 学习笔记(9)

继续学习sprite用法,做为一个游戏引擎,怎能没有Sprite(精灵),下面是基本示例: const createScene = function () { const scene = new BABYLON.Scene(engine); const camera = new BABYLON.Ar ......
babylon 笔记 js

js实现 禁用浏览器后退

1 history.pushState(null, null, document.URL); 2 window.addEventListener('popstate', function () { 3 history.pushState(null, null, document.URL); 4 }) ......
浏览器

babylon.js 学习笔记(8)

接上回继续,现在的村庄已经有点象样了,但是远处的背景仍比较单调(如下图),今天来学习如何处理天空背景。 babylon.js中,把整个空间假象成一个巨大的立方体(称为SkyBox),然后依次给立方体的6个面,贴上天空的背景图(如下图) 在代码中只要指定这6张图的rootUrl即可,babylon.j ......
babylon 笔记 js

打字动画 Typed.js

## 概述 Typed.js 是一个 JavaScript 库,用于在网页上创建打字动画效果。它使您能够模拟打字机或逐字显示文本的效果,从而为用户提供逐渐展示文本的视觉体验。 Typed.js 提供了丰富的选项和配置,可以自定义打字动画的速度、暂停时间、删除效果等。您可以使用 HTML 元素或 Ja ......
动画 Typed js

Vue.js 状态管理库 Pinia

## 概述 Pinia 是一个用于 Vue.js 应用程序的状态管理库。它是由 Vue Storefront 团队开发的,旨在提供简单、可扩展且高效的状态管理解决方案。 Pinia 基于 Vue 3 的新响应式系统,并通过使用 TypeScript 提供了强类型支持。它提供了一个类似于 Vuex 的 ......
状态 Pinia Vue js

模板引擎 Handlebars.js

## 概述 Handlebars.js 是一个简单而强大的 JavaScript 模板引擎。它允许开发者通过定义模板和数据来生成动态的 HTML 页面。 Handlebars.js 基于 Mustache 模板语法,它提供了一些扩展和增强功能。并且开发者可以创建可重用的模板,并通过将数据传递给模板来 ......
Handlebars 模板 引擎 js

使用 Node.js 连接 MySQL

## 概述 当使用 Node.js 开发 Web 应用程序时,经常需要与数据库进行交互来存储和检索数据。[MySQL](后端/MySQL.md) 是一个流行的关系型数据库管理系统,它提供了强大的功能和性能。本文将介绍如何使用Node.js连接MySQL数据库,并展示一些常见的操作示例。 ## 开始 ......
MySQL Node js

demo阐述js中let和var 的不同

当我们使用 var 和 let 来声明变量时,它们在作用域和变量提升方面的差异会产生一些不同的结果。下面是一个示例来说明这些差异。 ``` // 使用 var 声明变量 function varExample() { console.log(x); // 输出 undefined var x = 1 ......
demo let var

面试题:如何理解 JS的异步?

JS是一门单线程的语言,这是因为它运行在浏览器的渲染主线程中,而渲染主线程只有一个而渲染主线程承担着诸多的工作,渲染页面、执行 JS 都在其中运行。如果使用同步的方式,就极有可能导致主线程产生阻塞,从而导致消息队列中的很多其他任务无法得到执行。这样一来,一方面会导致繁忙的主线程白白的消耗时间,另一方 ......

时间戳转化“刚刚”、“几小时前”、“几天前”、“几周前”等形式的js代码片段

代码片段(可用于vue过滤器) function getTimeStr(timestamp) { const now = new Date(); const date = new Date(timestamp); const diff = (now - date) / 1000; // 毫秒转换为秒 ......
片段 形式 小时 代码 时间