- 博客(15)
- 收藏
- 关注
转载 关于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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人