1.<button @click="setState(0)" :class="{active:state===0}">按钮</button>button {display: block;width: 165px;height: 46px;font-size: $font-big;/*background: linear-gradie...

1.新建 LoadableComponnet.jsimport React from 'react';import Loadable from 'react-loadable';import { isDevEvn } from '../utils/env' ;const Loading = (props) => {const { error } = props;const isDev = i

前端的缓存方式

页面异常一般分以下集中情况1.js异常：语法错误、运行时错误、跨域脚本// try...catch 针对某个代码块使用try...catch,进行运行时错误捕捉， 无法捕捉语法错误，try {// ...代码}catch(e) {console.log(e)}// window.onerror 这个代码需要分离出去，并且比其他脚本先执行；跨域的资源需要特殊头部处理；// 无法捕捉网络错误windo

方法一：ES6模板className = {`title ${index === this.state.active ? ‘active’ :’’}`}方法二：join(‘ ’)className = {[‘title’, index === this.state.active?’active’:null].join(‘ ’)}方法三：引入classnames库，安装：1npm install c

1. react通过state 保存可变状态的值，只能通过 setState()来更新2. html中，表单元素（乳 input、textarea、select）通常自己维护state,并且根据用户输入进行更新3.俩者结合起来，使react的state成为 ‘唯一数据源’，被react以这种方式控制的表单输入元素叫做 受控组件4. 非受控组件就是 原生dom中的value属性5.非受控组件这么写：

1.在扩展应用中安装ES7 React/Redux/GraphQL/React-Native snippet2.选择文件-->首选项-->设置（快捷键Ctr+,)在搜索框中输入language，选择Emmet，并在Emmet：include language下点击setting.json中编辑，添加{"window.zoomLevel":1,"expl...

1. 安装 stylus 、 stylus-loadnpm install stylus stylus-loader --save-dev注意，这俩版本一定要匹配，要不然报错ypeerror this.getoptions is not a function2. 显示隐藏的配置文件npm run eject3. config => webpack.config.js定义常量const sty

原因2、draggable组件必须直接包含v-for: draggable包在ul外层就出现了这个问题。原因：外层的父组件使用了vue-draggable-resizable组件封装的可拖拽的弹框组件。二、拖拽后位置未发生变化：@start、@end事件都执行。原因1、draggble绑定的v-mode和下方列表不一致。一、拖拽无效：触发@start事件，但不执行@end方法。

1.通配符(*) 来配置 任何路径或者某种格式的路径2.通配符一定放到 路由之后3.$route.paramas增加一个 pathMatch的属性，通过该属性我们可以获得通配符的值；import Vue from 'vue';import Router from 'vue-router';import notFound from '@/components/404';//404页面import t