- 博客(18)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 vue2使用Props 传值案例和步骤
vue2中父组件给子组件传值可以用props，以下为传值步骤：1、父组件中声明要传给子组件的值（父组件为minnong.vue,子组件为child.vue）<child :zsq="sukiTitle"></child>2、子组件通过props接收父组件传来的zsq的值<template> <div> <h1>我是...
2019-03-13 10:16:59
3929
1
原创 vue使用mockjs配置和使用
需求：在前后端分离的开发中，需要前后端同时开发，但是在后端完成前，暂时是没有数据返回给前端使用的，如果先写静态后面再改，就有重复工作的内耗存在。所以我们需要一种简单快速的模拟数据的模块，本文选的是mockjs。步骤：1、安装mockjsnpm install mockjs2、在项目的src文件夹下建mock文件夹，在mock文件夹下建index.js(存放所有的http模拟返回的接口数...
2019-03-08 15:29:47
1675
原创 vue2项目与后台联调设置服务器代理（实现跨域）的步骤
1、打开config文件中的index.js文件更改module.exports下面的proxyTable设置接口为api开头，设置target为要访问的地址（比如后台开发人员的ip地址），changeOrigin为true表示跨域访问，其他代码不用改。proxyTable: { '/api': { target: 'http://10.112.27.66:8080', // 真...
2019-02-21 16:16:25
3997
原创 vue2中全局引入jquery的步骤
1、vscode打开项目，打开中断安装：npm install jquery --save-dev安装成功可以再package-lock.json里面看到安装的jquery的版本号2、在项目根目录下的build/webpack.base.conf.js文件中，第5行下面加入这行代码：var webpack = require("webpack")在build/webpack.bas...
2019-02-20 14:47:45
4772
2
原创 eslint语法限制项目报错解决办法
自己从网上找来个实战项目，npm install之后，启动项目，出现了下面这么多的警告和报错，一脸懵逼：Windows PowerShell版权所有 (C) Microsoft Corporation。保留所有权利。PS F:\vue.news-master> npm run dev> vue.news@2.0.0 dev F:\vue.news-master> w...
2019-01-30 15:15:19
24267
4
原创 阿里开源项目Ant Design Pro介绍与使用
一、Ant Design Pro简介Ant Design Pro 是一个企业级中后台前端/设计解决方案，秉承 Ant Design 的设计价值观，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。随着『设计者』的不断反馈，我们将持续迭代，逐步沉淀和总结出更多设计模式和相应的代码实现，阐述...
2019-01-29 10:38:58
6599
原创 vue项目应用devExtreme插件
1、进入自己的vue项目npm install --save devextreme devextreme-vue安装完如果有报错按照提示操作即可2、写Home.vue代码<template> <dx-button :text="text"/></template><script>/*组件方式引用*/import DxButton...
2019-01-24 17:48:52
3137
原创 ${}占位符用法
ES2015新增${}占位符语法结构${}占位符浏览器支持：（1）IE9+浏览器支持占位符。（2）edge浏览器支持占位符。（3）火狐浏览器支持占位符。（4）谷歌浏览器支持占位符。（5）opera浏览器支持占位符。（6）safria浏览器支持占位符。一、什么是占位符：首先解决第一个问题，大家知道占位是什么意思，比如让同学在自习室占个座位。占位符的功能大致也是如此，${}占位符也...
2019-01-21 16:42:19
8771
3
原创 VSCode设置默认打开的浏览器
vscode怎么浏览器打开html文件？可以通过安装open in browser插件解决。1、安装open in browser插件安装完点击重新加载2、vscode怎么修改默认浏览器在安装完open in browser插件后，在打开的html文件代码中点击鼠标右键可以看到多了两个打开选择，点击选项即可打开浏览器进行预览。Open in Default Browsers：使用默...
2019-01-21 10:47:28
87281
11
原创 angular6使用Echarts插件
angular6使用Echarts插件1、在angular6项目下，使用npm安装echartsnpm install echarts --save安装查看angular.json文件，会出现引入了echart.min.js2、在相应的html文件里面写<div echarts [options]="chartOption" class="chartDom"></di...
2019-01-16 16:42:37
793
1
转载 Echarts图中datazoom的相关配置
dataZoom=[ //区域缩放 { id: 'dataZoomX', show:true, //是否显示 组件。如果设置为 false，不会显示，但是数据过滤的功能还存在。 backgroundColor:"...
2018-12-24 14:13:39
2247
原创 Angular6 proxy.conf.json的配置生效及其步骤
1、在angular6项目文件夹下（项目根目录）下新建 proxy.conf.json文件，里面代码如下：{ "/api": { //访问以/api开头的接口，以下是要访问的端口 "target": "http://localhost:8000" }, "/list": { "target": "http://localhost:8081" }}
2018-12-19 18:32:03
11594
3
原创 Property 'map' does not exist on type 'Observable'报错解决方案
开发项目时Property ‘map’ does not exist on type 'Observable’报错 constructor(private http: Http) { this.dataSource = this.http.get('/list') .map((res) => res.json()); }分析之后发现是缺少模块，安装此模块即...
2018-12-16 17:47:53
2331
转载 Angular6与与nodejs搭建的本地web服务器进行通信
一、用nodejs搭建本地web服务器使用node.js创建服务器在F盘新建一个名叫serve的文件夹,用vscode编辑器打开serve文件夹，并用npm初始化这个文件夹，会生成包含默认配置的package.json文件。npm init -y2. 使用typescript语言开发，引入node的类型定义文件，类型定义文件的作用是可以让typescript可以使用现在已有的jav...
2018-12-16 17:11:48
2745
原创 nodejs搭建本地web服务器
一、搭建本地web服务器1、使用node.js创建服务器1）在F盘新建一个名叫serve的文件夹,用vsCode编辑器打开serve文件夹，并用npm初始化这个文件夹，会生成包含默认配置的package.json文件。npm init -y2）使用typescript语言开发，引入node的类型定义文件，类型定义文件的作用是可以让typescript可以使用现在已有的javascrip...
2018-12-16 15:07:20
483
原创 Component Home is not part of any NgModule or the module has not been imported into your module.
angular6跳转报错：Component Home is not part of any NgModule or the module has not been imported into your module.解决方法：要在模块home.module.ts中声明组件Hom.component.ts（类名为Home）declarations: [Home]...
2018-12-11 11:31:53
3073
转载 Linux命令总结
Linux常用命令大全（非常全！！！）Linux常用命令大全（非常全！！！）（转自https://www.cnblogs.com/yjd_hycf_space/p/7730690.html）系统信息arch 显示机器的处理器架构(1)uname -m 显示机器的处理器架构(2)uname -r 显示正在使用的内核版本dmidecode -q 显示硬件系统部件 - (SMBIOS / ...
2018-12-06 08:51:08
208
原创 yarn的介绍与安装
yarn的介绍与安装yarn中文文档：https://yarn.bootcss.com/1、yarn是什么? 能干什么？yarn是facebook发布的一种包管理工具，作用同npm 一样，是一个包管理用具优点：快速： 1.会缓存它下载的每个包， 无需重复下载；能并行化操作以最大资源利用率；可靠： 使用格式详尽而又简洁的 lockfile文件 和确定性算法来安装依赖，能够保证在一个系统上...
2018-12-04 15:30:33
226
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人