Web前端入门第 57 问：JavaScript 数据类型与类型转换
在程序语言中，数据类型是基础，一切程序都是建立在基础数据之上。
如果说程序如同万丈高楼平地起，那么数据类型就像沙、石、钢筋、水泥等等最基础的原料。一样的高楼，不同的人，用相同的原料，造的方法也会有千般变化。
在 JS 中，数据类型可以分为 原始类型 和 对象类型。
原始类型
直接存储值，不可变（值的地址不可变 ...
Web前端入门第 56 问：JavaScript 变量声明 var、let、const 区别
曾经 var 如帝王一般统治过 JS 的变量声明，直到后来大佬们实在是忍不了 var 那稀烂的声明规则，便引入了 let 和 const 这两大刀斧手，var 被轻轻松松的斩落马下，如今，再难看见 var 的身影。
变量声明
在 JS 中，所有变量都可以用 var、let 和 const 这三个关键字声明。
// 字符串
var name1 = '前端路引';
let name2 = ' ...
Web前端入门第 55 问：JavaScript 严格模式与非严格模式区别
JavaScript 默认是非严格模式的，可以通过 "use strict"; 启用严格模式。此声明语句可以放在 JS 文件顶部，也可以放在函数内部。
启用严格模式
1、外部脚本在 JS 文件开头声明，内部脚本在 <script> 标签开头声明，声明后所有 JS 代码启用严格模式：
"use strict";
console.log('Hello World!');
错误写法：
console.log( ...
520表白神器
大家好，我是晓凡
520来了，给大家做了一个浪漫的网页表白工具，帮助你向心爱的人表达爱意。
需要源码的小伙伴直接跳转到文章末尾获取。
功能介绍
浪漫启动页：显示相识天数和小时数，营造浪漫氛围
动态情书系统：打字机效果展示情书内容，支持自定义内容
趣味互动游戏：
爱心捕捉：点击飘动的爱心获取分数
记忆拼 ...
制作一个炫酷的多小球碰碰的 JS 网页特效，入门弹性碰撞模拟和类的应用
目录前言先画一个圆完善我们的类小球动起来最简单的碰撞计算，接触墙壁反弹向量类的完善检测两小球之间的碰撞完善碰撞的效果重复计算的问题撞击墙壁定格问题内存问题随机数生成多个小球参考资料
.demoVS { width: 450px; max-width: 450px; height: 450px; border: 0 }
前言
在前端开发里，canvas 是 HTML5 里最炫酷的工具 ...
自制体积不到 2kB 的代码编辑器，areaEditor.js，增强 textarea 标签的代码编辑体验
目录起因快速使用缩进功能缩进类型自动补全括号犯难自动补全阻止补全编辑框抖动在空行按下删除键，清空封装代码怎么压缩 JavaScript 代码更多的功能？
起因
前两天我搞的那个在线 HTML 新标签页预览功能 https://www.cnblogs.com/duyuanshang/p/18829312 ，很好用，最近在我工作上帮了很大的忙，它可以让我不用打开本地代码 ...
Web前端入门第 54 问：JavaScript 3 种书写位置及 script 标签的正确存放位置
JS 的代码并没有强制规定放在 HTML 中的某个位置，如果您有使用过开发者工具查看过网页源码，那么您会看到很多 JS 代码都以 .js 文件的形式存放，并且放在了 HTML 文件最后，也就是 </body> 结束标签之前。
但如果仔细观察，在 <head> 标签中，也会找到很多 script 标签引入的 JS 代码。
那么您是否好奇过他们都有哪些区别 ...
Web前端入门第 53 问：JavaScript 的各种调试方法
任何一门编程语言，在学习之前都应该先弄清楚它的调试方法，毕竟没有不挖坑的人类！
程序一旦出现问题，第一时间就是找到问题出在哪儿，其次才是拿出解决办法。如果都找不到问题原因，那又何从谈起解决办法呢？
如何排查编程问题，这就是一门艺术了，同样的问题，也许 A 只需要 10 分钟，B 可能需要 30 分钟，C 可能束手无 ...
（转载）20个JavaScript重点知识点（2）函数
JavaScript函数是一段可重复使用的代码块，用于执行特定任务。函数通过function关键字定义，可以接收参数、执行操作并返回结果。函数可以被定义一次，然后在程序中多次调用，从而实现代码的复用和模块化编程。本文将带来JavaScript基础到高阶实战分享！
函数定义
1. 传统定义方式
// 1. 函数声明（存在提升）function s ...
Web前端入门第 52 问：JavaScript 的应用领域
截至目前，您应该对前端的 HTML + CSS 应该有了很清楚的认知，至少实现一个静态网页已经完全不在话下了。
当然，CSS 功能绝不止这些，一些不太常用的 CSS 相关知识，后续将通过案例进行分享。
那么咱们接下来看看 JavaScript 的相关知识，作为前端领域三剑客之一，JavaScript 也是前端最核心的技术。
JavaScript 简称 JS， ...
【JavaScript的加减乘除，解决小数准确度缺失问题】
加
/**
** 加法函数，用来得到精确的加法结果
** 说明：javascript的加法结果会有误差，在两个浮点数相加的时候会比较明显。这个函数返回较为精确的加法结果。
** 调用：accAdd(arg1,arg2)
** 返回值：arg1加上arg2的精确结果
**/
function accAdd(arg1, arg2) {
var r1, r2, m, c;
try {
r1 = arg1.t ...
Axios详解及用法
Axios简介
Axios是一个基于Promise的HTTP客户端，用于浏览器和Node.js环境。它提供了一个简单、方便的API来处理HTTP请求和响应，并具备多种强大的特性，使其成为现代Web开发中不可或缺的工具。
Axios的用法
1.安装Axios
在Node.js项目中，可以通过npm或yarn安装Axios。在浏览器中，可以直接通过script标签引入Axios的CDN ...
JavaScript 没有“包”
前言
除了古老的 C/C++，几乎所有的编程语言都有模块系统，都有官方的包管理器。我们一般不自己实现所有的代码，实际应用开发过程中大量使用开源库和框架。这篇文章演示了如何把自己实现的库变成一个包，一个包就是你的应用，也是你的库。
随着程序越来越大，我们会将不同用途的代码放到不同的源文件。为了代码共享，我们会 ...
JavaScript Library – Embla Carousel
前言
2022 年 4 月，我写了一篇 Swiper 介绍。
Swiper 是当时前端最多人使用的 Slider 库，没有之一，一骑绝尘。
但是！时过境迁，这两年已经有一匹神秘的黑马悄悄杀上来了。
它就是本篇的主角 -- Embla Carousel。
Embla Carousel 的卖点
Embla Carousel (简称 Embla) 何德何能？它凭什么在 ...
抽离BlazorWebview中的.Net与Javascript的互操作库
做这个的目的是想使用 Blazor 中的 Javascript 与 C#中的互操作，但是又不需要加载 Blazor 整个类库，另外 BlazorWebView 组件没有支持直接通过 Http 协议加载 web 页面，调试的时候需要先把后端接口写好，然后前端打包，然后一起调试，感觉很麻烦，因此想能不能把互操作这部分功能单独抽离出来。后面研究了 asp.net core ...
JavaScript
javascript 基础
快速上手
MDN
JS 定义
HTML/CSS/JS 的关系，HTML 负责网页结构，CSS 负责网页样式，JS 负责网页行为
JavaScript 是运行在浏览器端的脚本语言(弱类型)，由浏览器解释执行，不需要编译，功能在运行过程中逐行解释并执行的，现在的 JavaScript 也可以在 Node.js 技术进行服务端运行
现在 JS 使用于网页特效， ...
JavaScript 简写神技
JavaScript 是一门强大且灵活的语言，拥有丰富的特性和语法糖。分享下 16 个最常用的 JavaScript 的简写技巧，掌握它们可以让我们编写出更简洁、更优雅的代码，并显著提升开发效率（增加摸鱼时间）。
1. 三元运算符简化条件判断
// 传统写法let result;if (someCondition) { result = 'yes';} else { result = 'no';} ...
技术前瞻: ECMAScript 2025 已定稿特性解析：让 JavaScript 更优雅
作为全球应用最广泛的编程语言之一，JavaScript 每年都在通过 ECMAScript 标准持续进化。2025 年，ECMAScript 再次带来多项重磅更新，本文将带你深入解读已正式定稿的核心特性，
一、更智能的异步处理：Promise.try
问题背景：同步函数与异步 Promise 的异常处代码理割裂的问题
// 传统方式需要手动包裹同步函数
function ...
JavaScript是按顺序执行的吗？聊聊JavaScript中的变量提升
作为一位前端开发者，我们经常会听到这么一句话：“JavaScript的执行是按照顺序自上而下依次执行的。”这句话说的并没有错。但是它似乎又好像不完全对。我们先来看以下这段代码。你觉得结果会输出什么？
1 showName()
2 console.log(myName)
3
4 var myName = '修谦'
5 function showName() {
6 console.log('我的名 ...
JavaScript on html
我咋没发啊，丢草稿箱里给忘了，发一下
好像早就写了
首先你要会一点 html
一点都不会建议学了再来
Vscode 自带 html+JS 自动补全，比较好用
不会运行 JS 建议多动脑子
调用
可以用 <script> 调用
也可以以字符串形式写在超链接的地方
弱类型语言，变量用 var 定义 (=new() 格式下可以不使用 var)
JS 是个灵活性挺高的语言 ...
