- 简介 mock是一个模拟数据生成器，旨在帮助前端独立于后端进行开发，帮助编写单元测试。其可模拟 Ajax 并返回模拟数据，使前端不用去调用后端的接口，方便测试。 官网： http://mockjs.com/0.1/#mock 应用 安装mock npm install mockjs 1 引用 在main.js中引用 // main.js require(... 简介 mock是一个模拟数据生成器，旨在帮助前端独立于后端进行开发，帮助编写单元测试。其可模拟 Ajax 并返回模拟数据，使前端不用去调用后端的接口，方便测试。 官网： http://mockjs.com/0.1/#mock 应用 安装mock npm install mockjs 1 引用 在main.js中引用 // main.js require(...
- 这是webpack的路径别名，相关代码定义在配置文件webpack.base.config里： resolve: { // 自动补全的扩展名 extensions: ['.js', '.vue', '.json'], // 默认路径代理 // 例如 import Vue from 'vue'，会自动到 'vue/dist/vue.common.js'中寻找 alias... 这是webpack的路径别名，相关代码定义在配置文件webpack.base.config里： resolve: { // 自动补全的扩展名 extensions: ['.js', '.vue', '.json'], // 默认路径代理 // 例如 import Vue from 'vue'，会自动到 'vue/dist/vue.common.js'中寻找 alias...
- 需求：当页面需要处理图片渲染完毕的时候，对图片进行加水印操作。 想到了image的onload事件，当图片加载完成之后再处理图片。 原生js <img onload="get(this)" src="..." style="display: none"/> <script type="text/javascript"> function get(ts){ ts.s... 需求：当页面需要处理图片渲染完毕的时候，对图片进行加水印操作。 想到了image的onload事件，当图片加载完成之后再处理图片。 原生js <img onload="get(this)" src="..." style="display: none"/> <script type="text/javascript"> function get(ts){ ts.s...
- 问题描述 父组件通过Promise等其他异步方式获取异步数据，并传递给子组件，子组件直接显示没有问题，若对数据进行处理，则拿到的数据都是父组件初始值。 原因分析 父组件通过Promise等其他异步方式获取异步数据，在尚未等到数据返回时，子组件 created已经执行完毕，故此时子组件中的数据为父组件上次的数据。 父子组件的生命周期： 一、加载渲染过程 父be... 问题描述 父组件通过Promise等其他异步方式获取异步数据，并传递给子组件，子组件直接显示没有问题，若对数据进行处理，则拿到的数据都是父组件初始值。 原因分析 父组件通过Promise等其他异步方式获取异步数据，在尚未等到数据返回时，子组件 created已经执行完毕，故此时子组件中的数据为父组件上次的数据。 父子组件的生命周期： 一、加载渲染过程 父be...
- 第一种方式 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...
上滑加载中
推荐直播
-
HDC深度解读系列 - Serverless与MCP融合创新，构建AI应用全新智能中枢2025/08/20 周三 16:30-18:00
张昆鹏 HCDG北京核心组代表
HDC2025期间，华为云展示了Serverless与MCP融合创新的解决方案，本期访谈直播，由华为云开发者专家(HCDE)兼华为云开发者社区组织HCDG北京核心组代表张鹏先生主持，华为云PaaS服务产品部 Serverless总监Ewen为大家深度解读华为云Serverless与MCP如何融合构建AI应用全新智能中枢
回顾中 -
关于RISC-V生态发展的思考2025/09/02 周二 17:00-18:00
中国科学院计算技术研究所副所长包云岗教授
中科院包云岗老师将在本次直播中，探讨处理器生态的关键要素及其联系，分享过去几年推动RISC-V生态建设实践过程中的经验与教训。
回顾中 -
一键搞定华为云万级资源，3步轻松管理企业成本2025/09/09 周二 15:00-16:00
阿言 华为云交易产品经理
本直播重点介绍如何一键续费万级资源，3步轻松管理成本，帮助提升日常管理效率！
回顾中
热门标签