- 博客(11)
- 收藏
- 关注
原创 ref的使用
原生js获取DOM元素是很麻烦的,需要用如:document.getElementById这么长的API来获取,于是jQuery应运而生,$("#id")的使用使我们的操作变得简便起来。但是jQuery仅仅是库(插件),不能够用来搭建框架。于是vue可以帮我们解决这个问题,vue也有自带的获取DOM的方法,那就是ref。它不仅可以获取DOM元素还可以获取组件。一、获取DOM,操作DOM1、给dom节点记上ref属性,可以理解为给dom节点起了个名字。2、加上ref之后,在$refs属性中多了这个
2022-04-19 22:34:24
907
原创 数组的去重
一、原生JS去重数组去重思路:1、建立新数组2、遍历旧数组3、往新数组中放置旧数组的元素4、遍历新数组5、判断如果新数组中有相同的元素,就不往新数组中放了var flag = true;//新数组中没有相同的元素 var arrOld = [2, 3, 5, 4, 3, 2, 6, 8, 5, 4, 6, 2]; // 1、 var arrNew = []; // 2、 for (var i = 0; i < arrOld.length; i++) {
2022-04-19 22:30:34
113
原创 微信小程序
一、微信小程序的优劣势1、优势微信助理,容易推广。在微信中,小程序拥有众多入口,例如附近的小程序、小程序码、分享、发现-小程序等五十多个的入口。这些入口有助于企业更好的获取流量,从而进行转化、变现。使用便捷。用户在使用小程序时,只需要轻轻点一下就可以使用,更加符合用户对使用方便、快捷的需求,所以小程序的用户数量不断增加。体验良好,有接近原生app的体验。在微信生态里,小程序在功能和体验上是可以秒杀掉 H5 页面的,H5 页面经常出现卡顿、延时、加载慢、权限不足等原因,而这些问题在小程序里都不会出现。
2022-04-19 22:28:49
1329
原创 Vuex和路由守卫
1、vuex是什么?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储,管理应用中所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。2、为什么要用vuex?进行统一的状态管理,解决不同组件共享数据的问题。不同视图需要变更同一状态的问题。使用vuex之后,状态变化更加清晰。3、如何使用vuex?安装引入 npm install vuex --save注册到vue中import Vue from 'vue'import Vuex from '
2022-04-01 22:15:17
190
原创 CORS以及Axios封装
同源策略(CORS)所谓同源是指"协议+域名+端口"三者相同,即便两个不同的域名指向同一个 ip 地址,也非同源。同源策略/SOP(Same origin policy)是一种约定,由 Netscape 公司 1995 年引入浏览器,它是浏览器最核心也最基本的安全功能,现在所有支持 JavaScript 的浏览器都会使用这个策略。如果缺少了同源策略,浏览器很容易受到 XSS、 CSFR 等攻击。1、比如一个web应用,用户访问的页面,处理页面的请求的controller都是在同一个contextP
2022-04-01 22:05:14
862
原创 Vue 知识点小结
1、什么是Vue?Vue是构建用户界面的渐进式框架。2、MVC和MVVM的区别?MVC是后端分层开发的概念,MVVM是前端视图层的概念,关注视图层的分离,MVC中的M是model,V是view,C是contorller,model是模型层用于与数据库进行交互,view是视图层用于与用户进行交互,contorller是调度层用于接受请求,处理请求,然后返回响应。MVVM中的M是model,V是view,VM是viewModel,model是模型层进行业务逻辑,处理数据,view是视图层用于界面
2022-04-01 21:51:33
338
原创 Vue组件和路由
目录一、父组件传值子组件1、接受父组件传值2、设置传递类型3、data和props的区别二、子组件传值父组件1、子组件调用父组件的方法三、ref的使用1、获取dom节点2、获取组件四、Vue中路由的使用1、什么是路由2、如何使用路由3、路由的跳转1.声明式跳转2.函数式跳转四、路由重定向五、选中路由高亮六、组件的嵌套七、命名视图八、计算属性和监听器watch用法:Computed用法属性计算 不能和data里面.
2022-03-25 23:41:09
3417
原创 Vue组件与插槽
目录一、什么是组件?组件化和模块化的不同:全局组件定义的四种方式:二、 组件中展示数据和响应事件三、使用components属性定义局部子组件四、使用:is属性来切换不同的子组件,并添加切换动画五、slot插槽1、插槽的使用2、插槽的使用 - 具名插槽3、插槽的使用 - 默认插槽一、什么是组件?组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可。组件化和模
2022-03-25 23:28:36
816
原创 Vue第三天(生命周期,钩子函数,axios请求)
一、vue的生命周期1、什么是生命周期从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期!2、vue生命周期钩子函数将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数(生命周期函数=生命周期事件=生命周期钩子)3、vue生命周期1、beforeCreate():一般用于页面重定向2、created() :一般用于接口请求 ,数据初始化3、beforeMount():页面数据未更新,在内存中已
2022-03-23 22:26:32
2096
1
原创 Vue中部分方法的使用
一、tab切换,标签页的方法1、第一步:引入Vue.js<script src="./vue-2.4.0.js"></script>2、第二步:创建数据<script> const vm = new Vue({ el: '#app', data: { cur:0, list:[ {id:1,title:'标题1',conten
2022-03-22 21:41:28
340
原创 Vue基础与常见指令
1、Vue简介1.1 什么是VueVue 是一种用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。1.2 Vue的特点是什么1、组件化,清晰的文档结构2、声明渲染,数据渲染视图(页面)<body> <!-- 写视图层,我们要展示的内容 --&
2022-03-21 20:31:12
1102
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人