目录前言：特效展示实现代码：html部分：css部分：js部分：总结：前言： 个人学习内容分享特效展示前端界面特效（一） 实现代码：html部分：<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; cha
转载
2023-09-11 22:39:42
115阅读
背景Webpack 特别难学！！！时至 5.0 版本之后，Webpack 功能集变得非常庞大，包括：模块打包、代码分割、按需加载、HMR、Tree-shaking、文件监听、sourcemap、Module Federation、devServer、DLL、多进程等等，为了实现这些功能，webpack 的代码量已经到了惊人的程度：498 份JS文件18862 行注释73548 行代码54 个 mo
第1章--基础篇JS介绍html 网页的内容；css 网页的样式；javascript 网页的行为i.e. hello world <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
文章目录JavaScript1.引入JavaScript2.基本语法3.数据类型字符串类型数组对象流程控制Map和Set严格模式4.函数定义函数5.函数的作用域6.方法7.Date8.Json9.面向对象编程10.操作BOM对象11.操作DOM对象获得Dom节点更新节点删除节点插入节点创建节点12.操作表单13.JQuery14.操作DOM JavaScript1.引入JavaScript1.内
转载
2023-07-23 14:39:53
74阅读
在这篇博文中，我将与你分享如何使用 JavaScript 在前端接收并展示相应的数据。无论是从后端 API 获取数据，还是从本地存储中读取数据，掌握这一过程对于构建动态网页是至关重要的。接下来会涉及环境配置、编译过程、参数调优、定制开发、性能对比以及一些常见错误的处理。
### 环境配置
首先，我们需要配置开发环境。确保你已经安装了以下工具：
- Node.js
- npm
- 一个代码编辑
# JavaScript前端字符串的if判断
在前端开发中，字符串是最常用的数据类型之一。在大多数情况下，我们需要对字符串进行判断，比如检查一个字符串是否为空，是否包含特定的子串，或者是否满足某个条件。JavaScript提供了多种简单而有效的方法来判断字符串，本文将通过一些示例来探讨这种判断方式。
## 字符串的基本操作
在开始之前，让我们先了解一些基本的字符串操作。这些基本操作包括获取字
原创
2024-09-12 03:33:56
164阅读
# JavaScript 支持最大数字的实现指南
在开发过程中，有时我们会遇到需要处理大数的问题。JavaScript 中的数字类型为浮点数，这使得它在处理非常大的数字时可能会遇到精度问题。本篇文章将指导你如何实现一个功能，以支持处理最大数字。
## 实现步骤
我们将按以下步骤进行实现：
| 步骤编号 | 步骤描述 |
| -------- |
创建图片映射<img src ="planets.gif" alt="Planets" usemap ="#planetmap" /><map name="planetmap"> <area shape="rect" coords="0,0,110,260" href="sun.htm" alt="Sun" /> <area sha
原创
2016-07-01 18:43:39
863阅读
声明该文部分代码和内容节选自菜鸟教程，仅用作个人学习，特此声明JavaScript NumberJavaScript 只有一种数字类型。可以使用也可以不使用小数点来书写数字。1、JavaScript数字1.1 数字写法JavaScript 数字可以使用也可以不使用小数点来书写：var pi=3.14; // 使用小数点
var x=34; // 不使用小数点极大或极小的数字可通过
转载
2024-05-08 20:16:48
183阅读
一，ECharts。 它是一个数据可视化框架，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器，供了 图例、视觉映射、数据区域缩放、tooltip、数据刷选等开箱即用的交互组件，可以对数据进行多维度数据筛取、视图缩放、展示细节等交互操作，让你的数据形象生动起来，不再是简简单单的一个表格。二，AntV蚂蚁金服全新一代数据可视化前端框架，短短几行代码就能够做出精美的数据图表，甚至兼容pc端
转载
2023-12-02 23:19:07
59阅读
var zffwlist=''; var zffw = document.getElementsByName("_ypxx_hclb"); for(var i=0;i<zffw.length;i++){ if(zffw[i].checked){ zffwlist
原创
2022-03-14 14:48:08
150阅读
1.什么是路由路由是根据不同的 url 地址展示不同的内容或页面；2、什么是前端路由？很重要的一点是页面不刷新，前端路由就是把不同路由对应不同的内容或页面的任务交给前端来做，每跳转到不同的URL都是使用前端的锚点路由. 随着（SPA）单页应用的不断普及，前后端开发分离，目前项目基本都使用前端路由，在项目使用期间页面不会重新加载。3、什么是后端路由？浏览器在地址栏中切换不同的url时，每次都向后台服
# 如何实现 JavaScript 过关效果
在开发网页游戏或交互应用时，“过关”效果是一种常见的视觉反馈，能吸引用户并增加游戏的趣味性。本文将指导你如何使用 JavaScript 实现一个简单的过关效果。我们将从流程入手，逐步实现所需的功能，希望能够帮助刚入行的小白更好地理解这个过程。
## 流程概述
我们可以将实现“过关”效果的步骤分为以下几部分：
| 步骤 | 描述
1.Overflowoverflow为溢出（容器），当内容超出容器时只需添加overflow属性值为hidden， 就可以把超出容器的部分隐藏起来；如果内容超出容器却又不想其隐藏时可以将其属性值设置为auto；overflow：auto 属性如果超出就出现滚动条，没有超出则不出现滚动条这样就可以出现滚动条，滚动条也可以单独设置，例如overflow-x：hidden；overflow-y：auto
应用背景我们在做项目时，为了使页面模块高度复用，使用页面模板是必须的，我想大家通常可能会新建MVC的项目，然后在页面中使用Razor引擎，新建Helper模板类，前后台代码的混写，简洁高效，一切都是那么的行云流水，我就是这么干的！ 直到有一天，当我快做完一个项目时，经理对我说，你不要直接访问数据库，用接口就行了，是啊，说的多轻松，但对程序员来说这就是晴天霹雳啊，因为这意味着你这个项目
javascript中有三种方式可以和用户进行交互，分别是alert、prompt、confirm
转载
2023-06-06 10:08:05
138阅读
## 礼花效果JavaScript
在网页设计中，经常会用到一些特效来吸引用户的注意力。其中，礼花效果是一种非常常见的效果，通过在页面上飘落的彩色“礼花”来增强用户体验。今天，我们就来介绍如何使用JavaScript来实现礼花效果。
### 实现方式
要实现礼花效果，首先需要在页面上创建一个画布（canvas），然后通过JavaScript来在画布上绘制“礼花”。下面是一个简单的示例代码：
原创
2024-02-25 04:04:48
125阅读
鼠标事件常见的鼠标事件包含onclick、onmouseover、onmoseout。onclick：单击鼠标左键时触发此事件onmouseover：鼠标指针移到另一个元素上时触发此事件onmoseout：鼠标指针在某个元素上，移出该元素边界时触发此事件表单事件form表单是网页和用户进行交互的工具，用于搜集不同类型的用户输入。在网上注册为某网站的用户或登录已存在的账号时都会用到表单。 实现表单输
转载
2024-10-15 16:00:37
133阅读
