06 2020 档案
摘要：ES7 React/Redux/GraphQL/React-Native snippets 安装完毕后，就可以开心的使用啦
阅读全文
摘要：1. 挂载卸载过程 1.1.constructor() 1.2.componentWillMount() 1.3.componentDidMount() 1.4.componentWillUnmount () 2. 更新过程 2.1. componentWillReceiveProps (nextP
阅读全文
摘要：React常见错误 ①Uncaught SyntaxError: Inline Babel script: Adjacent JSX elements must be wrapped in an enclosing tag 虚拟DOM中只能有一个根标签 ②Warning: Invalid DOM p
阅读全文
摘要：可以在react项目中执行以下命令安装bootstrap npm install bootstrap@3 --save 在使用的时候，直接在index.js文件导入即可 import 'bootstrap/dist/css/bootstrap.min.css'; import 'bootstrap/
阅读全文
摘要：import React, { Component } from 'react'; import './App.css'; export default class Home extends Component { state = { isidx: -1, empty: true, user: {
阅读全文
摘要：页面结构 <!-- 限时秒杀 --> <div class="left"> <p class="txt1">限时秒杀</p> <p class="txt2">{{ !seckill.title ? '每天零点场 好货秒不停' : seckill.title }}</p> <div v-if="sec
阅读全文
摘要：购物车左滑事件 goods.startx = 0;//滑动 goods.endx = 0;//结束 goods.isshow = false;//显示隐藏 标签中添加滑动事件 <div :class="{list:true,activeleft:item.isshow}" v-for="(item,
阅读全文
摘要：注意：需要使用then和catch进行捕获 MessageBox.confirm("", { message: "你确定删除吗？", title: "警告" }).then(action => { if (action == "confirm") { console.log(1); this.$ht
阅读全文
摘要：@vue/cli 前言 如果下载速度慢，可以设置淘宝镜像-国内速度杠杠滴 npm config set registry "https://registry.npm.taobao.org" 1、升级本地环境 卸载旧版本 安装新版本脚手架 卸载全局安装旧版本 npm uninstall -g vue-
阅读全文
摘要：我们使用element-ui、vue开发网站的时候，往往图标是起着很重要的作用。 下面是vue、element-ui项目，如何使用阿里iconfont图标库的方法。 点击紫色按钮创建项目 image.png 图中画红线的地方很重要 1）、FontClass/Symbol前缀这个很重要，一定不要写成：
阅读全文
摘要：vuex是在中大型项目中必不可少的状态管理组件，刷新会重新更新状态，但是有时候我们并不希望如此。例如全局相关的，如登录状态、token、以及一些不常更新的状态等，我们更希望能够固化到本地，减少无用的接口访问，以及更佳的用户体验。 安装起步 npm i vuex-persistedstate --sa
阅读全文
摘要：什么是 Markdown Markdown 是一种轻量级标记语言，创始人为约翰·格鲁伯（John Gruber）。它允许人们「使用易读易写的纯文本格式编写文档，然后转换成有效的XHTML(或者HTML)文档 」—— 维基百科>Markdown具有一系列衍生版本，用于扩展Markdown的功能（如表格
阅读全文
摘要：基于 Cookie/Session 的认证方案 Cookie Cookie的工作原理 由于HTTP是一种无状态的协议，服务器单从网络连接上无从知道客户身份。怎么办呢？就给客户端们颁发一个通行证吧，每人一个，无论谁访问都必须携带自己通行证。这样服务器就能从通行证上确认客户身份了。这就是。cookie指
阅读全文
摘要：Git配置文件种类 Git的配置文件在控制台中使用 git config 命令用来修改配置，Git配置级别有3种，分别存在不同的配置文件中： 1、仓库级别（当前仓库有效） local 〖优先级最高〗 2、用户级别（当前用户有效） global〖优先级次之〗 3、系统级别（系统全局有效） system
阅读全文
摘要：当你使用Vuex中state中状态时，在Vue中使用了v-model绑定数据报错 原因 组件中v-model=“XXX”，而XXX是vuex state中的某个变量vuex中是单项流，v-model是vue中的双向绑定，但是在computed中只通过get获取参数值，没有set无法改变参数值 解决
阅读全文
摘要：写在前面 上一讲，告诉了我们怎么去使用仓库 store 中的状态数据。当然，光会用肯定还不够，大部分的应用场景还得对这些状态进行操控，那么具体如何操控呢，这就是这一讲要说的重点。 只有 mutation 能动 State 更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。V
阅读全文
摘要：先说两句 官方已经有教程了，为什么还要写这个教程呢？说实话，还真不是我闲着蛋疼，官方的教程真的是太官方了，对于刚入门 Vuex 的童鞋来说，想必看官方的教程，很多地方就如同看圣经一样，比如「欧玛尼玛尼牙」，所有的字都认识，就是不知道说些什么玩意，不信，你可以戳进去看看。 当然，对于大神级别一看就懂的
阅读全文
摘要：一、初识VueX 1.1 关于VueX VueX是适用于在Vue项目开发时使用的状态管理工具。试想一下，如果在一个项目开发中频繁的使用组件传参的方式来同步data中的值，一旦项目变得很庞大，管理和维护这些值将是相当棘手的工作。为此，Vue为这些被多个组件频繁使用的值提供了一个统一管理的工具——Vue
阅读全文
摘要：Array 对象属性 constructor 返回对创建此对象的数组函数的引用。length 设置或返回数组中元素的数目。prototype 使您有能力向对象添加属性和方法。 传统Array 对象方法 toSource() 返回该对象的源代码。toString() 把数组转换为字符串，并返回结果。t
阅读全文
摘要：Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期 生命周期 阶段 描述 beforeCreated 创建前 vue实例的挂载元素$el和数据对象data都为undefined，还未初始
阅读全文
摘要：路由跳转前做一些验证，比如登录验证，是网站中的普遍需求。对此，vue-route 提供的beforeRouteUpdate可以方便地实现导航守卫（navigation-guards）。导航守卫（navigation-guards） 一、全局前置守卫beforEach 守卫方法接收三个参数： to：即
阅读全文
摘要：vue-router传递参数分为两大类，一类是编程式的导航 router.push另一类是声明式的导航 <router-link>，本文通过实例代码给大家介绍vue-router传递参数的几种方式，感兴趣的朋友跟随小编一起看看吧 vue-router传递参数分为两大类 编程式的导航 router.p
阅读全文
摘要：export default 和 export 区别： 1.export与export default均可用于导出常量、函数、文件、模块等 2.你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式，将其导入，以便能够对其进行使用 3.在一个文件或模块中，expor
阅读全文
摘要：常用flex属性速查表 弹性盒子 设置弹性盒子： display: flex; 将元素设置为弹性盒容器 display: inline-flex; 将元素设置为弹性盒容器 注意：设置为flex布局之后，子元素的float、clear、vertical-align属性都会失效 基本概念： 容器 项目
阅读全文
摘要：transition、transform和translate这三者经常有人搞混，先把这三者做一个简单解释： transform是 转换，指的是改变所在元素的外观，它有很多种手段(转换函数)来改变外观，例如 位移、缩放、旋转 等，而其中的位移的函数名就叫translate，所以说，translate是
阅读全文
摘要：一、元字符 元字符对应说明.匹配除换行符之外的任意字符\w匹配字母数字下划线，等同于：[a-zA-Z0-9_]\s匹配任意空白符\d匹配数字，等同于[0-9]\b匹配单词边界|或匹配，如 /x|y/ 正则可匹配x或y两个字符^匹配字符串的开始$匹配字符串的结束 二、反义字符 反义字符对应说明[^x]
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
摘要：效果图 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
阅读全文
摘要：事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
阅读全文
摘要：修改版本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docu
阅读全文
摘要：一、Cookie、session和localStorage的区别 cookie的内容主要包括：名字、值、过期时间、路径和域。路径与域一起构成cookie的作用范围。若不设置时间，则表示这个cookie的生命期为浏览器会话期间，关闭浏览器窗口，cookie就会消失。这种生命期为浏览器会话期的cooki
阅读全文
摘要：vue框架介绍 框架，framework，是能够让程序开发人员更好的专注于业务逻辑的开发，而无需关心底层功能的实现。 vue是一个渐进式 JavaScript 框架，Vue (读音 /vjuː/，类似于 **view**) 是一套用于构建用户界面的**渐进式框架**。与其它大型框架不同的是，Vue
阅读全文
摘要：1. v-text v-text主要用来更新textContent，可以等同于JS的text属性。 <span v-text="msg"></span> 这两者等价： <span>{{msg}}</span> 2. v-html 双大括号的方式会将数据解释为纯文本，而非HTML。为了输出真正的HTM
阅读全文
