- 第一种方式 npm view jquery versions 这种方式可以查看npm服务器上所有的jquery版本信息; 第二种方式 npm view jquery version 1 这种方式只能查看jquery的最新的版本是哪一个; 第三种方式 npm info jquery 1 这种方式和第一种类似,也可以查看jquery所有的版本, 但是能查出更... 第一种方式 npm view jquery versions 这种方式可以查看npm服务器上所有的jquery版本信息; 第二种方式 npm view jquery version 1 这种方式只能查看jquery的最新的版本是哪一个; 第三种方式 npm info jquery 1 这种方式和第一种类似,也可以查看jquery所有的版本, 但是能查出更...
- 这个配置文件是命令npm run build 的入口配置文件,主要用于生产环境。 由于这是一个系统配置文件,将涉及很多模块和插件,所以这部分内容我将分多个文章讲解,请关注博主其他文章。 // 此文件是在node环境中运行的,使用webpack的nodejsAPI实现自定义构建和开发流程 // npm和node版本检查,请看我的check-versions配置文件解释... 这个配置文件是命令npm run build 的入口配置文件,主要用于生产环境。 由于这是一个系统配置文件,将涉及很多模块和插件,所以这部分内容我将分多个文章讲解,请关注博主其他文章。 // 此文件是在node环境中运行的,使用webpack的nodejsAPI实现自定义构建和开发流程 // npm和node版本检查,请看我的check-versions配置文件解释...
- 1.computed区别于method的两个点: computed是属性调用,而methods是函数调用;computed带有缓存功能,而methods不是; 下面我们看一个具体的例子 <!--HTML部分--> <div id="app"> <h1>{{message}}</h1> <p class="tes... 1.computed区别于method的两个点: computed是属性调用,而methods是函数调用;computed带有缓存功能,而methods不是; 下面我们看一个具体的例子 <!--HTML部分--> <div id="app"> <h1>{{message}}</h1> <p class="tes...
- 这个配置文件是命令 npm run unit 的入口配置文件,主要用于单元测试。 这条命令的内容如下 “cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run” 这条命令中的 cross-env 是跨平台设置环境变量,你在命令行中设置环境变量加上这句话就是了。 karma sta... 这个配置文件是命令 npm run unit 的入口配置文件,主要用于单元测试。 这条命令的内容如下 “cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run” 这条命令中的 cross-env 是跨平台设置环境变量,你在命令行中设置环境变量加上这句话就是了。 karma sta...
- 在vue中,使用watch来响应数据的变化。watch的用法大致有三种。下面代码是watch的一种简单的用法: <input type="text" v-model="cityName"/> new Vue({ el: '#root', data: { cityName: 'shanghai' }, watch: { cityName(newName, oldName... 在vue中,使用watch来响应数据的变化。watch的用法大致有三种。下面代码是watch的一种简单的用法: <input type="text" v-model="cityName"/> new Vue({ el: '#root', data: { cityName: 'shanghai' }, watch: { cityName(newName, oldName...
- 新版本webpack生成的dev.server.js 在webpack.dev.conf.js中 webpack.dev.conf.js 1 const axios = require('axios') const express = require('express') const app = express() const apiRoutes = express... 新版本webpack生成的dev.server.js 在webpack.dev.conf.js中 webpack.dev.conf.js 1 const axios = require('axios') const express = require('express') const app = express() const apiRoutes = express...
- 一、首先要确保电脑已经成功安装好git了。(记住git的安装位置) 二、这里需要给webstorm配置一下: 依次点击:file –> Settings –> Version Control –>Git 只需要在红框部分选择git的正确安装路径(找到git.exe),点击OK,配置完成。 如果不确定git路径是否正确,可以点击红框后面的... 一、首先要确保电脑已经成功安装好git了。(记住git的安装位置) 二、这里需要给webstorm配置一下: 依次点击:file –> Settings –> Version Control –>Git 只需要在红框部分选择git的正确安装路径(找到git.exe),点击OK,配置完成。 如果不确定git路径是否正确,可以点击红框后面的...
- 面试必备:2021 Vue经典面试题总结(含答案) 一、什么是MVVM? MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model 层代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑;View 代表UI 组件,它负责将数据模型转化成UI 展现出来,ViewModel 是一个同步View 和 Model的对象。 ... 面试必备:2021 Vue经典面试题总结(含答案) 一、什么是MVVM? MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model 层代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑;View 代表UI 组件,它负责将数据模型转化成UI 展现出来,ViewModel 是一个同步View 和 Model的对象。 ...
- 实例介绍 有一个div,默认用了v-if隐藏,点击按钮之后,改变v-if的值让他显示出来,并且取到div中的值: <div id=app> <div id="div" v-if="showDiv">我是显示文本</div> <button @click="showAndGetText">获取内容</but... 实例介绍 有一个div,默认用了v-if隐藏,点击按钮之后,改变v-if的值让他显示出来,并且取到div中的值: <div id=app> <div id="div" v-if="showDiv">我是显示文本</div> <button @click="showAndGetText">获取内容</but...
- 基本用法: ES6中允许使用“箭头”(=>)定义函数 var f = v => v; 1 上面代码相当于: var f = function( v ) { return v; }12 根据箭头函数有参数和无参数来区分 1、无参数的箭头函数 var f = () => 5; 等同于 var f = fun... 基本用法: ES6中允许使用“箭头”(=>)定义函数 var f = v => v; 1 上面代码相当于: var f = function( v ) { return v; }12 根据箭头函数有参数和无参数来区分 1、无参数的箭头函数 var f = () => 5; 等同于 var f = fun...
- 此配置文件是vue开发环境和生产环境的wepack相关配置文件,主要用来处理各种文件的配置。 // 引入nodejs路径模块 var path = require('path') // 引入utils工具模块,utils主要用来处理css-loader和vue-style-loader的 var utils = require('./utils') // 引入conf... 此配置文件是vue开发环境和生产环境的wepack相关配置文件,主要用来处理各种文件的配置。 // 引入nodejs路径模块 var path = require('path') // 引入utils工具模块,utils主要用来处理css-loader和vue-style-loader的 var utils = require('./utils') // 引入conf...
- 1.子向父通信 parent.html // 页面销毁前,务必去除监听器,否则会造成资源泄露! beforeDestory () { window.removeEventListener('message', this.listenerFun) } mounted() { window.addEventListener('message',this.listen... 1.子向父通信 parent.html // 页面销毁前,务必去除监听器,否则会造成资源泄露! beforeDestory () { window.removeEventListener('message', this.listenerFun) } mounted() { window.addEventListener('message',this.listen...
- 在使用el-table表格时,有时会用到show-overflow-tooltip属性,即当单元格内容不能完全显示时显示tooltip文字提示,并且单元格里的内容显示省略号。但是在ie浏览器中有时单元格里的内容过长并且显示了省略号,但是鼠标滑上却不显示tooltip,这是因为单元格的padding-right影响到的,在css样式中添加以下代码即可: .el-tabl... 在使用el-table表格时,有时会用到show-overflow-tooltip属性,即当单元格内容不能完全显示时显示tooltip文字提示,并且单元格里的内容显示省略号。但是在ie浏览器中有时单元格里的内容过长并且显示了省略号,但是鼠标滑上却不显示tooltip,这是因为单元格的padding-right影响到的,在css样式中添加以下代码即可: .el-tabl...
- css中元素标识用逗号隔开表示两个不同类的样式类名用同一个样式;空格隔开表示从属包含关系,是当前的元素子元素; 逗号隔开表示并列关系,两者之间没有任何关系,可以使用同一个样式。 比如下面的代码示例: <div class="content"> <span class="content-child">子内容</span> 内容</div> <div class=... css中元素标识用逗号隔开表示两个不同类的样式类名用同一个样式;空格隔开表示从属包含关系,是当前的元素子元素; 逗号隔开表示并列关系,两者之间没有任何关系,可以使用同一个样式。 比如下面的代码示例: <div class="content"> <span class="content-child">子内容</span> 内容</div> <div class=...
- 语法 element.addEventListener(event, function, useCapture); 第一个参数是事件的类型 (如 “click” 或 “mousedown”),详参【事件类型】 第二个参数是事件触发后调用的函数。 第三个参数是个布尔值用于描述事件是冒泡还是捕获。该参数是可选的。 注意:不要使用 “on” 前缀。 例如,使用 “... 语法 element.addEventListener(event, function, useCapture); 第一个参数是事件的类型 (如 “click” 或 “mousedown”),详参【事件类型】 第二个参数是事件触发后调用的函数。 第三个参数是个布尔值用于描述事件是冒泡还是捕获。该参数是可选的。 注意:不要使用 “on” 前缀。 例如,使用 “...
上滑加载中