js
关注
分享
扫一扫
龍龍哥
这个作者很懒，什么都没留下…
展开
-
图形化带背景乐的——“贪吃蛇”(用原生js实现)
关于贪吃蛇的实现有很多方法，我选择了使用原生js去实现。游戏的总体思路分为以下几个步骤：1.利用js动态生成四百个小棋格子，进而组成棋盘；2.利用随机数，随机的产生黑色小点(我们姑且将它称之为蛇的食物)，这里要注意的是，每次对产生的食物做出判断，要是生成的小点他存在于蛇身的内部，就要对它进行重新调用，直到生成一个独立于蛇身外的随即点。3.接下来就是利用数组来存储蛇的位置，snake[0]为蛇头,snake[snake.length-1]就是蛇尾的位置。4.然后通过键盘事件，监听蛇要移动的方向，然后进原创 2020-08-15 15:35:56 · 302 阅读 · 0 评论 -
JavaScript对象枚举，类数组学习 （四）
对象枚举for in当我们遍历一个数组的时候，可以有length方法去获知数组的长度，进而设置循环上限去遍历，可是对象没有length方法，我们就只能利用for in方法去遍历：obj={ work:student, name = "xxx", sex="male", proe:123,}for (var x in obj){ console.log(x);}程序的结果会是依次输出work,name,sex,proe;当我们想要依次获取属性值的时候，最先想到的一定会是：for (原创 2020-05-22 10:32:52 · 875 阅读 · 1 评论 -
JavaScript对象，包装类，原型，原型链及call/apply的知识学习（三）
对象学习包装类的前提一定是建立在，了解对象及使用的，简单来说，一个对象包含属性和方法，它形似于函数，但通过new的方式来创建他的实例，对象可以定义为空，当创建他的实例之后再通过.调用的方法创建实例对象的属性以及方法。function Person() { }var person = new Person();person.name = "xxx";person.work = function () { console.log("i am working!");}通常我们用this关键字来原创 2020-05-19 18:03:15 · 222 阅读 · 0 评论 -
JavaScript预编译，作用域，闭包基础学习（二）
预编译虽然JavaScript作为一款单线程，解释性的语言，但他也具备预编译的过程，在预编译期间，会提升相关的声明，和检查一些基础的语法错误。首先我们需要理解一些知识点，才能更好的理解预编译。未加声明的变量使用，相当于定义在全局变量（即便在函数中使用） b = 100 //相当于定义全局变量 var b = 100函数预编译我们先从函数预编译讲起，预编译发生在函数即将开始之前，他会做如下几个步骤，来调解我们的重名定义。创建AO对象，即Activation Object(作用域上下文)找函原创 2020-05-18 17:35:46 · 187 阅读 · 0 评论 -
JavaScript简史，浏览器(js引擎)相关知识及部分基础（一）
了解Javascript简史发源于1996年由brendan Eich，首次诞生于浏览器，原名为LiveScript，后因与sun公司合作，需市场宣传，改名为JavaScript，后期版权归Oracle所有。了解浏览器浏览器主要分为shell部分和内核部分。shell主要负责浏览器外观设置及操控，一些表层东西的实现。内核内核又分为渲染引擎 js引擎，主要是html，css，js的渲染和实现，是浏览器所具备的最重要的一部分，只有拥有独立内核的浏览器才称之为主流浏览器，中国几乎所有的浏览器都不具备原创 2020-05-18 11:12:42 · 401 阅读 · 0 评论 -
利用DOM添加标签的两种方法自叙
在网页中我们经常会遇见这样的情况，在一份表单的下面会有创建按钮，当用户点击后，会自动在表格或者文本框下面再生成一份原样空表格。方法一：我们先创建文本框，再利于insertAdjacentHTML属性，把文本框加在后面。创造onclick事件，当点击按钮完成这一系列操作。function dianji(){ var tag = "<p> <input type='text...原创 2019-10-15 16:55:26 · 695 阅读 · 0 评论 -
Dom寻找html标签，并对其内容进行修改
一份完整的前段网页包含html（骨架），css（装饰），js（动感包装）。js——>Java script,一种完全不同于java的前段语言。一般写在<body></body>的底部，其作用是在于当网页打开后，能先加载区域块标签，再加载js动态效果。Dom通过id/TagName的方式寻找到某一html标签，对其进行修改。var tag=document.g...原创 2019-10-15 16:26:08 · 343 阅读 · 0 评论 -
jQuery的自我学习（一）
jQuery是对DOM的一种封装，可以更加快捷的修改添加js样式。首先我们需要下载相关版本的jQuery的脚本。这里使用的是jquery-3.4.1.js。用使用jQuery时要先引入所下载的东西。(<script src="...")></script>)jQuery选择器jQuery有许多简洁的选择器现在介绍其中常用的一些： $('#id') $(".c1"...原创 2019-10-30 15:49:04 · 122 阅读 · 0 评论 -
jQuery的自我学习（二）
利用jQuery对标签的属性增添删减$('#i1').click(function(){ $('.c1').toggleClass('hide'); //对于标签添加class属性 $('#i1').attr('type','text'); //用于做自定义属性，或修改属性 $('#i1').removeAttr('value'); //删除某种属性 }) ...原创 2019-10-30 16:33:21 · 118 阅读 · 0 评论