![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
学习笔记
文章平均质量分 70
gavincz
这个作者很懒,什么都没留下…
展开
-
再谈 Vue 中使用 keep-alive :结合 activated & include & vuex & 路由的 beforeEach 动态缓存
上次写了一篇关于Vue中使用 keep-alive 的文章,现在看来,只能说是一篇针对 keep-alive 最简单用法的介绍,但往往,这样的用法不能满足实际的需求,因此,结合这次项目开发,我们再来谈谈如何利用 keep-alive 做到动态缓存:项目需求:在项目的众多页面中,有一个 a 页面,同时 a 页面,包含 b、c、d 三个子页面,需求是:1.当且仅当用户从 e 页面 导航 到 ...原创 2019-12-17 11:51:04 · 829 阅读 · 0 评论 -
Vue keep-alive的使用
<keep-alive>是Vue的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM。<keep-alive> 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。和 <transition> 相似,<keep-alive>是一个抽象组件:它自身不会渲染一个 DOM 元素,也不会出现在父组件链中。结合router,缓存部分...原创 2019-11-09 10:35:25 · 302 阅读 · 0 评论 -
vue 动态循环出的多个select 不能重复选择相同的数据(转)
转自https://blog.csdn.net/qq_43526066/article/details/92810962先看效果图:代码如下:<template> <div class="program" v-for="(parItem,index) in parArr" :key="parItem.guid"> <Select v-mo...转载 2019-10-16 14:39:26 · 2888 阅读 · 2 评论 -
学习笔记-webpack安装及环境搭建
最好基于nodeJS@5.x以上版本安装:使用webpack的优点:webpack使用commonJS标准编写的模块可以直接打包运行在浏览器上browerwebpack安装:window+r --> cmdnpm install webpack-cli -gnpm install webpack -gcd到项目目录:npm install webpack -D或者npm install --...原创 2018-04-19 23:57:06 · 222 阅读 · 0 评论 -
vue父子传值之props
单向数据流所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定:父级 prop 的更新会向下流动到子组件中,但是反过来则不行。这样会防止从子组件意外改变父级组件的状态,从而导致你的应用的数据流向难以理解。以上文字来自 Vue官网 今天总结了下Vue实例中props属性的一些常用方法,主要是帮助自己和新人梳理思路,以便在项目和工作中更好的应用这个属性,因能力有限,有什么到不到的地方,...原创 2018-07-13 23:30:53 · 35107 阅读 · 0 评论 -
vuex--学习笔记(一)初识
vuex就是一个前端的公共仓库(状态管理工具),用于平行组件间的通信(传值,双向数据绑定),使用方法如下:安装:根目录下命令窗口输入: npm install vuex --save在src下新建文件夹store(也有用vuex的,名字随便起,只要你知道是这个文件夹是干什么的就行),在store文件夹下新建index.js文件(也有在vuex文件夹下新建store.js的,这个同上,你喜欢就好),...原创 2018-07-14 23:40:09 · 4728 阅读 · 2 评论 -
vuex--学习笔记(二)在组件中如何获取vuex的state对象中的属性
前言:本文主要用于帮助笔者和新人理解vuex的使用,因个人能力有限,有什么建议可以留言一起探讨。这里,我首先想说明的是:一切都是语法糖,如果在实际应用中,你有什么地方不太了解,那只是对某个语法糖不太了解而已!因此,要多看,多学,最重要的,是多实践!自己多敲几遍代码,也就熟悉了。接上文:vuex--学习笔记(一)初识在上文中,我们实际上已经接触过一种在组件中获取vuex的state对象中属性的方法,...原创 2018-07-15 01:33:44 · 86698 阅读 · 5 评论 -
vuex--学习笔记(三)模板获取Mutations及mapMutations传参
前言:本文主要用于帮助笔者和新人理解vuex的使用,因个人能力有限,有什么建议可以留言一起探讨。接上文:vuex--学习笔记(二)在组件中如何获取vuex的state对象中的属性我们知道,在vuex中mutations是专门用来修改state中属性状态的方法集合(对象),同时,我们也了解到,在组件中可以使用$store.commit(‘方法名’,传参)来提交修改请求。这种方法比较简单。下面我们再看...原创 2018-07-15 13:37:02 · 30786 阅读 · 4 评论 -
commonjs规范
commonjs即模块化,需要理解的有2个主要的地方:1.module.exports2.require()我们一般用module.exports开放模块,在需要引入的地方用require()引入这个模块。举例说明:新建dog.js文件,并写入以下代码:let dog = { name:'大黄', id:9527, dosomething:f...原创 2019-04-03 12:05:13 · 203 阅读 · 0 评论 -
你必须记住的Javascript知识:巧用数组的length属性
数组的 length 属性数组的 length 属性很有特点——它不只是只读的。因此,通过设置这个属性,可以从数组的末尾移除项或者向数组中添加新项。先来看一个列子:var colors = ['red','blue','green'];colors.length = 2;alert(colors[2]); //undefined如上,如果将其 length 属性设置为数组...原创 2019-07-08 19:14:38 · 1277 阅读 · 0 评论 -
关于用window操作系统使用nodeJS安装gulp时出现失败及报错的问题解决方法
作为一名前端,在工作中不免会安装使用gulp,大家都知道,要使用gulp,必须依赖于nodeJS环境。因此,在此之前,首先要安装nodeJS。一般来说,正常安装(尤其是新装nodeJS)是不会出现报错的(当然由于众所周知的原因,npm在国内不太稳定,但是大家可以安装cnpm,这个很简单,网上的教程/资源也很多,这里不再赘述)。情况描述:本人电脑是一台操作系统为win-7-64位的笔记本问题:gul...原创 2018-03-28 20:12:56 · 2651 阅读 · 0 评论 -
学习笔记--gulp安装及配置
安装nodejs: 说明:gulp是基于nodeJS,理所当然需要安装nodeJS; 安装:打开nodeJS官网https://nodejs.org/cn/,点击硕大的绿色下载按钮,它会根据系统信息选择对应版本(.msi文件)。第一步:配置环境变量: 注:安装完成之后注意将其配置到环境变量(系统变量路径中),这样你就可以在全局范围内去使用它了我的路径是在c:\ Program Files ...原创 2018-03-27 09:59:27 · 822 阅读 · 0 评论 -
Express-学习笔记(一)
用Express快速搭建web开发框架:使用Express的目的:Express解决的是快速创建服务器和路由的问题!ejs模板,jade模板等解决的是动态显示网页的问题。Express安装:1、全局安装Express:在命令行里输入 npm install express -g2、测试是否安装成功:在命令行里输入 express --version3、安装如果出问题(mac系统中一般没有问题,wi...原创 2018-02-05 11:27:51 · 189 阅读 · 0 评论 -
创建项目文件夹的一般步骤(Expree+mongodb搭建Web开发项目环境)
注意:以下操作,全部依赖于nodeJS,因此,必须在执行下列代码前安装好nodeJS,并且全局安装mongodb的数据库服务器。一、在当前目录下按住Shift键+鼠标右键--->打开cmd("在此处打开命令窗口(W)");二、创建Web开发框架: 输入命令:express -e三、创建依赖关系: 输入命令:npm i四、在本项目中安装数据库模块(mongodb): 即用nodeJS链接数据库...原创 2018-02-08 15:26:29 · 223 阅读 · 0 评论 -
理解:回调函数
回调函数:是指,预先定义好一个函数,但暂时先不调用它;将调用这个函数的权利赋给另外一个函数(将这个预定义函数的函数名作为另外一个函数的参数),当运行另外一个函数,在需要调用到这个预定义函数的时候,再(通过传参的形式)返回来调用它。通俗的说:就是,先写好一个自定义函数(即,写好一段代码),写好后先放到一边,不管它(不调用它)。继续写其他的代码(继续开发),当在写另一个函数(即,写另一段代码时),需要...原创 2018-03-01 18:19:42 · 509 阅读 · 0 评论 -
学习笔记--SASS安装及创建
关于SASS:SASS 是一种 CSS 开发工具,让 CSS 的处理实现了可编程处理。CSS 不是一个编程语言,可以用它来开发网页样式,但是没有办法用它进行编程。SASS 的出现,让 CSS 实现了通过代码编程来实现的方式。SASS 扩展了 CSS3,增加了规则、变量、混入、选择器、继承等等特性,可以生成风格良好的 CSS 样式表文件,易于组织和维护。一、SASS安装:SASS 是 Ruby 语言...原创 2018-03-26 17:24:54 · 325 阅读 · 0 评论 -
学习笔记--SASS编程基础(一)变量
变量——VariablesSASS 中的变量,必须是$符号开头,后面紧跟变量名,变量名称和变量值之间要使用冒号:进行分隔(参考 CSS 属性和值的设定语法),如果值后面加上[!default]就表示默认值。变量的使用:引用变量的值,只需直接使用变量名称,即可引用定义的变量的值。例如: sass编译: $color:#fff; ...原创 2018-03-26 19:22:10 · 391 阅读 · 0 评论 -
学习笔记--SASS编程基础(二)混合—mixin
混合 @mixin(迷信^_^)sass 中可以通过@mixin 声明混合,它具有以下几方面特性: 1、可以传递参数 2、参数名称以$开始,多个参数之间使用逗号分隔 3、@mixin 的混合代码块由@include 来调用一、有参数混合:类似于函数的封装和调用话不多说,上案例: sass编译: ...原创 2018-03-26 20:12:19 · 226 阅读 · 0 评论 -
学习笔记--SASS编程基础(三)继承扩展—extend
在 SASS 中,通过继承/扩展—@extend来减少重复代码,可以让一个选择器去继承另一个选择中所有的样式。继承某个样式的同时,也会继承样式的扩展。sass中编译:css样式:...原创 2018-03-26 20:49:40 · 166 阅读 · 0 评论 -
学习笔记--SASS编程基础(四)—Partials @import
CSS 本身包含一个指令@import,但是 CSS 中的@import 每次执行都会发送一次新的请求,都会消耗一定的资源SASS 中扩展了这个指令,会将包含的编译成一个 css 文件,切割成小的部分(Partials)包含进来进行处理(类似JavaScript 的 “回调函数”)。Partials 是用来定义公共样式或者组件的样式的,专门用于被其他的 scss 文件 import进行使用的。Pa...原创 2018-03-26 21:02:42 · 662 阅读 · 0 评论 -
MongoDB学习笔记(一)
MongoDB的默认数据库为"db",该数据库存储在data目录中一、手工创建数据目录: 安装完mongodb后,需要手工创建数据目录,如:d:\data\db二、启动服务器(用cmd): 2.1 配置环境变量到path里(C:\Program Files\MongoDB\Server\3.4\bin),这一步在第一此安装时配置下就可以了,无需每次都配置。 2...原创 2018-02-02 15:52:34 · 221 阅读 · 0 评论