alexhunter2010-CSDN博客

转载关于react-router最新版本的使用

现在react-router已经更新到了5.1.1版本，在一些使用方法上较之前有了很多改变，现做初步列举，以后会陆续更新。关于引入react-router和基本使用旧版本中引入react-router的方式先安装: npm install --save react-router 然后引入： import { Router, Route, Link } from 'react-rout...

2019-09-30 20:02:00 286

转载从无到有构建vue实战项目（八）

十六、vue-lazyload的使用首先，我们需要下载vue-lazyload包： npm i vue-lazyload -S 下载好之后，我们将它引入到自己的项目： //main.js //引入图片懒加载 import VueLazyload from 'vue-lazyload' //vue-lazyload配置 Vue.use(VueLazyload, { preLoad:...

2019-08-31 12:00:00 265

转载从无到有构建vue实战项目（七）

十四、Vuex的使用 Vuex是什么？ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。简单点理解，就是凡是将数据用...

2019-08-28 12:14:00 169

转载 vue+el-menu实现路由刷新和导航栏菜单状态保持（局部刷新页面）

一、菜单项激活状态保持有时，我们在项目中会有这样一个需求，即实现一个侧导航栏，点击不同的菜单项，右边内容会跟着变化，而页面手动刷新后想要使菜单激活状态保持，那么这个功能该如何实现呢？现在给出以下解决办法：即加上这样一段代码即可： :default-active="this.$route.path" 二、实现页面的路由刷新（局部刷新）想要实现路由的刷新，官方并没有给出解决办法，...

2019-08-14 20:20:00 3893

转载从无到有构建vue实战项目（六）

十、徒手撸一个vue下拉左侧二级导航先附上最终效果图： vue代码： <div class="dropdown-menu-explore" v-on:mouseover="addDropdownContent(this)" v-on:mouseo...

2019-07-21 17:17:00 182

转载从无到有构建vue实战项目（五）

八、错误总结（一） webpack打包项目识别子组件路径问题之所以出现了这样的问题是因为在webpack打包项目时，未将此处的子组件路径正确识别：将此处的carousel改为carousel.vue成功解决问题 id命名不能包含html保留字引起的错误：修改方法很简单，只需要将保留字id稍作改变即可 return返回对象问题：错误原因很容易看出，是因为此处的return...

2019-07-15 20:39:00 89

转载从无到有构建vue实战项目（四）

六、webpack的安装和配置为了快速构建vue项目，webpack是一个必不可少的工具，我们先来安装它，附上官网地址：https://www.webpackjs.com/ 要安装最新版本或特定版本，请运行以下命令之一： npm install --save-dev webpack npm install --save-dev webpack@<version> 如果你使...

2019-07-12 19:48:00 132

转载从无到有构建vue实战项目（三）

四、响应式布局的实现 elemnt-ui参考bootatrap提供了响应式布局，附上地址：https://element.eleme.cn/#/zh-CN/component/layout 以下是我的布局设计，目前看起来没什么错误：其实就是做了每行总共24个栅格，在不同尺寸的页面上如何分配宽度比例：名称尺寸 xs <768px sm ≥768px ...

2019-07-08 21:38:00 157

转载从无到有构建vue实战项目（二）

二、vue项目的初步搭建该项目我采用了当下最流行的vue ui框架---element-ui，首先用vue-cli构建一个vue项目: vue create education 然后会出现一系列配置选项，此时一直回车就好：然后进入项目文件夹，输入: npm run serve 出现以上情况，则说明运行成功，此时，在浏览器打开链接http://localhost:8080/，会看...

2019-07-08 09:02:00 121

转载从无到有构建vue实战项目（一）

一、vue的安装首先下载nodehttp://nodejs.cn/download/ 有两种安装方式安装包安装和二进制文件安装输入以下命令,出现版本提示表示安装成功: node -v 10.15.3 再下载npm 由于新版的nodejs已经集成了npm，所以之前npm也一并安装好了。同样可以通过输入 "npm -v" 来测试是否成功安装。命令如下，出现版本提示表示安装成功: $ ...

2019-07-06 21:17:00 166

转载 windows下nginx的安装和使用

LNMP的安装与配置 windows下的nginx安装和使用 1.1 去官网下载相应的安装包：http://nginx.org/en/download.html 1.2 解压后进入PowerShell（按住“shift”+“鼠标右键”）窗口，进入到nginx目录，输入start nginx.exe 进行nginx的安装安装成功后，在“任务管理器”中会显示“nginx.exe”进程...

2019-06-29 13:51:00 73

转载 Nginx学习笔记---服务与集群

一、集群什么是集群服务器架构集群：多台服务器组成的响应式大并发，高数据量访问的架构体系。特点：（1）成本高（2）能够降低单台服务器的压力，使用流量平均分配到多台服务器（3）使网站服务架构更加安全稳定什么是服务器服务器概念：提供某种或多种服务或者功能的机器（计算机）服务器软件提供http/https协议的服务器，网站网页访问的功能 Apache：老牌的服务器软件，功能...

2019-06-28 21:21:00 117

转载 Deepin系统关于每次启动终端都要输入source /etc/profile的问题

关于每次启动终端都要输入source /etc/profile的问题当我在Deepin系统中下载了node以及npm之后，我为了将node导入到系统文件，使用了以下命令sudo gedit ``/etc/profile，然后在里面添加了这条语句： export PATH=$PATH:/usr/local/node/bin 然后使用了这条命令：source /etc/profile,这是...

2019-06-25 14:52:00 738

转载 vue踩坑之路--点击按钮改变div样式

有时候，我们在做项目的时候，想通过某个按钮来改变某个div样式，那么可以通过以下代码实现： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> ...

2019-03-30 15:41:00 1997

转载 vue.js---利用vue cli脚手架工具+webpack创建项目遇到的坑

1.Eslint js代码规范报错 WARNING Compiled with 2 warnings 10:43:26 ✘ http://eslint.org/docs/rules/quotes Strings must use singlequote ...

2019-02-25 10:48:00 381

alexhunter2010的博客