2020年8月13日
react路由相关
摘要： react创建组件 例 import React, { Component } from 'react'; class 组件名 extends Component { constructor(props) { super(props); this.state = { } } render() { r 阅读全文
posted @ 2020-08-13 17:30 割掉扁桃体 阅读(122) 评论(0) 推荐(0)
react脚手架搭建，jsx与js的区别
摘要： 全局安装yarn cnpm I yarn -g 全局安装react脚手架 cnpm i create-react-app –g react创建项目的脚手架 创建脚手架项目的方法： 1：create-react-app 项目名 如果装不上，就把yarn卸载 2：npx create-react-app 阅读全文
posted @ 2020-08-13 17:02 割掉扁桃体 阅读(2397) 评论(0) 推荐(0)
2020年8月11日
vuex相关
摘要： Vuex 相关 Vuex是一种状态管理模式，相当于存储数据的公共仓库，所有组件都可以在里面取用数据。 安装 npm i vuex --save 可以在脚手架src的文件夹下创建store文件夹，并创建一个index.js在这个文件中配置store import Vue from 'vue' impo 阅读全文
posted @ 2020-08-11 17:23 割掉扁桃体 阅读(109) 评论(0) 推荐(0)
路由守卫
摘要： 全局守卫，判断登录后是否返回并存储在cookie的token值，来进行守卫，使其在没有登录的时候不能浏览其他页面。 使用 router.boforeEach((to,form,next) => { }) to表示到哪个路由，from表示从哪来，next（）表示继续。 router.beforeEac 阅读全文
posted @ 2020-08-11 17:20 割掉扁桃体 阅读(122) 评论(0) 推荐(0)
2020年7月28日
vue中的computed和watch
摘要： 计算属性：computed 减少内存，避免方法重复调用 1.支持缓存，只有依赖数据发生改变才会重新进行计算。 2.不支持异步，当computed内有异步操作时无效，无法监听数据的变化 3.computed属性值会默认走缓存，计算属性是基于它们的响应式依赖进行缓存的，也就是基于data中声明过或者父组 阅读全文
posted @ 2020-07-28 16:49 割掉扁桃体 阅读(157) 评论(0) 推荐(0)
vue组件传参的几种方式
摘要： 组件传参的方式： 观察者模式（子传父） 通过给子组件中设置方法，并在子组件实例中写下ref=名字， 子组件中的事件里写下$emit(‘方法名’,’参数’) 此时父组件可以在mounted生命周期中通过this.$refs[‘名字’].$on(‘方法名’，回调) <!-- 观察者模式 --> <div 阅读全文
posted @ 2020-07-28 16:39 割掉扁桃体 阅读(1472) 评论(0) 推荐(0)
vue的生命周期
摘要： Vue的生命周期函数 beforeCreate ：实例创建之前，进行初始化状态 created：表示实例已经创建。 $nextTick（）可以拿到挂载到页面之前的数据 ，并进行事件的绑定，或者特效的引入 beforeMount ：页面渲染之前，获取不到DOM数据 mounted： 页面渲染完毕 be 阅读全文
posted @ 2020-07-28 16:37 割掉扁桃体 阅读(118) 评论(0) 推荐(0)
2020年7月23日
vue的组件、过滤器、自定义指令
摘要： vue.component 全局组件，定义全局组件 Vue.component('' , { template: props: methods: }) 局部组件是一个对象，需要在vue实例中注册 component：{ 对象名字 } 全局组件和局部组件的例子 <div id="app"> <!--  阅读全文
posted @ 2020-07-23 19:29 割掉扁桃体 阅读(219) 评论(0) 推荐(0)
2020年7月21日
vue.js 基本指令
摘要： 前端主流框架：vue react angular Vue 特点 组件化开发、数据驱动（mvvm） Vue虚拟dom是借鉴react的 渐进式框架： 主张的少：没有那么多的条条框框 两种开发模式： 1.在HTML中书写 2.脚手架开发 Vue的基本指令 v-bind 绑定属性 简写是 ： v-cloc 阅读全文
posted @ 2020-07-21 19:36 割掉扁桃体 阅读(105) 评论(0) 推荐(0)
2020年7月18日
WebSocket和nodejs做爬虫
摘要： WebSocket WebSocket实现了，在客户端和服务端上建立了一个长久的连接，两边可以任意发数据嗨皮 当然如果知道的更深一层的话，要知道它属于应用层的协议，它基于TCP传输协议，并复用HTTP的握手通道。 Websocket的优势。需要安装ws包 npm i ws -S 1.支持双向通信，实 阅读全文
posted @ 2020-07-18 15:20 割掉扁桃体 阅读(338) 评论(0) 推荐(0)
下一页