vue
文章平均质量分 56
在寒夜等候光明
这个作者很懒,什么都没留下…
展开
-
http常见的状态码
http状态码分类:100-199 提示信息 – 表示请求正在处理200-299 成功 – 表示请求正常处理完毕300-399 重定向 – 要完成请求必须进行更进一步的处理400-499 客户端错误 – 请求有语法错误或请求无法实现500-599 服务器端错误 – 服务器处理请求出错常见的状态码有哪些?200:请求成功,浏览器会把响应体内容(通常是html)显示在浏览器中;404:(客户端问题)请求的资源没有找到400: 语义有误,当前请求无法被服务器理解。401: 当.原创 2021-06-21 18:38:32 · 184 阅读 · 0 评论 -
双向数据绑定原理
vue.js是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调来渲染视图。具体步骤:第一步: 需要observer的数据对象进行递归遍历,包括子属性对象的属性,都加上 setter和getter这样的话,给这个对象的某个值赋值,就会触发setter,那么就能监听到了数据变化第二步: compile解析模板指令,将模板中的变量替换成数据,然后初始化渲染页面视图,原创 2021-06-16 18:40:08 · 245 阅读 · 0 评论 -
elememt ui中表单如何校验
第一种常用方式:表单上加rules{object}<el-form class="apply-form first-form" :model="formData" :rules="rule" ref="form"> <el-form-item label="姓名" prop="visitorName"> <el-input v-model="formData.visitorName" placeholder="请输入姓名" clearable>原创 2021-06-08 08:28:30 · 238 阅读 · 0 评论 -
vue打包上线流程,nginx服务器配置(路由history模式白屏如何处理)
一、项目完成后运行npm run build,生成一个打包文件夹tests,把这个文件夹放到html目录下二、liuulanqifang原创 2021-06-08 08:08:49 · 457 阅读 · 0 评论 -
vue-router的鉴权和守卫
vue-router原创 2021-06-07 19:23:14 · 186 阅读 · 0 评论 -
webpack打包优化
webpack打包优化有好多种方法,先总结一下其中比较实用的几种方法:一、按需加载二、优化loader配置三、关闭生产环境的sou原创 2021-06-06 21:29:18 · 123 阅读 · 0 评论 -
什么是函数节流与函数防抖
举个栗子,我们知道目前的一种说法是当 1 秒内连续播放 24 张以上的图片时,在人眼的视觉中就会形成一个连贯的动画,所以在电影的播放(以前是,现在不知道)中基本是以每秒 24 张的速度播放的,为什么不 100 张或更多是因为 24 张就可以满足人类视觉需求的时候,100 张就会显得很浪费资源。再举个栗子,假设电梯一次只能载一人的话,10 个人要上楼的话电梯就得走 10 次,是一种浪费资源的行为;而实际生活正显然不是这样的,当电梯里有人准备上楼的时候如果外面又有人按电梯的话,电梯会再次打开直到满载位置,从电梯原创 2021-06-04 16:18:31 · 216 阅读 · 0 评论 -
vant-ui 的按需引入
前言以前我们使用vue框架写项目的时候,总是在全局导入,但是到了实际开发中,为了提高性能,缩小项目体积,都会要求我们按需导入一、安装tongguo原创 2021-06-03 16:18:38 · 197 阅读 · 0 评论 -
axios拦截,api统一管理
一、概念axios的封装和api接口的统一管理,其实主要目的就是在帮助我们简化代码和利于后期的更新维护。首先要安装axios,一般我会在项目的src目录中,新建一个network文件夹,作为我们的网络请求模块,然后在里面新建一个http.js和一个api.js文件和一个reques.js。http.js文件用来封装我们的axios,api.js用来统一管理我们的接口url,在request.js中添加请求拦截和响应拦截。在请求拦截中,会给请求头添加token字段,还有loading动画的开.原创 2021-06-03 15:58:32 · 132 阅读 · 0 评论 -
多环境变量配置
1、在package.json里的scripts配置servestagebuild,过--mode xxx来执行不同环境原创 2021-06-02 09:23:40 · 582 阅读 · 0 评论 -
项目开发流程
1、确定项目的技术栈vue2.0 + vue3/4 + vue-router + axios + vuex + vant + rem + sass + webpack原创 2021-06-02 09:07:13 · 56 阅读 · 0 评论 -
Transition
一、简介Transition 可以设置 CSS 属性的过渡效果,它有以下几个属性。transition-property 用于指定应用过渡属性的名称transition-duration 用于指定这个过渡的持续时间transition-delay 用于指定延迟过渡的时间transition-timing-function 用于指定过渡的类型...原创 2021-06-02 08:43:41 · 133 阅读 · 0 评论 -
keep-alive
一、什么是keep-alive在平常开发中,有时页面跳转之间没有必要多次初始化,只需要保存页面数据即可。这时,我们需要将组件进行持久化,使组件的状态维持不变,在下一次展示shi原创 2021-06-02 07:57:36 · 356 阅读 · 0 评论 -
深拷贝
一.什么是深拷贝引用数据类型的特点:存储的是该对象在栈中引用,真实的数据存放在堆内存里浅拷贝只复制指向某个对象的指针,而不复制对象本身,新旧对象还是共享同一块内存。但深拷贝会另外创造一个一模一样的对象,新对象跟原对象不共享内存,修改新对象不会改到原对象。深拷贝采用了在堆内存中申请新的空间来存储数据,这样每个可以避免指针悬挂。深拷贝:对于深拷贝,针对成员变量存在指针的情况,不仅仅是简单的指针赋值,而是重新分配内存空间。如下: #include <stdio.h> ..原创 2021-05-23 21:35:22 · 140 阅读 · 0 评论 -
vue-router
路由原理路由就是用来解析URL以及调用对应的控制器,并返回从视图对象中提取好的网页代码给web服务器,最终返回给客户端。hash模式:在浏览器中符号的“#”,以及#后面的字符称之为hash,用window.location.hash读取;特点:hash虽然在URL中,但不被包括在HTTP请求中;用来指导浏览器动作,对服务端安全无用,hash不会重加载页面。hash 模式下,仅hash 符号之前的内容会被包含在请求中,如 http://www.xxx.com,因此对于后端来说,即..原创 2021-05-23 19:11:18 · 78 阅读 · 0 评论 -
vuex
一、简介vuex是一个专为vue开发的应用程序的状态管理模式,它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生改变,通过vuex我们可以解决组件之间数据共享的问题,后期也方便我们管理以及维护。二、组成有五个属性分别是:state、getters、mutations、actions、modulestate属性:存放状态,例如你要存放的数据等。getters:类似与共享属性,可以通过this.$store.getters来获取存放在state里面的数据。mut.原创 2021-05-21 20:51:01 · 149 阅读 · 0 评论 -
vue生命周期函数
我们每个vue文件,都可以看作成一个实例,从加载到销毁。下面我就简单的简述一下我们vue的一生,在那个时间段能做什么事情。我们vue的生命周期大致有8个分别是:实例创建前/后、组件挂载前/后、视图更新前/后、实例销毁前/后。一、实例创建之前/实例创建之后1、beforeCreate()我们vue实例创建之前执行的函数。这个时候只有一些实例本身的事件和生命周期函数2、created()vue实例创建之后执行的函数。是最早能使用data中数据和methods中方法的钩子函数。我们可以在这个钩原创 2021-05-20 21:51:37 · 162 阅读 · 0 评论 -
Vue组件通信
一.父组件传到子组件父组件代码<template> <div class="parent"> <h2>{{ msg }}</h2> <son :fa-msg="msg"></son> <!-- 子组件绑定faMsg变量,注意驼峰--> </div> </template> <script> import son from './Son' //引入原创 2021-05-20 08:02:12 · 168 阅读 · 0 评论