- 博客(27)
- 收藏
- 关注
RSS订阅原创 vue的axios的使用
1.axios的基本使用首先我们下载axios： npm install axios --save然后我们要引用他： import axios from ‘axios’接下来是一些基本使用：首先我们要知道axios是干什么用的，她是我们在vue里面用来进行发送网络请求的，所以第一步我们需要把我们的路径给获取到，然后你可以设置你是要使用get还是post，然后因为axios里面封装...
2020-04-03 15:53:58
299
原创 vue之vuex的五个属性
1.官方解释Vuex是一个专为Vue.js应用程序开发的状态管理模式。然后Vuex里面有五个特别重要的属性，分别是state，mutations，actions，getters，modules。2.state放置状态相关的信息，vue是使用单一状态树的，也就是单一数据源，也就是说我们的state只能有一个3.mutationsmutations其实就相当于我们vue里面的methods...
2020-04-01 19:38:22
26730
5
原创 vue之父子组件
1.父子组件的基本认识父子组件就是创建好两个组件，然后一个组件在components里面调用我们另外一个组件，那么被调用的就成了子组件，另外一个就成了父组件，还有的话就是根组件，他是设置在我们的vue里面的。2.父组件向子组件传递数据父组件向子组件传递数据的话是要使用我们的props，然后还有有类型限制，还可以提供一些默认值和必传值。还有就是类型是对象或者是数组是，默认值必须是一个函数。...
2020-03-20 20:06:19
1017
原创 vue之v-bind动态绑定属性
1.v-bind的基本使用v-bind就是用来动态的绑定我们的属性，一般来说绑定的值都是在我们的vue里面进行查找。当vue里面的值进行改变，我们绑定的属性的值也会进行改变。他的缩写时：，单纯的一个冒号。2绑定classv-bind配合v-on同时使用，当我们的点击按钮的时候，v-bind绑定的值就会进行取反，这时候我们的属性就会发生变化，就相当于为我们的标题添加了一个class属性。结...
2020-03-20 14:12:33
3874
原创 vue-computed之计算属性
1.计算属性的基本使用计算出来的结果就是 ”Lebron James“，其实计算属性计算出来的结果和methods没有多大区别。2.计算属性的复杂操作其实就是在计算属性里面进行循环将结果都算出来，然后再将结果返回就可以了。是比较方便的。3.computed的区别从结果中我们可以看到，虽然都输出了，但是在进行重复打印时，methods会输出多次，而computed属性只会输出一次，...
2020-03-20 13:45:11
429
原创 vue之导航守卫的使用
因为在vue里面我们只有一个index.html。所以不论我们怎么跳转，他的标题都是不变的，但其实在实际项目中，我们是需要随着组件的跳转，标题也是要发生变化的，那我们该如何进行操作呢。第一种方法就是使用我们的created函数，但是此方法有一个弊端，就是一旦我们的项目过多的话，修改起来非常麻烦，我们总不可能一个一个组件的进行修改吧，所以我们还有第二个方法。第二种方法就是使用我们的前置守卫，首...
2020-03-18 14:47:32
272
原创 vue-router之路由参数的传递
1.普通参数的传递，然后循环遍历names这个数组，最后把这个item展示出来就可以了。如果我们需要获取索引值的话，则只需在item那里加个括号，然后将index写进去，同时循环遍历就可以了2.v-for循环遍历对象我们用v-for循环遍历对象的话，如果只是获取一个值，就是获取到value。然后如果我们想获取value...
2020-03-17 20:36:06
2170
原创 vue-router路由配置
1.配置路由首先我们要引入vue和路由的插件，引入了插件之后就是要安装插件。vue里面安装插件基本都是使用use，然后我们要创建Vuerouter对象，还有就是要配置路由和组件之间的应用关系。最后将router对象传入到vue实例就可以了。2.配置路由首先我们要在component里面创建我们的vue，然后再在vue里面写好内容后导出。再在我们需要配置的js里面导入，然后给配置路由...
2020-03-17 19:43:53
341
1
原创 vue-插槽的使用
1.插槽的基本使用插槽就是当一个模板需要被重复使用时，只需要改变插槽中的内容就可以了。插槽若果有多个值得话，同时放到组件进行替换时，一起作为替换元素。2.具名插槽的使用具名插槽就是防止一样的元素，一起被修改了，这肯定是不行的，所以我们要给插槽起个名字，然后就可以单独修改了。具体修改的方式如图所示。3.作用域插槽当我们一个组件中有父组件和子组件的时候，我们就需要对里面的一些数据进行分...
2020-03-12 20:33:02
351
原创 vue指令之v-on
1.v-on的基本使用点击加号即可加加1，点击减号就会减一。v-on的作用是用来事件监听的，是用来绑定一些事件的。绑定的一些事件就在自己的方法里面定义，定义完之后调用函数就行了v-on的简写是@。2.v-on的参数问题在事件定义时，写方法省略了小括号，但是方法本身是需要一个参数的，这个时候，Vue会默认将浏览器生成的event事件对象作为参数传入到方法，而且方法定义时，我们需要ev...
2020-03-11 20:25:07
2219
原创 H5中的SVG
SVG首先我们要知道什么是SVG，SVG是指可伸缩矢量图形，可用于定义用于网络的基于矢量的图形，可使用 XML 格式定义图形。并且SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失，SVG还是万维网联盟的标准。SVG与其他的图像格式相比，它的优势在于：1、SVG 图像可通过文本编辑器来创建和修改；2、SVG 图像可被搜索、索引、脚本化或压缩；3、SVG 是可伸缩的；4、SVG 图像可在任何...
2019-09-10 20:46:01
295
原创 H5中的canvas
canvas在H5中 canvas 元素使用 JavaScript 在网页上绘制图像。画布的话本身是300乘以150的原始宽高，是一个矩形区域，可以控制器中的每一个像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。canvas本身就是一个标签，它本身是没有绘图能力的，，所有的绘制工作必须在JavaScript 内部完成。在JavaScript 内使用 id 来寻找 can...
2019-09-09 20:49:49
472
原创 关于JavaScript的BOM
navigatornavigator是封装浏览器的配置信息，是对象。navigator .cookieEnabled的作用是判断是否启用了cookie。cookie的作用是在客户端硬盘持久保存用户私密数据的小文件。navigator .plugins是检查浏览器安装的所有插件信息。然后呢我这里有一个检查自己浏览器安装什么视频插件的例子：function checkPlugins (pname)...
2019-09-01 23:01:56
81
原创 JavaScript的BOM关于event
eventevent实际上就是一个事件，是浏览器自动触发或者用户手动触发的页面状态的改变。事件处理函数就是当事件发生时自动调用的函数。在事件发生之前绑定到时间属性上。关于创建事件函数的话有三种方法。第一个是在HTML中绑定 <ANY οnclick=“alert(‘hello world’);”。第二个的话是为事件属性赋值一个函数：document.getElementsByTagName...
2019-09-01 22:35:20
111
原创 JavaScript的BOM
BOMBOM是专门操作浏览器的API 。他有六个子对象。分别是history， location， navigator， document，screen，event。至于他们的作用的话， history是浏览器的历史记录， location：窗口的url 地址栏的信息；navigator： 浏览器的配置信息； document实际上就是DOM；screen：显示设备的信息； event： 事...
2019-08-25 22:33:12
73
原创 关于DOM的table和form
tabletable的本义就是创建一个表格，table在有些方面使用起来有很大用途并且很好用，那么在这里我将给大家介绍一下怎么在DOM里面创建一个table。首先我们肯定是要创建一行的，这里的话我们用到的是create。举个例子吧：var thead = table.create THead()。这个的意思就是创建一个行分组，并且把这个行分组给添加到table中去。既然有创建，那么就有删除了，...
2019-08-21 16:45:04
130
原创 关于javascript的bind，call，apply
bind首先我们要知道bind 是什么？他是基于一个现有函数，创建一个新函数，并永久绑定this。不但可以永久绑定this，还可以永久绑定部分参数。为什么要使用，因为this总是发生变化。那我们什么时候用这个函数呢，只要希望将一个对象永久绑定在一个函数内的this上 （这个函数中的this将永久无法被其他对象使用）。call ，applycall 改变this指向。而apply和call的作...
2019-08-18 22:53:56
92
原创 javascript的DOM
DOM对于DOM，我们首先要知道这到底是一个什么东西，他是专门操作HTML内容的API。而DOM分为两种，一种是核心DOM，一种是HTMLDOM。核心DOM是能够操作所有的结构化文档，他是一个万能的，但是他比较复杂，比较繁琐。而HTML DOM是专门操作HTML内容的API，对常用的API进行简化，这个呢就比较简单，但是呢这个不是万能的。所以在实际开发中，我们：先用简单，如果简单的不能解决问题、...
2019-08-18 22:40:53
86
原创 关于面向对象
面向对象面向对象是一种编程思想，在程序里面用对象来描述现实中一个具体的事务，而对象封装了一个事务的属性和功能的程序结构。这个在jacascript是非常非常重要的。那我们为什么要使用面向对象呢，因为和现实中人的想法非常接近，便于大程序的维护。而且在我们学习了面向对象之后，今后开始写程序前，都要先用对象，描述好要操作的事务的属性和功能，在按照需求使用对象的功能，访问对象的属性。那封装是什么呢？它是...
2019-08-10 12:26:31
107
原创 关于继承和原型链
继承继承是父对象的成员，子对象不用重复创建，也可以直接使用 这样就可以节约内存，代码重用。那我们什么时候使用继承呢？只要一类子对象，都需要相同的苏醒或功能时，只要将相同的属性和功能仅在父对象中定义一次即可。那我们怎么使用呢， js中的继承都是继承原型对象。原型对象又是什么呢？它是专门集中存储一类子对象相同属性和功能的父对象 同一类子对象所共有的属性或方法。那我们怎么定义？在我们创建构造函数的...
2019-08-08 20:47:08
193
原创 javascript的数组一点心得
数组对于数组，我们首先要弄懂什么是数组。其实数组就是存出一对变量的，内存中连续存储多个数据的存储空间，统一的名字。而我们为什么要使用数组呢，因为要连续存储的多个数据编译维护和查询。第一步，如何创建这个数组呢，有三种方法，第一种直接创建一个空数组，例如：var arr = []; 第二个创建一个已知数据个数的空数组，例如：var scores = new array(); 3 创建数组同时初...
2019-08-03 12:14:50
186
原创 关于JavaScript的一些心得
关于循环关于循环，我觉得在js里面还是蛮重要的，因为我觉得在很多地方都需要用到循环这个东西。而对于循环来说，他有三个要素，第一个是循环的变量，这个还是蛮重要的，没定义好的话可能就会变成死循环，第二个就是循环的条件了，这个你必须要满足才能进行循环，否则循环是循环不起来的。第三个就是循环变量的变化，这个变化一般是趋向于条件的不满足，也就是是说循环开药结束了。循环大致分为三种，大概是while ，do...
2019-08-03 11:07:48
110
原创 关于javascript的一些心得
什么是函数一段定义好的代码，并可以被反复使用的代码块。函数的作用提升代码的可复用性将一段代码进行预定义，需要才触发。代码块：形成了一个相对独立的作用域。return：返回值 返回执行的一些结果，结束函数，最多就一个返回值。语法function 函数名（参数列表）{代码块（函数体） ==> 待执行的代码块 }比如说计算两个数的和function sum(...
2019-07-28 23:16:15
104
原创 关于学习JavaScript的一点心得
近期学习了js初级，有很多的感想，也学到了很多的东西，再次希望和大家分享一下。首先JS是一门解释性的脚本语言，他可以直接运行，不需要编译，直接执行，出错就停止。JS的运行环境就是在JS解释器或者引擎。然后完整的JS语言是由三个部分组成的，他们分别是ECMA Script、Dom、Bom。ECMA Script是JS语言的核心语法，而Dom是让JS有能力操作页面内容，Bom是让JS有能力与浏览器对...
2019-07-22 20:04:32
715
原创 前端JavaScript关于算数的10道题
1实现九九乘法表for(var i = 1;i<=9;i++){for(var j = 1;j<=i;j++){var desc = j + “" + i + “=” + ji + " “;document.write(desc);}document.write(””);}2 求出1-1/2+1/3-1/4……1/100的结果var j=0;for(var i=2;...
2019-07-21 22:28:58
890
原创 关于学习web前端的心得
关于学习web前端，其实我是一个新手，才刚刚学习了几天，但是觉得自己学的还可以，所以来分享一下我的学习心得。首先我们学习的是Html，对于这个，其实还是蛮简单的，就是需要自己去记东西。你把这些html的基本标签给记熟了，在你自己写代码的时候就不会卡壳。然后接下来学习的就是Css，这个还是比较难的，因为Css包括了很多东西，首先学习的就是选择器，css有很多选择器，都有不同的作用，比如类选择器.c...
2019-07-14 20:17:02
3093
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人