第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阅读
目录1、九九乘法表---for双循环2、顺序循环按钮切换图片3、QQ列表4、页面整体换色5、数组递增排序6、按钮字母变化7、购物车计算 8、关不掉的广告9、数字倒计时10、方块向右移动/方块向左运动/方块来回运动11、抽奖1、九九乘法表---for双循环思路:外层for循环--表示行,内层for循环--表示列2、顺序循环按钮切换图片要求:1、选择顺序按钮,点击左右箭头,到第一张图时提示‘
转载
2023-12-14 20:40:27
631阅读
一、准备阶段1.准备工具一个前端IDE,推荐vscode。PS软件并且安装cutterman插件使用浏览器(chrome或者Firefox)进行测试。2. 准备操作首先建立一个文件夹,并且在vscode中打开。新建images文件夹,用于存储图片素材。新建index.html文件,编写结构代码。新建style.css文件,编写样式代码。将样式引入带HTML文件中,使用<link>标签。
转载
2024-08-06 12:42:19
44阅读
这篇文章是我做web前端开发讲师的时候写的一篇文章,如有部分雷同,纯属巧合。这里放在头条上分享给各位朋友,主要希望是给热爱前端编程的初学者一些小小的帮助,了解解析JS的编译原理,如果你是前端大牛,也欢迎在评论区留言发表自己的观点,谢谢!1. 编译原理1.1. 代码分析:先来了解一个奇怪的现象 你可以打开开发工具尝试一下 大家预期的结果是什么 ,1,1,2 ? No,No,No!!要想知道
转载
2023-08-11 14:01:46
148阅读
文章目录闭包说一下类的创建和继承如何解决异步回调地狱说说前端中的事件流如何让事件先冒泡后捕获说一下事件委托说一下图片的懒加载和预加载mouseover 和 mouseenter 的区别JS 的 new 操作符做了哪些事改变函数内部 this 指针的指向函数(bind,apply,call 的区别)JS 的各种位置,比如 clientHeight,scrollHeight,offsetHeight
转载
2023-12-14 17:54:16
65阅读
本书的源码地址:http://javascriptbook.com 还有一个源:http://www.tupwk.com.cn/downpage前言:可以使用JavaScript选择HTML页面上的任意元素、属性或文本 CSS:使用规则来指定一个或多个元素的内容在浏览器中的显示方式,每个规则都有选择器和声明块,css选择器指定哪些元素需要应用这个规则,声明块包含这个规则,这些规则指定如何显示那些元
转载
2023-09-09 19:45:57
119阅读
源码下载 https://pan.baidu.com/s/1Gtmh5LESCFyAjVNSuEb9BQ 提取码:q5zz 9.JS的函数学习
10.JS的类和对象
11.JS的自定义对象
12.JS的常用对象和方法
13.JS的事件机制
14.JS的Window对象
15.JS的D
转载
2023-08-14 22:27:02
69阅读
文章目录三、JavaScript 基础语法1.引入方法2.输出输入3.变量3.1 声明:多个变量逗号隔开,只用一个var3.2 变量命名规范4.数据类型4.1 数字型Number4.2 字符串型 String4.2.1 length检测获取字符串长度4.2.2 字符串拼接:数值相加,字符相连4.3 布尔型 Boolean4.4 undefined 未定义数据类型4.5 null 空4.6 获取变
转载
2024-05-15 20:50:59
78阅读
所有答案仅供参考,不负责答案对错(^_^)1.js 是什么,js 和 html 的开发如何结合?js是javascript的缩写,是一种基于对象的、事件驱动的脚本语言。它一共由三个部分组成:分别是DOM,BOM,ECMAscript。HTML 是超文本标记语言。HTML里的每一个标签就是JS里面的DOM节点。JS操作DOM节点就是在操作HTML的标签。2.怎样添加、删除、复制
转载
2024-07-24 15:20:00
42阅读
文章目录1 JavaScript1.1 代码位置1.2 存在形式1.3 注释1.4 变量1.5 字符串类型案例:走马灯1.5 数组案例:动态数据1.6 对象(字典)案例:动态表格1.7 条件语句1.8 函数2 DOM2.1 事件绑定 1 JavaScript一门编程语言,能够实现动态效果。案例:实现确认弹窗。<!DOCTYPE html>
<html lang="en">
转载
2024-01-03 05:49:51
52阅读
# JavaScript前端开发案例教程
JavaScript是一门功能强大的编程语言,广泛应用于网页开发和前端技术中。为了更好地理解JavaScript的实际应用,本文将通过一个简单的示例案例,介绍如何使用JavaScript构建一个基本的网页应用,并在其中展示一些常见的技术,如DOM操作和事件处理。
## 案例简介
本案例的目标是创建一个简单的待办事项应用,用户可以添加、查看和删除待办事
原创
2024-09-21 03:22:16
142阅读
var getPrice = function( price ){
var date = new Date();
if ( date.getMonth() >= 6 && date.getMonth() <= 9 ){ // 夏天
return price * 0.8;
}
return price;
};观察这句代码:if ( date.getMonth() &
转载
2024-06-13 21:08:08
64阅读
JS 相关问题:请解释事件代理 (event delegation)。请解释 JavaScript 中 this 是如何工作的。请解释原型继承 (prototypal inheritance) 的原理。你怎么看 AMD vs. CommonJS?请解释为什么接下来这段代码不是 IIFE (立即调用的函数表达式):function foo(){ }();.
要做哪些改动使它变成
转载
2024-05-18 12:44:42
66阅读
# JavaScript案例教程
## 简介
在本教程中,我将引导你完成一个JavaScript案例的开发过程。这个案例将帮助你理解JavaScript的基本语法和常用的操作。
## 整体流程
首先,让我们来看看整个开发过程的步骤。下表中列出了每个步骤以及需要进行的操作和代码。
| 步骤 | 操作 | 代码 |
| --- | --- | --- |
| 1 | 创建HTML文件 | `J
原创
2023-08-20 11:20:00
70阅读
前言:JavaScript基础(一)一.学习内容了解JavaScript变量含义数据类型的转换与使用运算符的操作以及注意事项结合四则运算理解编程,学习编程二.介绍 掌握JavaScript的引入方式, 初步认识JavaScript的作用,以及含义JavaScript引入方式:JavaScript程序是不能独立运行,它需要嵌套HTML中,然后浏览器才能执行JavaScript代码,通过
转载
2023-07-23 19:48:22
409阅读
1. JS基础语法<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<!-- 书写js代码 -->
<script type="text/javascript">
alert("HELLO J
转载
2023-08-20 13:50:17
77阅读
前言 什么是css块元素? 块级元素是独占一行显示的。它的兄弟元素必定不会与其在同一行中(除非脱离了文档流)。通俗点来说,就是块元素(block element)一般是其他元素的容器元素,能容纳其他块
原创
2024-03-16 11:33:21
59阅读
还是JavaScript 基础语法-dom/bom-es6-jQuery-数据可视化 echarts-包含笔记源码作业黑马程序员 pink 老师前端入门视频教程(持续更新)部分的内容,这里的就是比起案例学习 1 来说更加复杂一点的,需要依靠循环绑定事件的案例。案例 1, 鼠标点击修改背景图这个操作相对而言比较简单:循环对 img 添加一个 onclick 点击事件然后获取被点击的元素的 src将图
转载
2023-07-13 19:22:49
56阅读
文章目录前言一、概念引入1. DOM对象2. 事件二、代码实现&效果展示三、结语 前言经过了前面的学习,我们对JavaScript算是有了一个初步的了解。但是在真正的开发中,仅仅了解基础是不能帮助我们解决实际问题的。今天我们就通过一个 点击按钮切换图片 的案例来引入 JavaScript 这门语言在实际应用中的用法。一、概念引入在介绍之前,我们首先引入一些知识,我们可以先不必探究它们到底
转载
2023-09-07 12:53:12
95阅读