Home Web Front-end JS Tutorial Video tutorial on how to learn javascript while talking and laughing

Video tutorial on how to learn javascript while talking and laughing

Aug 30, 2017 am 09:49 AM
javascript js Tutorial

JavaScript is a literal scripting language. It is a dynamically typed, weakly typed, prototype-based language with built-in support for types. Its interpreter is called the JavaScript engine, which is part of the browser and is widely used in client-side scripting languages. Through this tutorial, we will learn the use of JavaScript in depth.

Video tutorial on how to learn javascript while talking and laughing

Course playback address: http://www.php.cn/course/203.html

The teacher’s teaching style:

The teacher’s lectures are simple, clear, layer-by-layer analysis, interlocking, rigorous argumentation, rigorous structure, using the logical power of thinking to attract people Students' attention and rational control of the classroom teaching process. By listening to teachers' lectures, students not only learn knowledge, but also receive thinking training, and are also influenced and influenced by teachers' rigorous academic attitude.

The more difficult point in this video is the javascript operation object:

<script type="text/javascript" >	/**
	*对象声明和赋值操作
	*
	**/
  	var empty={} //空对象声明
	var point ={x:0,y:0}; //声明并直接赋值
	var circle={x:point,y:point.y+1,randis:2}; //声明赋值	
	//复杂对象声明并赋值
	var home={		"
name":"Home simpson",		
"age":34,		
"married":true,		
"occupation":"plant operation",		
"email":"linfeng@google.com"
		
		}	//数组对象声明
	var array=new Array();	
array[0]="hello\t";	
array[1]="world\t";	array[2]="javascript\t";	
/**
	* for in 方法 遍历数组
	**/
	function foreach(){		
var names="";		
for( var name in  array)
		{
			alert(array[name]);	
			names+=name+"\n";			
//alert(names);	
		}
	}	/**
	* join("分隔符"):返回用分隔符分隔的新数组
	*
	**/
	function array_join(){		   
var joinarray=array.join(",");
		   alert(joinarray);
		
	}	/**
	*reverse():返回翻转后的数组
	*
	*/
	function array_reverse(){		
var reversearray= array.reverse();
		alert(reversearray);
	}		/**
		* sort():返回排序后的数组
		*
		*/
	function array_sort(){	       
var reversesort= array.sort();
	   alert(reversesort);
	}		var array_add=new Array("add element");	
/**
	* concat():将一个新数组展开与原数组合并,返回新数组
	*
	*/
	function array_concat(){		
var new_array=array.concat(array_add);
		alert(new_array);
	}		/**
		*slice(数组下标,影响个数) :返回数组片段
		*
		*/	
	  function array_slice(){		  
array.concat(array_add);		  
var slice_array=array.slice(0,2);
		  alert(slice_array);//
		  }	
/**
         *splice(数组下标,影响元素个数0/1,....,插入数据1,....):删除指定位置 指定个数的元素
         *return 返回影响后的新数组 (如果影响个数为0,则在下标位置插入参数3--N对应的元素)
	 *备注:和concat不同,插入的数组不会展开,而是作为一个元素插入
         **/
	function array_splice(){		
		var a=[1,2,3,4,5,6,7,8];		
//a.splice(4);
		//a.splice(2,3); a=[1,2,6,7,8]
		//a.splice(2,0,&#39;a&#39;,&#39;b&#39;); //a=[1,2,a,b,3,4,5,6,7,8]
		a.splice(3,0,&#39;abc&#39;);//a=[1,2,abc,3,4,5,6,7,8]
		alert(a);
		
		}		/**
		* push():从栈底插入一个或多个对象,返回数组的新长度
		* pop():从栈底删除一个对象,数组长度-1,返回它删除的值
		* 备注:push和pop不是生成新数组,而是在原来数组的基础上加入和删除元素
		*
		**/
		function push_pop(){			var stack=[];
			stack.push(1,2);
			alert(stack);
			stack.pop();
			alert(stack);
			stack.push(3);
			alert(stack);
			stack.pop();
			stack.push([4,5]);
			alert(stack);
              }		/**
		*unshift():从栈顶插入一个或几个对象,原数组元素向下移动,返回数组新长度
		*shift():从栈顶删除一个元素,其他元素向上补充,返回删除的元素值
		*备注:unshift和shift不是生成新数组,而是在原来数组的基础上加入和删除元素
		*    插入的数组顺序刚好和原数组顺序相反
		*/
		function unshift_shift(){			var stack=[];
			stack.unshift(1);
			stack.unshift(2);
			
			alert(stack.shift());
			alert(stack);

			alert(stack.unshift(3,[ab]));			//stack.shift();
			//alert(stack);
			//stack.shift();
			//alert(stack);
		}
</script>
Copy after login

Here we also recommend downloading source code resources: http:/ /www.php.cn/xiazai/code/2133

The resources share video courseware and source code

The above is the detailed content of Video tutorial on how to learn javascript while talking and laughing. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Hot Topics

Java Tutorial
1664
14
PHP Tutorial
1266
29
C# Tutorial
1239
24
Tutorial on how to use Dewu Tutorial on how to use Dewu Mar 21, 2024 pm 01:40 PM

Dewu APP is currently a very popular brand shopping software, but most users do not know how to use the functions in Dewu APP. The most detailed usage tutorial guide is compiled below. Next is the Dewuduo that the editor brings to users. A summary of function usage tutorials. Interested users can come and take a look! Tutorial on how to use Dewu [2024-03-20] How to use Dewu installment purchase [2024-03-20] How to obtain Dewu coupons [2024-03-20] How to find Dewu manual customer service [2024-03-20] How to check the pickup code of Dewu [2024-03-20] Where to find Dewu purchase [2024-03-20] How to open Dewu VIP [2024-03-20] How to apply for return or exchange of Dewu

Recommended: Excellent JS open source face detection and recognition project Recommended: Excellent JS open source face detection and recognition project Apr 03, 2024 am 11:55 AM

Face detection and recognition technology is already a relatively mature and widely used technology. Currently, the most widely used Internet application language is JS. Implementing face detection and recognition on the Web front-end has advantages and disadvantages compared to back-end face recognition. Advantages include reducing network interaction and real-time recognition, which greatly shortens user waiting time and improves user experience; disadvantages include: being limited by model size, the accuracy is also limited. How to use js to implement face detection on the web? In order to implement face recognition on the Web, you need to be familiar with related programming languages ​​and technologies, such as JavaScript, HTML, CSS, WebRTC, etc. At the same time, you also need to master relevant computer vision and artificial intelligence technologies. It is worth noting that due to the design of the Web side

In summer, you must try shooting a rainbow In summer, you must try shooting a rainbow Jul 21, 2024 pm 05:16 PM

After rain in summer, you can often see a beautiful and magical special weather scene - rainbow. This is also a rare scene that can be encountered in photography, and it is very photogenic. There are several conditions for a rainbow to appear: first, there are enough water droplets in the air, and second, the sun shines at a low angle. Therefore, it is easiest to see a rainbow in the afternoon after the rain has cleared up. However, the formation of a rainbow is greatly affected by weather, light and other conditions, so it generally only lasts for a short period of time, and the best viewing and shooting time is even shorter. So when you encounter a rainbow, how can you properly record it and photograph it with quality? 1. Look for rainbows. In addition to the conditions mentioned above, rainbows usually appear in the direction of sunlight, that is, if the sun shines from west to east, rainbows are more likely to appear in the east.

DisplayX (monitor testing software) tutorial DisplayX (monitor testing software) tutorial Mar 04, 2024 pm 04:00 PM

Testing a monitor when buying it is an essential part to avoid buying a damaged one. Today I will teach you how to use software to test the monitor. Method step 1. First, search and download the DisplayX software on this website, install it and open it, and you will see many detection methods provided to users. 2. The user clicks on the regular complete test. The first step is to test the brightness of the display. The user adjusts the display so that the boxes can be seen clearly. 3. Then click the mouse to enter the next link. If the monitor can distinguish each black and white area, it means the monitor is still good. 4. Click the left mouse button again, and you will see the grayscale test of the monitor. The smoother the color transition, the better the monitor. 5. In addition, in the displayx software we

What software is photoshopcs5? -photoshopcs5 usage tutorial What software is photoshopcs5? -photoshopcs5 usage tutorial Mar 19, 2024 am 09:04 AM

PhotoshopCS is the abbreviation of Photoshop Creative Suite. It is a software produced by Adobe and is widely used in graphic design and image processing. As a novice learning PS, let me explain to you today what software photoshopcs5 is and how to use photoshopcs5. 1. What software is photoshop cs5? Adobe Photoshop CS5 Extended is ideal for professionals in film, video and multimedia fields, graphic and web designers who use 3D and animation, and professionals in engineering and scientific fields. Render a 3D image and merge it into a 2D composite image. Edit videos easily

Tutorial on how to turn off the payment sound on WeChat Tutorial on how to turn off the payment sound on WeChat Mar 26, 2024 am 08:30 AM

1. First open WeChat. 2. Click [+] in the upper right corner. 3. Click the QR code to collect payment. 4. Click the three small dots in the upper right corner. 5. Click to close the voice reminder for payment arrival.

PHP Tutorial: How to convert int type to string PHP Tutorial: How to convert int type to string Mar 27, 2024 pm 06:03 PM

PHP Tutorial: How to Convert Int Type to String In PHP, converting integer data to string is a common operation. This tutorial will introduce how to use PHP's built-in functions to convert the int type to a string, while providing specific code examples. Use cast: In PHP, you can use cast to convert integer data into a string. This method is very simple. You only need to add (string) before the integer data to convert it into a string. Below is a simple sample code

Experts teach you! The Correct Way to Cut Long Pictures on Huawei Mobile Phones Experts teach you! The Correct Way to Cut Long Pictures on Huawei Mobile Phones Mar 22, 2024 pm 12:21 PM

With the continuous development of smart phones, the functions of mobile phones have become more and more powerful, among which the function of taking long pictures has become one of the important functions used by many users in daily life. Long screenshots can help users save a long web page, conversation record or picture at one time for easy viewing and sharing. Among many mobile phone brands, Huawei mobile phones are also one of the brands highly respected by users, and their function of cropping long pictures is also highly praised. This article will introduce you to the correct method of taking long pictures on Huawei mobile phones, as well as some expert tips to help you make better use of Huawei mobile phones.

See all articles