- 博客(11)
- 收藏
- 关注
RSS订阅原创 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
820
原创 数组的去重
一、原生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
94
原创 微信小程序
一、微信小程序的优劣势1、优势微信助理，容易推广。在微信中，小程序拥有众多入口，例如附近的小程序、小程序码、分享、发现-小程序等五十多个的入口。这些入口有助于企业更好的获取流量，从而进行转化、变现。使用便捷。用户在使用小程序时，只需要轻轻点一下就可以使用，更加符合用户对使用方便、快捷的需求，所以小程序的用户数量不断增加。体验良好，有接近原生app的体验。在微信生态里，小程序在功能和体验上是可以秒杀掉 H5 页面的，H5 页面经常出现卡顿、延时、加载慢、权限不足等原因，而这些问题在小程序里都不会出现。
2022-04-19 22:28:49
1310
原创 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
166
原创 CORS以及Axios封装
同源策略（CORS）所谓同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个 ip 地址，也非同源。同源策略/SOP（Same origin policy）是一种约定，由 Netscape 公司 1995 年引入浏览器，它是浏览器最核心也最基本的安全功能，现在所有支持 JavaScript 的浏览器都会使用这个策略。如果缺少了同源策略，浏览器很容易受到 XSS、 CSFR 等攻击。1、比如一个web应用，用户访问的页面，处理页面的请求的controller都是在同一个contextP
2022-04-01 22:05:14
832
原创 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
323
原创 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
3156
原创 Vue组件与插槽
目录一、什么是组件？组件化和模块化的不同：全局组件定义的四种方式：二、 组件中展示数据和响应事件三、使用components属性定义局部子组件四、使用:is属性来切换不同的子组件，并添加切换动画五、slot插槽1、插槽的使用2、插槽的使用 - 具名插槽3、插槽的使用 - 默认插槽一、什么是组件？组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可。组件化和模
2022-03-25 23:28:36
780
原创 Vue第三天（生命周期，钩子函数，axios请求）
一、vue的生命周期1、什么是生命周期从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！2、vue生命周期钩子函数将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数（生命周期函数=生命周期事件=生命周期钩子）3、vue生命周期1、beforeCreate()：一般用于页面重定向2、created() ：一般用于接口请求 ，数据初始化3、beforeMount()：页面数据未更新，在内存中已
2022-03-23 22:26:32
1919
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
325
原创 Vue基础与常见指令
1、Vue简介1.1 什么是VueVue 是一种用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。1.2 Vue的特点是什么1、组件化，清晰的文档结构2、声明渲染，数据渲染视图（页面）<body> <!-- 写视图层，我们要展示的内容 --&
2022-03-21 20:31:12
936
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人