JavaScript
Golden heart
这个作者很懒,什么都没留下…
展开
-
JavaScript变量生命周期及垃圾回收
生命周期当一个变量的生命周期结束之后它所指向的内存就应该被释放。JS有两种变量,全局变量和在函数中产生的局部变量。局部变量的生命周期在函数执行过后就结束了,此时便可将它引用的内存释放(即垃圾回收),但全局变量生命周期会持续到浏览器关闭页面。垃圾回收机制JS运行环境的垃圾回收器检测哪块内存可以被回收有两种方式:1.mark and sweep(标记清除);(常用)2.reference c...原创 2019-12-05 17:53:38 · 477 阅读 · 0 评论 -
原生JS纯基础实现贪吃蛇
话不多说,直接上代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> var body; // 全局变量们,因为后面还需要获取 var ...原创 2019-08-10 10:16:04 · 384 阅读 · 0 评论 -
原生JS基础实现钟表
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #back...原创 2019-08-10 10:20:18 · 106 阅读 · 0 评论 -
原生JavaScript小特效
这里背景图片命名格式为:纽扣1.png,纽扣2.png最后有图片示例<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0px;...原创 2019-08-10 10:28:18 · 286 阅读 · 0 评论 -
JavaScript之面向对象的编程思想
对象具有独特特征的属性和方法的集合,万事万物都是对象面向对象的思想就是把一切都当成对象(1)对象就是一个单独事物的抽象eg: person car通过对现实事物的抽象成对象(2)对象是一个容器,封装了属性和方法,所以也可认为对象是属性和方法的无序集合开发中,对象是抽象的 数据集,功能集JS中变量是数据值的容器,var person=‘张三’,将单一值’张三’赋给变量perso...原创 2019-08-19 19:20:21 · 297 阅读 · 0 评论 -
JavaScript之原型
原型的存在意义1.原型对象是用来给实例对象共享属性和方法的(节省内存 数据共享)2.JS的继承基于原型什么是原型?原型是一个神秘空间,每当我们声明一个函数,便有一个与之对应的 原型对象 随之默默创建,可以通过 构造函数名.prototype访问到该对象构造函数中的prototype指向其对应的原型,原型对象中的constructor指向该原型对应的构造函数如何获取原型构造函数名....原创 2019-08-20 08:30:27 · 109 阅读 · 0 评论 -
JavaScript之原型链
原创 2019-08-20 17:29:28 · 107 阅读 · 0 评论 -
JS的三种循环语句
for循环for(){}先判断,后执行.适用于已知循环次数时for(var i=0;i<5;i++){ console.log(i);}结果:0,1,2,3,4while(){}适合于循环次数是未知时var i=10;while(i<20){ console.log(i); i++;}结果:10,11,12,13,14,15,16,17,18,19d...原创 2019-08-12 12:31:44 · 303 阅读 · 0 评论 -
JavaScript之预解析
预解析在当前作用域下, js 运行之前,会把带有 var 和 function 关键字的事先声明,并在内存中安排好。然后再从上到下执行 js 语句。预解析只会发生在通过 var 定义的变量和 function 上。声明和定义var num=10;这行代码可分为两个步骤:声明和定义声明:var num;告诉浏览器在当前作用域下有一个变量 num 存在了,但并没有定义,其值为 undefi...原创 2019-09-14 22:16:00 · 282 阅读 · 0 评论 -
JavaScript之值类型与引用类型
JavaScript中的数据类型可分为两大类1.值类型:number(数字类型),string(字符串类型),boolean(布尔类型),undefined,null,(symbol ES6新增)2.引用类型:object(对象),array(数组),function(函数)值类型与引用类型的区别值类型:在存储时,变量中存储的是值本身引用类型:在存储时,变量中存储的仅仅是引用(地址)堆...原创 2019-09-15 17:22:26 · 144 阅读 · 0 评论 -
原生JS实现无缝滚动
页面结构<body onload="trundle();"><div id="box"> <div id="box1"> <ul id="con1"> <li> <a href="#">1.HTML基本语法</a> </li> <li> ...原创 2019-08-02 08:48:22 · 300 阅读 · 0 评论 -
JavaScript的定时器
JS中定时器的作用1、制作动画2、异步操作3、函数缓冲与节流setTimeout:只执行一次的计时器clearTimeout:关闭只执行一次的计时器var time1=setTimeout(myalert(),1000); 1000单位为毫秒 效果:弹框一秒后弹出一次clearTimeout(time1); 清除炸弹定时器(只执行一次的计时器)var time2=setInt...原创 2019-07-28 16:51:16 · 137 阅读 · 0 评论 -
JavaScript之事件
事件定义指的是文档或者浏览器窗口中发生的一些特定交互瞬间可以通过侦听器(或处理程序)来预定义事件,以便事件发生时执行相应的代码类型鼠标事件类型:onclick:单击事件(按下回车亦可触发)ondbclick:双击事件onmousedown:鼠标按键被按下onmouseup:鼠标按键被松开onmouseenter:鼠标首次移入到元素内onmouseleave:鼠标移出元素mo...原创 2019-07-28 00:10:36 · 88 阅读 · 0 评论 -
JavaScript之继承
说在前面:JS其实不是面向对象的编程语言JS继承面向对象的三大特征:(1)封装: 将功能相同的属性和方法 写在一起, ‘低耦合,高内聚’;Date() Math number String write() window document Location(2)继承 : extend ----> Java是指 自己没有的东西 从别人 拿过来Animal ...原创 2019-07-18 23:47:15 · 78 阅读 · 0 评论 -
初识jQuery
jQuery是目前使用最广泛的JavaScript函数库jquery是一个函数库,一个js文件,页面用script标签引入这个js文件就可以使用。功能:Write Less, Do MorejQuery入口函数$(document).ready(function(){})//简化版$(function(){})jQuery入口函数类似于window.onload,但是比win...原创 2019-07-24 01:05:29 · 63 阅读 · 0 评论 -
正则表达式元字符
d 表示数字w 表示数字,字母和下划线s 表示空格和制表符D 表示非数字W 表示非数字,字母和下划线^ 在[ ]中表示除了,非;在[ ]之外表示输入字符串的开始位置$ 表示输入字符串的结束位置b ...原创 2019-07-24 08:45:41 · 96 阅读 · 0 评论 -
JavaScript-初识JS
前端三大组成部分一、HTML(页面的结构层)二、CSS(表现层 层叠样式表)三、JavaScript(行为层)主要用来提供用户和界面的交互JS学习阶段总体分为三大组成1、ECMAScript5.0 是指JS的基础语法(变量、数据类型、字符串、数组、流程控制语句、函数、事件、计时器、内置对象)2、BOM(浏览器对象模型): 是指用来操作浏览器的3、DOM 文档对象模型 (重点知识) :...原创 2019-07-16 23:11:39 · 143 阅读 · 0 评论 -
innerHtml与innertext区别
innerHtmlinnerHTML 属性设置或返回表格行的开始和结束标签之间的 HTMLinnertextinnerText可获取或设置指定元素标签内的文本值,从该元素标签的起始位置到终止位置的全部文本内容(不包含html标签)。...原创 2019-08-02 15:57:40 · 126 阅读 · 0 评论 -
JavaScript之HTML的DOM操作
getElementById() 返回带有指定 ID 的元素getElementsByTagName() 返回包含带有指定标签名称的所有元素的节点列表(集合/节点数组)getElementsByClassName() 返回包含带有指定类名的所有元素的节点列表getElementsByName() 返回带有指定 name 的所有元素的节点列表appendChild() 把新的子节点添加到指定...原创 2019-08-03 09:24:41 · 191 阅读 · 0 评论 -
JavaScript之函数
函数的定义函数:是指重复执行的代码块,将功能相同的代码写在一起,重复使用函数的作用优化程序,提高用户体验度,减少程序冗余函数的声明方法一直接声明function fun(a,b,c){console.log(a+b+c)}方法二函数表达式(将函数表达式赋值给变量)var fun=function(a,b,c){console.log(a+b+c)}方法三构造函数的方式(...原创 2019-07-27 00:06:16 · 97 阅读 · 0 评论 -
JS之函数的返回值return
return的执行代码示例:function fun(num1,num2){ return (num1+num2);}1.console.log(fun());可以输出函数的return信息2.var variable=fun();函数的return信息对变量进行赋值3.return本身还有结束函数的执行效果4.函数也可以return一个函数(函数嵌套函数),因为JS中函...原创 2019-07-27 08:38:44 · 459 阅读 · 0 评论 -
JavaScript之匿名函数
匿名函数即没有名称的函数function(){}匿名函数一般用于:给单独事件绑定事件处理程序,其它时间均不可被调用Js事件绑定时,函数名加括号和不加括号有什么区别?eg: window.onload大致可以理解为一:不加括号时:=指向函数,触发事件时触发函数。window.οnlοad=aa;aa为一个函数等价于window.οnlοad=fonction aa(){};不加括号...原创 2019-07-27 21:42:41 · 123 阅读 · 0 评论 -
JavaScript高级应用
JS面向对象编程面向过程与面向对象对象万事万物皆为对象对象是一个单独的的存在/单个事物的抽象对象是一个容器,封装了属性prototype与方法method优点:重复使用,简化代码,方便维护,开发效率高面向过程:现写现用(自己做事)面向对象:是一种编程思想,事先将功能编写好,使用时只需要关注功能的运用,而不需要这个功能的具体实现,在面向对象的编程过程中,需要关注的只有完成事情的对象(...原创 2019-07-18 22:32:54 · 90 阅读 · 0 评论