轻量 轻量级javascript趣味
【五】JavaScript之运算符
# 【五】JavaScript之运算符 ## 【1】算术运算符 | 运算符 | 描述 | | | | | + | 加法 | | - | 减法 | | * | 乘法 | | / | 除法 | | % | 取模/求余数 | | ** | 幂运算 | ```html Title = 计算 ``` ## 【 ......
web开发基础笔录（5）-Javascript（1）
[TOC] # 概述 JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式 ......
初学者：8个JavaScript技巧
有很多方法可以优化我们的 JavaScript 代码，本文总结了我在工作中经常使用的 8 个 JavaScript 技巧，希望它也能帮助你。 ### 减少使用 if-else 在编写两个以上的 if ... else 时，是否有更好的优化方法? 如下代码，我们需要根据一个汉堡包的名字来计算它的价格。 ......
15 个必须了解的 Javascript 数组方法
数组是任何编程语言的重要组成部分，JavaScript 也不例外。使用数组，开发人员可以存储和操作数据集合，包括字符串、数字甚至对象。 在本文中，我们将介绍每个人都应该知道的 15 个必须知道的 JavaScript 数组方法。 01、Push() 将一个或多个元素添加到数组末尾 Push() 方法 ......
JavaScript（四）面向对象
创建对象 prototype对象 JavaScript对每个创建的对象都会设置一个原型，指向它的原型对象。 当我们用obj.xxx访问一个对象的属性时，JavaScript引擎先在当前对象上查找该属性，如果没有找到，就到其原型对象上找，如果还没有找到，就一直上溯到Object.prototype对象 ......
JavaScript（三）Array的高阶函数
map、reduce map：map()方法定义在JavaScript的Array中，接收一个函数对象作为参数，函数定义运算规则，对array中的每个元素进行运算，结果是一个新的array。 function pow(x) { return x * x; } var arr = [1, 2, 3, ......
JavaScript（二）函数
函数定义 函数也存在提升，与变量提升相同 函数声明 function func_name(param1,param2){ ...; return {};} 声明不定长参数，使用... function foo(a, b, ...args) { console.log('a = ' + a); con ......
JavaScript（一）基础
JS引入到文件 嵌入到html文件中，在<header> 或 <body> 中使用<script> <script> var i = 10; console.log(i);</script> 引入JS文件，在<header> 或 <body> 中使用<script> <script src="./i ......
JavaScript 中 object 的几个方法：entries，values，keys 对比
在JavaScript中，对象（Object）是一种无序的键值对集合。以下是entries，values和keys这三个对象方法的比较： entries()方法：返回一个包含对象的键值对的数组。每个键值对都是一个数组，包含两个元素，第一个元素是键名，第二个元素是对应的值。 1 const obj = ......
memos：一个轻量级的、自托管的备忘录中心。
一条docker命令，按照memos docker run -d --name memos -p 5230:5230 -v ~/.memos/:/var/opt/memos ghcr.io/usememos/memos:latest ~/.memos/目录将用作本地机器上的数据目录，而/var/op ......
HTML+CSS+JavaScript基础
1、HTML(Hypertext Markup Language，超文本标记语言), 用来向浏览器说明内容的结构、 2、DOM(Document Object Model, 文档对象模型)指的是HTML标签的层次结构。每一对HTML标签（有的时候是一个标签）都是一个元素。 3、CSS(Cascadi ......
JavaScript 拖拽
``` ``` >多了一个setCapture()事件 ``` 按钮01 按钮02 ``` ``` 我是一段文字 ``` > 最终版本 ``` 我是一段文字 ``` ......
如何在JavaScript中使用Promise.allSettled()
您是否曾经在 JavaScript 中使用过 Promise，并且当有人拒绝并毁掉一切时感到沮丧？ 你编写了一些基于 Promise 的代码，一切都进展顺利，然后繁荣——一个小小的 Promise 被拒绝，整个链条就会崩溃。 你的代码逐渐停止，你想知道为什么 JavaScript 不能忽略这个小问题 ......
JavaScript 算法和数据结构之——基础JavaScript 笔记
做整理是为了知识更加系统一些，遂记录 [参考资料](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/) ## js基础算法 ### JavaScript 字符串 可以用单引号或双引号 #### ......
XMind 2023破解版 轻量级思维导图软件
本文讲的是2023最新版本的xmind激活破解教程。 **下载相关软件** 首先要去XMind官网下载[https://xmind.cn/download/]()最新版本2023.22.11.3771  – 表单验证 (针对表单数据的合法性进行判断) – 数据 ......
JavaScript逻辑运算符AND和OR之间的区别
AND&&和 OR||是 JavaScript 中的逻辑运算符，可用于执行不同的逻辑表达式。在这篇文章中，我将解释它们之间的区别。 本文的目标是让您了解这些运算符的工作原理以及它们的不同之处。 要理解这些运算符，了解JavaScript 中真值和假值的概念非常重要。 （更|多优质内|容：java56 ......
JavaScript 算法基础练习
// 1.生成数据，后一个数是前两个的和 // function fibonacci(n){ // const fib=[0,1] // for(let i=2;i<n;i++){ // fib[i]=fib[i-1]+fib[i-2] // } // return fib // } // cons ......
JavaScript aglo 算法 时间复杂度
https://www.bigocheatsheet.com/ https://www.hello-algo.com/chapter_preface/about_the_book/ gpt的回答 好的，下面给出这些算法的JavaScript例子，并给出它们的时间复杂度分析： O(1) - 常数时间复 ......
laytpl（ Layui 的一款轻量 JavaScript 模板引擎）html标签点击事件传递多参
<script type="text/html" id="aobjectvalue_temp"> <span class="us-font-blue" style="cursor:pointer" onclick="seeinfo('{{d.aobjectkey}}','{{d.atype}}')" ......
简单的圆钟实现（Html5+Css3+JavaScript）（附源码）
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>简单的圆钟实现</title> 6 <style> 7 #box { 8 width: 300px; 9 height: 300px; 10 ......
JavaScript中数组常用方法汇总！
数组是一个复杂数据类型，我们在操作它的时候就不能再想基本数据类型一样操作了。 比如我们想改变一个数组 // 创建一个数组 var arr = [1, 2, 3] // 我们想把数组变成只有 1 和 2 arr = [1, 2] 这样肯定是不合理，因为这样不是在改变之前的数组。相当于重新制作了一个数组 ......
JavaScript实现Fly Bird小游戏
1.分析页面结构，理清需求和功能 游戏有三个界面，分别是开始界面，游戏界面和游戏结束界面。 1.1 开始界面 游戏的大背景 上下移动的游戏标题和翅膀摆动的小鸟 start 按钮，点击进入游戏界面 一直移动的地面 1.2 游戏界面 显示越过障碍数量的计分器 移动的障碍物，分别是上管道和下管道 点击游戏 ......
Vue3 vite：is a JavaScript file. Did you mean to enable the 'allowJs' option?
描述 今天在vue3+vite下进行打包时,突然vscode报了一个error。 大概的意识是询问是否启用“allowJS”选项，因为该文件在程序内是指定用于编译的根文件。 提示信息已经很明确了，下面从网上摘抄了下什么是 allowJS 选项。 allowJs是1.8中新提供的选项。TypeScri ......
JavaScript高级学习
# JavaScript 进阶 > 学习作用域、变量提升、闭包等语言特征，加深对 JavaScript 的理解，掌握变量赋值、函数声明的简洁语法，降低代码的冗余度。 - 理解作用域对程序执行的影响 - 能够分析程序执行的作用域范围 - 理解闭包本质，利用闭包创建隔离作用域 - 了解什么变量提升及函数 ......
JavaScript 教程
JavaScript 是 Web 的编程语言。 所有现代的 HTML 页面都可以使用 JavaScript。 JavaScript 非常容易学。 本教程将教你学习从初级到高级 JavaScript 知识。 为什么学习 JavaScript? JavaScript 是 web 开发人员必须学习的 3 ......
JavaScript 格式化时间
function formatDate(date) { /** * 格式化日期 * @param {Date|String} date 日期或日期字符串 */ function _isString(val) { return Object.prototype.toString.call(val) ' ......