a1345954104的博客

原创 vue思维导图

原创 vue生命周期钩子函数

vue生命周期钩子函数beforeCreate----创建前：组件实例被创建时，组件属性计算之前，数据对象data都为undefined，未初始化。created----创建后：组件实例创建完成，属性已经绑定，数据对象data已存在，但dom未生成，el未存在。beforeMount−−−挂载前：vue实例的el未存在。beforeMount---挂载前：vue实例的el未存在。befor...

原创 vue中runtimecompiler和runtimeonly的区别

简单总结如果在之后的开发中，你依然使用template，就需要选择runtimecompiler如果你之后的开发中，使用的是.vue文件夹开发，那么可以选择runtimeonlyruntimecompilerVue中的模板如何最终渲染成真实DOMtemplate -> ast -> render -> vdom -> UIruntimeonlyVue中的模...

原创 vue子传父

子传父是通过自定义事件来进行传值，通过上图可以看到子组件通过$emit发射了一个叫item_click的事件父组件只需要在组件内用v-on来触发这个事件，如上图通过控制台可以看见，当我点击对应按钮就会得到子组件中的对象，说明子组件已将值传给了父组件...

原创 vue父传子

父传子通过props来传递值，其中default是默认值，不传的时候才会显示，required是必传值，当它为true时必须传入，否则会报错，type是设置传值的类型子组件模板使用子组件，注意值要用v-bind绑定这个是结果，可以看出父组件的值已经传给子组件了总结一下：子组件在props中创建一个属性，用以接收父组件传过来的值父组件中注册子组件在子组件标签中添加子组件pro...

原创 vue的计算属性

一、计算属性的基本使用结果如图通常里面每一个都是计算相关函数，返回最后计算出来的值。和methods并无太大差别。二、计算属性和methods的区别结果如下控制台结果从控制台结果可以看出，当我们打印多次时，计算属性只打印了一次，而methods却打印了多次。由此得出：1.计算属性是基于他们的依赖进行缓存的，只有在相关依赖发生改变时，他们才会重新求值，也就是说，只要他的依赖没...

原创 vue指令之v-bind

1.v-bind的基本使用v-bind的作用是动态来决定属性，比如说动态决定图片地址或者a标签的href注意：v-bind后面是：属性名=，我的理解是表示绑定这个属性，绑定之后，对应的值要去vue的数据里面找。当我们在控制台改变url时，对应也会变化。（v-bind简写为 “ : ”）2.v-bind绑定class（对象和数组方法）当我点击按钮后v-bind绑定对象的方式...

原创 面向对象

面向对象一种编程思想，在程序里面用对象来描述现实中一个具体的事物对象：封装了一个事物的属性和功能的程序结构为什么要使用面向对象：和现实中人的想法非常接近，便于大程序的维护封装：将一个具体事务的属性和功能集中定义在一个对象中只要使用面向对象，都要将事物的属性和功能封装到一个对象中，再反复使用对象和对象的功能事物的属性会成为对象的属性，事物的功能会成为对象的方法对象本质：js中的一切对象...

原创 函数的创建，作用域以及重载

Function一切函数都是对象封装了可重复使用的代码块对象，函数名只不过是一个引用函数对象的变量什么时候要将代码封装起来？独立的且可以反复执行的内容什么时候需要使用参数？只要函数执行就必须使用的某些数据，否则无法正常执行 这些数据就定义为参数什么时候需要使用返回值？如果函数的调用者需要函数执行的结果，函数就必须有返回值function创建1.声明：function 函数名(参数列表...

原创 Math，Date和Error

Math特点：不能使用new关键字创建Math：专门封装了数学计算所常用的量，并且提供了数学计算所用的API要做数学运算的时候使用1.Math.ceil(num)向上取整 取num的下一个整数2.Math.floor(num)向下取整，省略小数部分 将参数都转换为数字，取整parseInt(str) 将一切都转换为字符串 ，再按位读取字符3.Math.round(num) 四舍五入...

原创 正则表达式

正则正则表达式规定一个字符串中字符出现的规律的表达式当我们只要使用一个种规则，模糊匹配关键词时，就可以使用正则表达式。使用正则表达式的最简单的方法就是关键词原文然后是字符集，字符集就是规定字符串中某一位字符，备选字符列表 只有一个字符，但是有多重选择字符语法：[备选字符列表]每个字符集只能匹配一位字符，且每个字符集中至少匹配一次简写：1.如果备选字符列表是连续的，可用短横杠（...

原创 二维数组，字符串与数组的区别以及内置对象和包装类对象

一.二维数组二维数组就是在数组元素中又引入另一个子数组创建方法var arr = [] ;//不知道子数组内容arr[0] = [0,1,2,3];arr[1] = [4,5,6,7];arr[2] = [8,9,10,11];console.log(arr);访问和普通数组一样访问遍历二维数组var data = [ [2,3,1,4]; [5,4,8,7]; [...

原创 队列与栈

一.队列特点：只能从一端进入，从另一端出去的数组，即先进先出。如果我们希望按照先后顺序使用数组，就可以用队列来实现下面是一个例子var iphone = 5;var queue = [];//购买iphone排队的人for(var i =1; i<=5 ; I++){queue.push("顾客"+i);}console.log(String(queue));while...

原创 数组的splice方法和关联数组

数组的修改数组的主要包括：删除，插入，替换，这三件事都是通过一个API（splice）来完成的首先来看第一个删除arr.splice(starti,n)删除arr中starti开始的n个元素（包括starti自己也要被删除）var arr = [1,2,3,4,5];var arr2 = arr.splice(3,2);删除的结果为4，5被删除了注意：1.这个支持负数2.返回值：被...

原创 常用的数组API

常用的数组API转字符串1.String（arr）这个API的作用就是将数组转化成字符串的形式显示，再用逗号链接2.arr.join（“自定义的连接符”）：将数组中的元素先转换为字符串，再用自定义的连接符链接起来注意：如果“”之间为空则是将数组无缝拼接起来拼接拼接顾名思义就是将其他元素或者另一个数组，拼接到当前数组结尾newArr = arr.concat（val1,val2）;就是...

原创 数组的介绍

数组什么是数组？内存中连续存储多个数据的存储空间，有统一的名字为什么要使用数组？使连续存储的多个数据便于维护和查询1.数组的创建数组有三种创建方式数组的命名和变量一样不能以数字开头 不能使用关键字和保留字 允许使用下划线，$，字母以及数字1.var arr=[];创建一个不知道多少数据的空数组2.创建一个已知数据个数的空数组比如说创建一个考试成绩的数组var scores = n...

原创 三种常用的循环

一.循环循环：一次一次的重复执行相同的代码特点：1、循环条件 规定循环的执行次数（如果不规定次数就会无限循环）2、循环的操作 要执行的相同或显示的语句循环分为3种，分别是while循环，do while 循环，for循环循环的三要素1.循环变量2.循环条件 满足时才执行循环体3.循环变量的变化 变化是趋向于条件的不满足 趋向于循环的结束whilewhile(循环...

原创 函数和分支语句

一丶函数函数是一段定义好的代码，并可以被反复使用的代码块（就是一个相对独立的作用域）语法：function 函数名(参数列表){代码块（函数体） ==>待执行的代码块return 返回值}返回执行的结果，结束函数（程序碰到return之后，return后面的代码就不会执行了） 最多只能有一个返回值举个例子：计算两个数的和function sum(num1,num2){...

原创 JS的初步认识

近期我学习了一些关于JS的知识，在这里我想和大家一起分享一下。一.什么是JSJS是一种运行在jJS解释器或者引擎中的解释型脚本语言，这里我提到了解释性语言，其实还有一种编译型语言。编译型语言就是在程序写好了之后，通过专门的工具编译，然后检测语法错误的一种语言，比如说JAVA；而解释型语言就是在运行之前不需要编译，直接执行， 出错就停止。JS是在JS解释器或者引擎中运行的，NodeJS就是...

原创 JS的一些简单基础运算题

1.输入一个四位数，在控制台分别显示个位，十位，百位，千位的数值var a = prompt("请输入一个四位数的正整数");var b = parseInt(a/1000);var c = parseInt(a/100);var d = c%10;var e = a%100;var f = parseInt(e/10);var g = a%10;console.log('千位数是...

原创 HTML和CSS

一.html元素html元素指的是从开始标签到结束标签的所有代码html元素的语法是•HTML 元素以开始标签起始•HTML 元素以结束标签终止•元素的内容是开始标签与结束标签之间的内容•某些 HTML 元素具有空内容（empty content）•空元素在开始标签中进行关闭（以开始标签的结束而结束）•大多数 HTML 元素可拥有属性html的大多数标签是可以嵌套使用HTML ...