一、内容回顾1、webpack（前端中工作，项目上线之前对整个前端项目优化） -entry：整个项目的程序入口（main.js或index.js）； -output：输出的出口； -loader：加载器，对es6代码的解析，babel-loader（官网：https://www.babeljs.cn/）是浏览器支...
Vue（4）- 获取原生的DOM的方式、DIY脚手架、vue-cli的使用
一、获取原生的DOM的方式 在js中，我们可以通过id、class或者标签获取DOM元素，vue中也为我们提供了获取原生DOM的方法，就是给标签或者组件添加ref属性，通过this.$refs获取，如下：<divid="app"></div><scriptsrc="https://cdn...
Vue（3）- 安装脚手架、过滤器、生命周期的钩子函数、vue-router基本使用
一、安装脚手架1、下载node.js，本文下载版本为node-v8.12.0-x64.msi，一键式安装。2、安装完成后，打开终端，输入node，可进入node环境（两次ctrl+c退出），如下图：3、查看版本，如下图：4、在成功安装node.js（即能够成功查看版本如上图）的前提下，再安装淘宝npm（http://n...
Vue（2）- v-model、局部组件和全局组件、父子组件传值、平行组件传值
一、表单输入绑定（v-model指令） 可以用v-model指令在表单<input>、<textarea>及<select>元素上创建双向数据绑定。 详细用法参见官方文档：https://cn.vuejs.org/v2/guide/forms.html二、局部组件和全局组件1、了...
Vue（1）- es6的语法、vue的基本语法、vue应用示例，vue基础语法
一、es6的语法1、let与var的区别 ES6新增了let命令，用来声明变量。它的用法类似于var（ES5），但是所声明的变量，只在let命令所在的代码块内有效。如下代码：{ leta=10; varb=1;}a//ReferenceError:aisnotdefined.b//1 上面代码在代码块之中，分别...
vue-cli+webpack在生成的项目中使用bootstrap方法（二）
vue-cli+webpack在生成的项目中使用bootstrap方法（一）中，是通过手动下载bootstrap库，然后手动添加到src/assets中，显然是过程太多。当然是可以更省力些，可以通过npm安装bootstrap，然后用import直接导入bootstrap的方式进行整合，因为vue-loader能自动从...
vue-cli+webpack在生成的项目中使用bootstrap方法（一）
在一个html页面中加入bootstrap是很方便，就是一般的将css和js文件通过Link和Script标签就行。那么在一个用vue-vli生成的前端项目中如何加入？因为框架不一样了，略微要适应一下。 脚手架生成项目执行命令用webpack模板生成一个名为vuestrap的项目（名字任意）vueinitwe...
问题一：vue-router有哪几种导航钩子（导航守卫）？1、全局守卫： router.beforeEach2、全局解析守卫： router.beforeResolve3、全局后置钩子： router.afterEach4、路由独享的守卫： beforeEnter5、组件内的守卫...
methods:{//禁止滚动stop(){varmo=function(e){e.preventDefault();};document.body.style.overflow='hidden';document.addEventListener("touchmove",mo,false);//禁止页面滑动},/**...
文件结构：.├──src│├──filter││├──filter.js│││└──main.js└──...过滤器们放在filter文件夹下filter/filter.js：这个文件主要是写了过滤器实现的方法，然后export进行导出。functionfilterOne(n){returnn+10;}function...
变异方法：Vue包含一组观察数组的变异方法，所以它们也将会触发视图更新。这些方法如下：push()pop()shift()unshift()splice()sort()reverse()替换数组：例如：filter(), concat()和 slice() 。这些不会改变原始数组，但总是返...
在编写组件的时候，时刻考虑组件是否可复用是有好处的。一次性组件跟其他组件紧密耦合没关系，但是可复用组件一定要定义一个清晰的公开接口。Vue.js组件API来自三部分：prop、事件、slot：prop允许外部环境传递数据给组件，在vue-cli工程中也可以使用vuex等传递数据。事件允许组件触发外部环境的actions...
keep-alive：主要用于保留组件状态或避免重新渲染。比如： 有一个列表页面和一个 详情页面，那么用户就会经常执行打开详情=>返回列表=>打开详情这样的话列表和详情都是一个频率很高的页面，那么就可以对列表组件使用<keep-alive></keep-alive>...
通过v-on 监听和$emit触发来实现：1、在父组件中通过v-on 监听当前实例上的自定义事件。2、在子组件 中通过'$emit'触发当前实例上的自定义事件。示例：父组件： <template><divclass="fatherPageWrap"><h...
vmware ubuntu14.04虚拟机不能正常拷贝文件到windows且不能自适应虚拟机屏幕窗口自动变化的解决办法
纠结于这个问题了半天。一直重复安装不同版本的vmare-tools，一直没有任何效果。进入到/usr/bin/目录使用llvm*查看，发现和别的不同的是没有vmware-toolbox-cmd等文件。后来了解到和windows互相拷贝文件，或者自适应虚拟机完全可以不需要vmware-toolbox-cmd.卸载了sud...
指针生成网络(Pointer-Generator-Network)原理与实战 阅读目录 0 前言 1 Baseline sequence-to-sequence 2 Pointer-Generator-Network 3 Coverage mechanism 4 实战部分 4.1 DataSet 4.2 Experiments 4.3 Evaluation 4.4 Results 5 References 回到顶部 0 前言 本文主要内容：介绍Pointer-Gen...
