JavaScript学习
文章平均质量分 94
袁成新(Chauncey Yuan)
这个作者很懒,什么都没留下…
展开
-
块级作用域中声明函数的一些小问题分析
先看一段简单代码,原题记不大清了,重新写了一个,大致如下function fun() { console.log(a); console.log(b); if (true) { function b() { console.log("ycx") }; var a = 10; } console.log(a); con...原创 2020-01-08 19:49:29 · 860 阅读 · 0 评论 -
js时间线简述
相关概念进程进程是一个具有一定独立功能的程序在一个数据集上的一次动态执行的过程,是操作系统进行资源分配和调度的一个独立单位,是应用程序运行的载体。是操作系统结构的基础。一个程序运行,至少对应一个进程线程线程是程序执行中一个单一的顺序控制流程,是程序执行流的最小单元,是处理器调度和分派的基本单位。一个进程至少有一个线程单线程一段时间内,只能去执行一个功能,只有当前功能执行完成后...原创 2019-12-29 16:06:56 · 162 阅读 · 0 评论 -
深度克隆:拷贝数据
不同数据类型的拷贝1. 基本数据类型按值传递,拷贝后直接生成一份行的数据,不会影响原来的值2. 对象、数组实际上也是按值传递不同的是数组和对象在变量里面存的实际上是一个地址值,所以是传递的地址,也就是引用,修改会影响原来的值浅拷贝数据的方法举例1. 直接赋值一个变量(浅克隆)var obj = { stuName: "chauncey", stuAge: 23,...原创 2019-12-25 20:35:06 · 159 阅读 · 0 评论 -
js闭包理解
闭包即重用变量,同时又可以保护变量不被污染的一种机制由于js作用域的原因,函数内部的变量,只能在函数内部才能访问。但是通过闭包这样一种特殊方法,可以在函数外面访问定义在函数内部的变量。更多的人会使用闭包来保护一个变量,使受保护的变量不被全局污染。具体方法如下:1、用外层函数包裹受保护的变量和操作这个变量的内层函数2、外层函数通过某些方法将内层函数赋值到外层函数之外,例如返回值3、调用...原创 2019-11-12 21:08:33 · 136 阅读 · 0 评论 -
js预编译理解
首先看一下一下三种情况的输出var a = 100;console.log(a);console.log(a);var a = 100;console.log(a);第一个为100,第二个为undefined,第三个为ReferenceError: a is not defined这就是js预编译的效果。预编译javascript是解释性语言,主要特点为解释一行执行一行,遇...原创 2019-11-12 19:45:47 · 161 阅读 · 0 评论 -
JavaScript笔记:BOM--event
event 事件浏览器自动触发或者用户手动触发的页面状态的改变事件处理函数:当事件发生时自动调用的函数事件发生之前就需要绑定到事件属性上绑定事件的三种方式:1、在html中绑定<a onclick = "alert('hello world')"></a>2、在js中动态绑定,为事件属性赋值一个函数document.getElementById("xxx...原创 2019-09-01 12:48:13 · 124 阅读 · 0 评论 -
JavaScript笔记:面向对象基础知识点
定义一种编程思想,在程序里面用对象来描述现实中的一个具体的事务对象封装了一个事务的属性和功能的程序结构本质js中一切对象的底层都是关联数组每个属性名和方法名都是关联数组中的元素value每个属性值和方法都是关联数组中的key使用面向对象的的原因和现实中人的思维方式非常接近,便于大程序的维护面向对象的三大特征封装将一个具体事务的属性和功能集中在一个对象中只要使用了面向对象,...原创 2019-08-11 23:00:06 · 124 阅读 · 0 评论 -
html+css+JavaScript实现2048小游戏(附源码)
游戏背景图使用了页面背景粒子特效,下载地址:HTML5动态粒子特效整体描述2048作为一个简单的数字游戏,html+css+JavaScript实现起来难度并不大,上下左右移动的算法是该游戏的核心。游戏的画面很简单,整体16个方格大部分都是灰色的,当玩家拼出数字之后就会改变颜色,整体格调比较简单。一开始方格内会出现2或者4这两个小数字,玩家每次可以选择上下左右其中一个方向去滑动,每滑动一次...原创 2019-08-11 22:32:56 · 10309 阅读 · 13 评论 -
JavaScript:省、市、县三级联动案例
三级联动城市数据来自:四月四日梦:中国城市三级联动数据运行效果源代码index.html<!-- /* * @Author: Chauncey Yuan * @Date: 2019-08-15 19:23:45 * @Last Modified by: Chauncey Yuan * @Last Modified time: 2019-08-15 19:23:4...原创 2019-08-15 21:31:36 · 380 阅读 · 0 评论 -
JavaScript笔记:DOM(一)
DOMDOM ( Document Object Model ):专门操作HTML内容的APIDOM是JavaScript的三个重要组成(ES(核心语法) DOM BOM)之一核心DOM能够操作所有结构化文档 (HTML,XML)特点:万能的但是复杂而且繁琐HTML DOM专门操作HTML内容的API 常用的API进行简化特点:简单但是并非是万能的DOM Tree(节点树)网页...原创 2019-08-18 23:01:45 · 108 阅读 · 0 评论 -
JavaScript笔记:运算符
运算符:等同于数学中的运算一样处理表达式:一定都会有值//赋值表达式var a = 10;//算术表达式a + 10;console.log(a);1、算术运算符:+ - * / % ++ –(1)i++与++i的区别:i++ 先用再加++i 先加再用(2)优先级问题:先算 * / %,再算 + -可以使用括号()改变运算顺序(3)解决误差使用函数 ...原创 2019-07-22 20:27:21 · 147 阅读 · 0 评论 -
JavaScript:200以内的加减法小练习
在之前一个练习题上进行改动,做了一个200以内的加减法的小练习的页面。加减法随机生成:如果是加法,则和在200以内。如果是减法,则差不会为负数。运行效果源代码<!-- /* * @Author: Chauncey Yuan * @Date: 2019-08-01 18:25:30 * @Last Modified by: Chauncey Yuan * @La...原创 2019-08-03 11:32:58 · 1800 阅读 · 1 评论 -
JavaScript笔记:数组(二):数组的存储原理与垃圾回收器
一、数组的存储类型:数组是引用类型的对象引用类型:数据无法直接保存在变量本地的数据类型。因为变量只允许保存一个值,而引用类型往往保存多个值。会在window对象之外,创建一个独立的空间,产生一个唯一的地址。变量中依然保存的是一个值,只是数组中仅保存了地址。例:var student = ["张三", "李四", "王五", "马六"];var teacher = student;c...原创 2019-08-03 10:23:44 · 346 阅读 · 0 评论 -
10个js算法题目(详细注释+源码)
10个js算法题目(详细注释+源码)1、冒泡排序调优(从小到大排序)2、输出九九乘法表3、输出水仙花数4、1–10的阶乘和5、输出1900年至2100年中的所有闰年6、输出10–100之间的所有素数7、1,2,3,4四个数字,能组合成多少种互不相同且没有重复的三位数8、取出四位数中的各个位上的数字9、猴子吃桃问题10、用星号输出菱形Google Chrome Console运...原创 2019-07-20 17:06:52 · 1884 阅读 · 1 评论 -
js分解质因数问题
源代码<body> <script> // 定义一个数组,用来存放因数 var factorList = []; // 定义数组里面数的位置的起始值0 var a = 0; // 定义分解质因数的函数 function decomposition(num) { ...原创 2019-07-24 21:33:46 · 1002 阅读 · 0 评论 -
JavaScript笔记:数组(一):数组的基本知识
一、数组的定义存储一堆变量的地方内存中连续存储多个数据的存储空间,使用统一的名字二、数组的方便之处连续存储的多个数据,方便维护和查询(管理)三、数组的使用1、如何创建创建空数组:var arr1 = [];var arr2 = new Array();创建已知数据个数的空数组:var arr3 = new Array(17);创建数组同时初始化内容:var arr4 ...原创 2019-07-29 10:03:12 · 127 阅读 · 0 评论 -
js在页面输出九九乘法表
源代码<body> <script type="text/javascript"> document.write("<p>九九乘法表</p>"); // 输出html表格标签 document.write("<table>"); // 第一层循环,第一个因数,1~9...原创 2019-07-23 23:17:30 · 4386 阅读 · 0 评论