2 牛先森家的牛奶

尚未进行身份认证

我要认证

语言只是一门工具

等级
TA的排名 7w+

vue问题总结

vue问题当组件的children共用子组件时 导致路径跳转问题vue验证码失效问题当组件的children共用子组件时 导致路径跳转问题解决如下:原因:因为当两个组件共用时,没有组件的创建和销毁,也就是组件复用了,所以出现路由跳转了,但是页面内容并没有改变或者说刷新的问题。所以这里需要用到 watch监听路由的变化 用来改变某些参数,为了达到我们的需求。 watch: { // // 监听实例属性,如果有变化则执行这里的代码 // userId: function (ne

2020-10-29 11:40:29

vue 全局注册

vue 全局注册vue 全局注册全局组件全局指令全局过滤器全局方法vue 全局注册当你注册完之后,可以在任何组件中直接使用,而不需要在各个组件中引入并局部注册通常公共组件放在src文件夹下的components文件夹中,这里的组件进行全局注册。全局组件1、在src文件夹中新建utils文件夹,utils文件夹中一般存放通用的辅助文件(方法、数据等)2、在文件夹中新建components.js文件3、在components.js文件引入所有要注册的全局组件4、在main.js中引入compon

2020-10-29 10:13:15

vuex概念说明和引用

vuex1. vuex是什么2. 状态自管理应用3. 多组件共享状态的问题4. vuex的核心概念1). state2). mutations3). actions4). getters5). modules6). 向外暴露store对象7). 组件中:8). 映射store9). store对象5. 将vuex引到项目中1). 下载: npm install vuex --save2). 使用vuex1. vuex是什么github站点: https://github.com/vuejs/vuex在

2020-10-28 23:40:22

axios之http请求

利用axios发请求/** * 二次封装 */import axios from 'axios';import store from '../store'import {message} from 'antd';const request = axios.create({ baseURL:'http://112.74.111.183:8888/api', withCredentials:true // 请求浏览器cookie允许})// 请求拦截:在请求发出去之前进

2020-10-28 23:39:49

axios使用分析

axios 从入门到源码分析axios 从入门到源码分析第 1 章:HTTP 相关1.1. MDN 文档1.2. HTTP1.3. HTTP 请求报文1.4. HTTP 响应报文1.5. post 请求体参数格式1.6. 常见的响应状态码1.7. 不同类型的请求及其作用1.8. API 的分类1.9. 使用 json-server 搭建 REST API第 2 章:XHR 的理解和使用2.1. MDN2.2. 理解2.3. 区别一般 http 请求与 ajax 请求2.4

2020-10-28 23:38:56

webpack

Webpack文章目录Webpack了解Webpack什么是webpack为什要使用webpackwebpack与gulp的区别使用webpack安装配置文件运行Loader(加载器)babel-loadercss-loadervue-loaderurl-loaderPlugins(插件)HtmlWebpackPluginclean-webpack-pluginextract-text-webpack-plugincopy-webpack-pluginwebpack自带插件Hot Module Repla

2020-10-27 17:48:34

vue项目中引用阿里iconfont

1、下载2、解压注意:可以把整个文件都放到vue项目中3、改iconfont.css 中的 名字4、引用项目中5、使用即可

2020-10-27 17:37:34

vue生命周期的理解

vue生命周期的理解vue生命周期图父子组件生命周期执行顺序前几天面试,被面试官问的了对vue生命周期的理解,发现会使用,但这完全还不行,对vue生命周期理解还不到位,正好晚上睡不着,索性看些资料再理解理解;vue生命周期图在调用beforeCreate()函数时,只进行了一些必要的初始化操作(例如一些全局的配置和根实例的一些属性初始化),此时data属性为undefined,没有可供操作的数据。调用Created()函数,在这一步,实例已完成以下的配置:数据代理和动态数据绑定(data

2020-10-18 14:28:16

js事件运行机制和事件机制

js事件运行机制单线程任务队列事件和回调函数Event Loop单线程因为 javascript是单线程的,所谓的单线程是指JS引擎中负责解释和执行javascript代码的线程只有一个,可以称为主线程。问:为什么JavaScript不能有多个线程呢?这样能提高效率啊。假定JavaScript同时有两个线程,一个线程在某个DOM节点上添加内容,另一个线程删除了这个节点,这时浏览器应该以哪个线程为准?所以,为了避免复杂性,从一诞生,JavaScript就是单线程,这已经成了这门语言的核心特征,将来也

2020-10-17 22:55:08

认识vue3.0

vue3.0亮点变化vue3.0快速上手组合APIreactive是什么ref是什么递归监听 shallowRef / shallowReactivetoRaw方法markRaw 方法toRef 方法toRefs 方法customRefref获取元素readonlyvue3响应式数据本质亮点Performance 性能比vue2.0开1.2~2倍Tree shaking support :按需编译,体积比vue2.x更小Composition API :组合 API (类似React Hooks

2020-10-08 17:57:02

jQuery的整理

jQuery微整理jQueryjQuery入口函数jQuery中的顶级对象$jQuery对象和原生DOM对象jQuery 对象和 DOM 对象转换jQuery选择器基础选择器层级选择器筛选选择器jQuery设置样式css()设置类样式方法jQuery效果jQuery属性操作jQuery文本属性值jQuery元素操作遍历创建添加删除克隆jQuery 尺寸、位置操作jQuery 尺寸操作jQuery 位置操作jQuery 事件注册jQuery 事件处理事件处理 on() 绑定事件事件处理 off() 解绑事件事

2020-10-06 09:43:12

总结JavaScript要点

JavaScript要点JavaScript作用域就是代码名字在某个范围内起作用和效果,目的是为了提高程序的可靠性,更重要的是减少命名冲突js的作用域(es6之前):全局作用域、局部作用域全局作用域:整个script标签或者是一个单独的js文件, 比如:var num=10局部作用域(也叫做函数作用域)在函数内部就是局部作用域,这个代码的名字只能在函数内起效果和作用 ,比如: function fn(){}变量作用域的分类在js中,根据作用域的不同,变量分为两种:全局变量和局部变量全局

2020-10-06 09:06:09

vue权限(1)

vue权限之前在项目中做登录注册还有后台管理的,发现有一个比较重要的地方,就是权限问题,于是乎写了一些关于权限的内容,好了开始。根据用户权限不同,所能看到的页面和可操作性也不同admin ——> 所有页面都可以看到svip ——> 属于超级会员的权限vip ——> 属于会员的权限先单独写个服务器其中的token就是用于判断权限(当然实际肯定不是下面)const express = require("express")const app = express()const u

2020-10-04 09:15:33

export和import的答疑

正题如下前提 用过ES6的人 都知道export和import 但是有没有发现,导出导入的时候总觉得和想象中的不一样,那就来看看下面的一些写法;截图以前react项目中部分导入的写法:import {xxx, xxxx} from 'xxx'import xxx from 'xxx'import('./xxx')let xxx = 'x'; export {xxx}export class xxx {}export default {}exports.post()module.e

2020-09-26 13:03:29

SVN的使用

SVN简单使用基本操作检出 checkout新增 add提交commit更新 update历史记录新建项目2、放入文件,右键提交注意:每次提交前先进行SVN更新,习惯最重要撤销和恢复撤销本地修改撤销已提交内容恢复到指定版本...

2020-09-25 23:16:38

css自定义属性和使用

1、自定义属性的命名规则 --variables-name:variables-value(变量名是大小写敏感的) --属性名:属性值 例如定义一个主题颜色: --theme-color:red;// 例如:root{ --primary-color:#989898; --light:#fff; --dark:#000;}2、作用域//:root作用于全局:root{ --theme-color:red;}//#app作用于id为ap

2020-09-25 09:44:38

搞懂redux

搞懂redux搞懂reduxredux原理redux使用redux工作流程redux应用react-redux搞懂reduxredux原理Redux 是一种新型的前端“架构模式”(Flux 架构的一种变种),它不关注你到底用什么库,你可以把它应用到 React 和 Vue,甚至跟 jQuery 结合都没有问题。Redux 的基本做法:用户发出 Action,Reducer 函数算出新的 State,View 重新渲染。redux使用redux使用步骤引入redux import

2020-09-20 17:53:30

ES6的生成器Generator和迭代器Iterator

正题如下:对象不能使用for of 去遍历的原因:对象不是可迭代的但是对ES6有过了解的,都知道一个函数,那就是生成器和迭代器,那具体是干什么的?首先我先说下如何 让对象可以使用 for ... of ..来遍历出 key 值 let obj = { name: "fqniu", age: 25, gender: "boy", from: "china" } // for(var val of obj){ //

2020-09-19 10:28:45

react脚手架使用和配置

1、改端口注意:默认端口是3000打开react项目的 package.json文件将 scripts中的start键值对 "start": "react-scripts start" 修改为"scripts": { "start": "set PORT=8082 && react-scripts start", "build": "react-scripts build", "test": "react-scripts test --env=jsdom"

2020-09-18 21:10:53

整理node接口

整理node一些接口整理接口增删改查用户登录 查用户增删改utils文件下mongo.jstoken.jstools.js整理接口增删改查用户登录 查const express = require("express");const router = express.Router();// 用于加密cryptoconst crypto = require('crypto');// 封装的函数 // formatData : 用户对返回的数据处理 / md5: 封装加密函数const {

2020-09-16 17:57:19

查看更多

勋章 我的勋章
  • 签到达人
    签到达人
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 阅读者勋章Lv3
    阅读者勋章Lv3
    授予在CSDN APP累计阅读博文达到30天的你,是你的坚持与努力,使你超越了昨天的自己。
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。