- 博客(15)
- 收藏
- 关注
RSS订阅转载 关于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
303
转载 从无到有构建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
276
转载 从无到有构建vue实战项目（七）
十四、Vuex的使用Vuex是什么？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。简单点理解，就是凡是将数据用...
2019-08-28 12:14:00
182
转载 vue+el-menu实现路由刷新和导航栏菜单状态保持（局部刷新页面）
一、菜单项激活状态保持有时，我们在项目中会有这样一个需求，即实现 一个侧导航栏，点击不同的菜单项，右边内容会跟着变化，而页面手动刷新后想要使菜单激活状态保持，那么这个功能该如何实现呢？现在给出以下解决办法：即加上这样一段代码即可：:default-active="this.$route.path"二、实现页面的路由刷新（局部刷新）想要实现路由的刷新，官方并没有给出解决办法，...
2019-08-14 20:20:00
3932
转载 从无到有构建vue实战项目（六）
十、徒手撸一个vue下拉左侧二级导航先附上最终效果图：vue代码：<div class="dropdown-menu-explore" v-on:mouseover="addDropdownContent(this)" v-on:mouseo...
2019-07-21 17:17:00
195
转载 从无到有构建vue实战项目（五）
八、错误总结（一）webpack打包项目识别子组件路径问题之所以出现了这样的问题是因为在webpack打包项目时，未将此处的子组件路径正确识别：将此处的carousel改为carousel.vue成功解决问题id命名不能包含html保留字引起的错误：修改方法很简单，只需要将保留字id稍作改变即可return返回对象问题：错误原因很容易看出，是因为此处的return...
2019-07-15 20:39:00
103
转载 从无到有构建vue实战项目（四）
六、webpack的安装和配置为了快速构建vue项目，webpack是一个必不可少的工具，我们先来安装它，附上官网地址：https://www.webpackjs.com/要安装最新版本或特定版本，请运行以下命令之一：npm install --save-dev webpacknpm install --save-dev webpack@<version>如果你使...
2019-07-12 19:48:00
141
转载 从无到有构建vue实战项目（三）
四、响应式布局的实现elemnt-ui参考bootatrap提供了响应式布局，附上地址：https://element.eleme.cn/#/zh-CN/component/layout以下是我的布局设计，目前看起来没什么错误：其实就是做了每行总共24个栅格，在不同尺寸的页面上如何分配宽度比例：名称尺寸xs<768pxsm≥768px...
2019-07-08 21:38:00
172
转载 从无到有构建vue实战项目（二）
二、vue项目的初步搭建该项目我采用了当下最流行的vue ui框架---element-ui，首先用vue-cli构建一个vue项目:vue create education然后会出现一系列配置选项，此时一直回车就好：然后进入项目文件夹，输入:npm run serve出现以上情况，则说明运行成功，此时，在浏览器打开链接http://localhost:8080/，会看...
2019-07-08 09:02:00
130
转载 从无到有构建vue实战项目（一）
一、vue的安装首先下载nodehttp://nodejs.cn/download/有两种安装方式安装包安装和二进制文件安装输入以下命令,出现版本提示表示安装成功:node -v10.15.3再下载npm由于新版的nodejs已经集成了npm，所以之前npm也一并安装好了。同样可以通过输入 "npm -v" 来测试是否成功安装。命令如下，出现版本提示表示安装成功:$ ...
2019-07-06 21:17:00
177
转载 windows下nginx的安装和使用
LNMP的安装与配置windows下的nginx安装和使用1.1 去官网下载相应的安装包：http://nginx.org/en/download.html1.2 解压后进入PowerShell（按住“shift”+“鼠标右键”）窗口，进入到nginx目录，输入start nginx.exe 进行nginx的安装安装成功后，在“任务管理器”中会显示“nginx.exe”进程...
2019-06-29 13:51:00
82
转载 Nginx学习笔记---服务与集群
一、集群什么是集群服务器架构集群：多台服务器组成的响应式大并发，高数据量访问的架构体系。特点：（1）成本高（2）能够降低单台服务器的压力，使用流量平均分配到多台服务器（3）使网站服务架构更加安全稳定什么是服务器服务器概念：提供某种或多种服务或者功能的机器（计算机）服务器软件提供http/https协议的服务器，网站网页访问的功能Apache：老牌的服务器软件，功能...
2019-06-28 21:21:00
136
转载 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
760
转载 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
2018
转载 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
397
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人