Web前端入门第 59 问：JavaScript 条件语句中善用 return 让代码更清晰
条件语句 JS 的条件语句不太多，就 if 和 switch 两个，不过他们的使用方式也可以算是眼花缭乱了。 if 语句 if 字面意思：如果 xxx。程序中的用法也是这样，如果条件为真，则执行执行代码块，反之则不执行。 语法： if (条件) { // 条件为真时执行 } else if (其他条 ...
Web前端入门第 58 问：JavaScript 运算符 == 和 === 有什么区别？
运算符 JavaScript 运算符是真的多，尤其是 ES6 之后还在不停的加运算符，其他编程语言看 JS 就像怪物一样，各种骚操作不断~~ 运算符分类 1、算术运算符 算术运算符的作用就是用来基础计算，跟小学课本一样，包含：加 +，减 -，乘 *，除 /，取余（也叫做取模） %，指数 **，自增 ...
Web前端入门第 57 问：JavaScript 数据类型与类型转换
在程序语言中，数据类型是基础，一切程序都是建立在基础数据之上。 如果说程序如同万丈高楼平地起，那么数据类型就像沙、石、钢筋、水泥等等最基础的原料。一样的高楼，不同的人，用相同的原料，造的方法也会有千般变化。 在 JS 中，数据类型可以分为 原始类型 和 对象类型。 原始类型 直接存储值，不可变（值的 ...
Web前端入门第 56 问：JavaScript 变量声明 var、let、const 区别
曾经 var 如帝王一般统治过 JS 的变量声明，直到后来大佬们实在是忍不了 var 那稀烂的声明规则，便引入了 let 和 const 这两大刀斧手，var 被轻轻松松的斩落马下，如今，再难看见 var 的身影。 变量声明 在 JS 中，所有变量都可以用 var、let 和 const 这三个关键 ...
Web前端入门第 55 问：JavaScript 严格模式与非严格模式区别
JavaScript 默认是非严格模式的，可以通过 "use strict"; 启用严格模式。此声明语句可以放在 JS 文件顶部，也可以放在函数内部。 启用严格模式 1、外部脚本在 JS 文件开头声明，内部脚本在 <script> 标签开头声明，声明后所有 JS 代码启用严格模式： "use str ...
520表白神器
大家好，我是晓凡 520来了，给大家做了一个浪漫的网页表白工具，帮助你向心爱的人表达爱意。 需要源码的小伙伴直接跳转到文章末尾获取。 功能介绍 浪漫启动页：显示相识天数和小时数，营造浪漫氛围 动态情书系统：打字机效果展示情书内容，支持自定义内容 趣味互动游戏： 爱心捕捉：点击飘动的爱心获取分数 记忆 ...
制作一个炫酷的多小球碰碰的 JS 网页特效，入门弹性碰撞模拟和类的应用
目录前言先画一个圆完善我们的类小球动起来最简单的碰撞计算，接触墙壁反弹向量类的完善检测两小球之间的碰撞完善碰撞的效果重复计算的问题撞击墙壁定格问题内存问题随机数生成多个小球参考资料 前言 在前端开发里，canvas 是 HTML5 里最炫酷的工具。我们今天就来搞一个这样的梦幻的效果，学习一下 ES6 ...
自制体积不到 2kB 的代码编辑器，areaEditor.js，增强 textarea 标签的代码编辑体验
目录起因快速使用缩进功能缩进类型自动补全括号犯难自动补全阻止补全编辑框抖动在空行按下删除键，清空封装代码怎么压缩 JavaScript 代码更多的功能？ 起因 前两天我搞的那个在线 HTML 新标签页预览功能 https://www.cnblogs.com/duyuanshang/p/1882931 ...
Web前端入门第 54 问：JavaScript 3 种书写位置及 script 标签的正确存放位置
JS 的代码并没有强制规定放在 HTML 中的某个位置，如果您有使用过开发者工具查看过网页源码，那么您会看到很多 JS 代码都以 .js 文件的形式存放，并且放在了 HTML 文件最后，也就是 </body> 结束标签之前。 但如果仔细观察，在 <head> 标签中，也会找到很多 script 标签 ...
Web前端入门第 53 问：JavaScript 的各种调试方法
任何一门编程语言，在学习之前都应该先弄清楚它的调试方法，毕竟没有不挖坑的人类！ 程序一旦出现问题，第一时间就是找到问题出在哪儿，其次才是拿出解决办法。如果都找不到问题原因，那又何从谈起解决办法呢？ 如何排查编程问题，这就是一门艺术了，同样的问题，也许 A 只需要 10 分钟，B 可能需要 30 分钟 ...
Web前端入门第 52 问：JavaScript 的应用领域
截至目前，您应该对前端的 HTML + CSS 应该有了很清楚的认知，至少实现一个静态网页已经完全不在话下了。 当然，CSS 功能绝不止这些，一些不太常用的 CSS 相关知识，后续将通过案例进行分享。 那么咱们接下来看看 JavaScript 的相关知识，作为前端领域三剑客之一，JavaScript ...
【JavaScript的加减乘除，解决小数准确度缺失问题】
加 /** ** 加法函数，用来得到精确的加法结果 ** 说明：javascript的加法结果会有误差，在两个浮点数相加的时候会比较明显。这个函数返回较为精确的加法结果。 ** 调用：accAdd(arg1,arg2) ** 返回值：arg1加上arg2的精确结果 **/ function accA ...
Axios详解及用法
Axios简介 Axios是一个基于Promise的HTTP客户端，用于浏览器和Node.js环境。它提供了一个简单、方便的API来处理HTTP请求和响应，并具备多种强大的特性，使其成为现代Web开发中不可或缺的工具。 Axios的用法 1.安装Axios 在Node.js项目中，可以通过npm或y ...
尝试制作Edge扩展
觉得图片右边那个翻译的插件很有趣，自己手痒了，打算做一个试试类似划词翻译的插件 登录Edge插件官网查看扩展 浏览器搜索edge扩展怎么写 参考知乎|如何从零开始写一个Edge扩展？ 和 稀土掘金|Edge浏览器插件开发从入门到上架 自己写了一遍manifest.json，又通过Manifest f ...
基于SaaS纯BS架构的全院级云PACS系统
2014年曾经做过一版简单的Dicom Web Viewer，之前的Web版本由于技术和功能的极限性，仅能简单的运用于临床阅片和患者的电子胶片使用，无法普及到放射和超声等影像科室。影像科室用的是基于Swing开发的桌面运用程序。两套程序对于开发和部署无法统一。 2021年4月偶然的机会接触到一家做S ...
根据点信息生成道路以及路口
一、目标 1. 生成道路：通过提供的一些随机的点信息，自动扩展成一定宽度的道路，道路具有路沿点、道路中心点分上下行车道，点的方向根据实际车道运行的方向生成。 2. 生成路口：如果多天道路之间有相交，则可以自动在交叉位置计算出道路路口，方便后续车辆在路口拐弯的计算和展示美观，无线路交叉感。 二、实现原 ...
leaflet-canvasmarker添加的marker旋转问题
Leafletjs的标准图层的marker是可以通过组件 leaflet-rotatedmarker进行图标旋转的，在marker上添加两个属性： rotationAngle：旋转角度，以度为单位，顺时针旋转。 rotationOrigin：旋转中心，默认值为 'bottom center'，对应于 ...
前端速成之——Script
Script 1-引入js和函数调用 function函数：必然存在一个返回值，绝对不会书写 void，要么返回 undefine，要么返回 return 的数据 function etoak(val1, val2, val3) { try { alert('五一节去哪里玩?') /* 添加断点 * ...
解决vscode配置Prettier插件后，不能自动格式化问题
问题：用Nestjs开发一个后端项目，发现Prettier插件不能自动格式化后保存，并且没有eslint格式报错提醒，每次都需要手动格式化。 但是另一个vue2项目就可以自动保存，这就奇怪了，明明设置了Prettier为默认格式化插件也开启了保存自动格式化，看Prettier的控制台也启动了格式化。 ...
SvelteKit 最新中文文档教程（23）—— CLI 使用指南
前言 Svelte，一个语法简洁、入门容易，面向未来的前端框架。 从 Svelte 诞生之初，就备受开发者的喜爱，根据统计，从 2019 年到 2024 年，连续 6 年一直是开发者最感兴趣的前端框架 No.1： Svelte 以其独特的编译时优化机制著称，具有轻量级、高性能、易上手等特性，非常适合 ...