- 博客(23)
- 收藏
- 关注
RSS订阅原创 使用工厂方法创建对象，构造函数，原型对象
一、使用工厂方法创建对象创建一个对象var obj = { name: "Lily", age: 19, gender: "女", sayName: function() { alert(this.name); }};var obj2 = { name: "Tom", age: 19, gender: "男", sayName: function() { alert(this.name); }};var obj3 = { name: "Amy", age: 1
2021-01-05 17:00:50
424
原创 Vue组件——自定义全局组件
Vue两大核心：1.数据驱动界面改变2.组件化什么是组件？什么是组件化？在前端开发中组件就是把一个很大的界面拆分成多个小的界面，每一个小的界面就是一个组件将大界面拆分成小界面就是组件化组件化的好处1.可以简化Vue实例的代码2.可以提高复用性如何创建组件（三步）创建组件构造器<script> let Profile = Vue.extend({ template : ` <img src = "images/1.jpg"> <p&g
2020-08-28 20:59:52
875
原创 数组排序——关于冒泡排序和选择排序
冒泡排序【原理】前后两个数两两进行比较，如果符合交换条件，交换位置。直到所有数据排序完成，结束比较/*第一轮比较：9, 8, 7, 6, 5, 48, 9, 7, 6, 5, 48, 7, 9, 6, 5, 48, 7, 6, 9, 5, 48, 7, 6, 5, 9, 48, 7, 6, 5, 4, 9第二轮比较：8, 7, 6, 5, 47, 8, 6, 5, 47, 6, 8, 5, 47, 6, 5, 8, 47, 6, 5, 4, 8第三轮比较：7, 6, 5,
2020-07-24 10:28:04
219
原创 数组排序——系统提供的排序方法
系统提供的排序方法reverse() 逆向排序【格式】数组.reverse();var arr = [10, 20, 30, 40]; arr.reverse(); alert(arr); sort()【格式】数组.sort();【功能】将数组中的元素升序排序【注】sort默认是按照字符串进行排序var arr = [4, 2, 1, 3, 5]; arr.sort(); alert(arr); 【要求】一般情况下，我们需要自己编写排序算法，系统提供给我们的排序函数，用
2020-07-24 09:19:04
153
原创 Angular的环境搭建、创建项目以及运行项目
环境搭建安装node.jshttps://nodejs.org安装angular的计算机上面必须安装最新的nodejs——注意安装nodejs稳定版本安装完成后，打开cmd，输入node -v命令查看nodejs版本输入npm -v查看npm的版本（nodejs安装之后npm就自动安装上了）安装cnpmnpm可能安装失败建议先用npm安装一下cnpm用淘宝镜像安装https://npm.taobao.org可以直接将下面这句话复制到终端npm install -g cnpm --
2020-07-22 21:08:43
613
原创 VSCode转换成中文版
打开界面以后左边菜单最后一个按钮：然后在搜索框里输入configure language,找到中文(简体)版,点击Install安装，安装后重启即可重新启用后即变成中文版
2020-07-22 21:05:44
1016
原创 数组——栈方法和队列方法
栈结构栈结构：从一个口进，从同一个口出。【特点】先进后出push()【格式】数组.push(元素…);【功能】给数组末尾添加元素【参数】我们要添加的元素，参数个数随意【返回值】添加元素以后，数组的长度var arr = ["Lily","John","Jerry"]; var res = arr.push("Jack","Tom"); alert(arr); //Lily,John,Jerry,Jack,Tomalert(res); //5pop()【格式】数组.pop()
2020-07-19 10:22:24
190
原创 数组——关于属性和遍历
数组的长度arr.length访问数组元素的个数【注】length属性，不是只读的，可以设置var arr = ["red", "blue", "green"]; alert(arr.length); //3arr.length = 2; alert(arr); //red,blue数组元素的访问和赋值数组元素的访问和赋值，都是通过数组的下标完成【注】下标就是索引，即元素的序号，从0开始，下标最大取值是：数组的长度(length) - 1。下标可以是变量或者表达式var arr = [
2020-07-14 10:58:16
201
原创 数组——数组的定义
数据类型基本数据类型：数字字符串布尔值特殊数据类型 null undefined复合数据类型：数组：存储大量的数据数组的概念字面意思上是一组数据，一组（一般情况下相同类型的）的数据（不一定都是数字）数组是一种数据类型数组的作用：使用单独的变量来存储一系列的值数组的定义使用new运算符创建时数组参数：是我们要在数组中存储的数据var arr = new Array(1, true, "hello"); alert(arr); 参数：如果当前的参数，只有一个，并且这个参数是
2020-07-14 10:14:42
743
原创 函数——事件驱动函数
什么是事件驱动函数？在和页面交互的过程中所调用的函数，该函数被称之为事件驱动函数什么是事件？和页面交互的行为称之为事件。比如：鼠标点击某个按钮时(onclick)、鼠标浮动或离开到某个区域时（onmouseover、onmouseout）、文本框获取焦点和失去焦点时（onfocus、onblur）等我们可以通过document.getElementById找到符合条件的标签节点。然后我们可以同事件驱动函数，给当前的按钮绑定一系列的操作。完成用户交互。<body> <input
2020-07-13 12:05:28
391
原创 函数——斐波那契数列
斐波那契数列兔子繁殖问题，设有一对新生兔子，从第四个月开始他们每个月月初都新生一对兔子。新生的兔子从第四个月月初开始又每个月生一对兔子。按此规律，并假设兔子没有死亡，n(n <= 20)个月月末共有多少对兔子。 一月兔 二月兔 &n
2020-07-13 11:11:14
711
原创 函数——关于递归
递归概念：函数自己调用自己的过程称为递归调用函数的递归调用【方法】1.首先去找临界值，既无需计算，获得的值2.找这一次和上一次的关系3.假设当前函数已经可以使用了，调用自身计算上一次的运行结果，再写出这次的运行结果【特点】1.必须有参数2.必须有return1加到n的和 sum(100) = sum(99) + 100; &
2020-07-12 11:14:21
117
原创 判断一个年份是不是闰年、判断一个数是否是素数
判断一个年份是不是闰年【分析】参数：年份返回值：是否是闰年function leapYear(year){ if(year % 400 == 0 || year % 4 == 0 && year % 100 != 0){ return true; }else{ return false; } } alert(leapYear(2000)); //truealert(leapYear(2017)); //false判断一个数是否是素数素数：只能被1和
2020-07-12 10:50:25
275
原创 函数——关于返回值
希望能够在函数外部获取到，函数调用的结果如果我们要是外部获取到函数内运行的结果，可以通过return语句跟在后面的要返回的值来实现返回值return后面所跟表达式的值，就是当前函数调用的值函数执行到return语句以后，就是执行结束，跟在return后面其他的语句，执行不到function add(num1, num2){ alert(num1, num2); return num1 + num2; alert(1); //执行不到} ...
2020-07-12 10:24:05
194
1
原创 函数——关于arguments
计算所有传入参数的和，具体传入多少参数不确定arguments：在每一个函数内，都有一个内置的数组，是一个变量，叫做arguments。arguments可以存储当前函数传入的所有参数，而且，是通过传参的顺序，进行排列的arguments.length 输入传入参数的个数访问arguments里面的数据，需要通过对应的房间号/下标进行访问function sum(){ alert(arguments.length); alert(arguements[2]); } sum(3, 4.
2020-07-12 10:04:16
243
原创 三大流程控制语句——循环结构
循环结构是程序中一种很重要的结构，其特点是在给定条件成立时，反复执行某程序段，直到条件不成立为止【分类】while循环do…while循环for循环【格式】while(表达式){ 循环语句;  
2020-07-11 20:47:20
350
原创 三大流程控制语句——顺序结构和选择结构
采用结构化的程序设计，可以大大提高开发程序的速度、提高程序的可读性、程序运行的速度和效率。结构化程序是由若干个基本结构组合而成，每一个结构可以包含若干条语句和其他结构。共有三种基本结构。顺序结构顺序结构是最简单的程序结构，它是由若干个依次执行的处理步骤组成的。选择结构在处理实际问题时，只有顺序结构是不够的，经常会遇到一些条件的判断，流程根据条件是否成立有不同的流向。这种先根据条件作出判断，再决定执行哪一种操作的结构称为分支结构，也称为选择结构。单分支【格式】if(判断语句){ 
2020-06-29 22:58:56
1085
原创 关于表达式与运算符
表达式——运算符和操作数组成的式子看表达式：功能、表达式值运算符：1.算数运算符2.关系运算符3.逻辑运算符4.赋值运算符5.自增、自减运算符赋值运算符= 作用：将等号右边的值赋值给等号左边的变量复合赋值运算符：+= *= /= %=var t = 5; t += 10; //15 t = t + 10; 一元运算符只能操作一个值的运算符，叫做一元运算符a++;++a;++后置，先取a的值，然后再进行+1操作++前置，先进行+1操作，然后再取a的值a－－ ;
2020-06-23 23:52:58
267
原创 自动数据类型转换与强制数据类型转换
运算符算数运算符关系运算符逻辑运算符赋值运算符自增、自减运算符自动数据类型转换任何类型的数据和字符串类型数据做相加操作的时候。其他数据类型会自动转换称为字符串类型。字符串拼接。此时的相加操作不再是数学意义上的加法，而是表示拼接的意思。如果其中一个操作数是字符串的时候，+号叫做字符串的拼接。<script type="text/javascript"> var t = "您" + "好"; var t = "1" + 1; var t = "h" + true;
2020-06-20 23:17:34
550
原创 关于script标签
script标签type=“text/javascript” 说明当前script标签中文本的类型<script>标签的属性text/javascript表示说明这一段脚本语言是JavaScript，告诉浏览器这一段要按照JavaScript来执行(1)language已废弃。原来用于代码使用的脚本语言。由于大多数浏览器忽略它，所以不要用了(2)src表示要引入的外部文件(3)type表示脚本语言的类型所有的JS代码都必须写在script标签里为了语法规范，script标签写在
2020-06-20 11:05:51
441
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人