原创 阿里開源項目Ant Design Pro介紹與使用

一、Ant Design Pro簡介 Ant Design Pro 是一個企業級中後臺前端/設計解決方案,秉承 Ant Design 的設計價值觀,致力於在設計規範和基礎組件的基礎上,繼續向上構建,提煉出典型模板/業務組件/配套設

原创 vue2使用Props 傳值案例和步驟

vue2中父組件給子組件傳值可以用props,以下爲傳值步驟: 1、父組件中聲明要傳給子組件的值(父組件爲minnong.vue,子組件爲child.vue) <child :zsq="sukiTitle"></child> 2、

原创 vue使用mockjs配置和使用

需求: 在前後端分離的開發中,需要前後端同時開發,但是在後端完成前,暫時是沒有數據返回給前端使用的,如果先寫靜態後面再改,就有重複工作的內耗存在。所以我們需要一種簡單快速的模擬數據的模塊,本文選的是mockjs。 步驟: 1、安裝mo

原创 vue2項目與後臺聯調設置服務器代理(實現跨域)的步驟

1、打開config文件中的index.js文件 更改module.exports下面的proxyTable 設置接口爲api開頭,設置target爲要訪問的地址(比如後臺開發人員的ip地址),changeOrigin爲true表示跨

原创 vue2中全局引入jquery的步驟

1、vscode打開項目,打開中斷安裝:npm install jquery --save-dev 安裝成功可以再package-lock.json裏面看到安裝的jquery的版本號 2、在項目根目錄下的build/webpack

原创 eslint語法限制項目報錯解決辦法

自己從網上找來個實戰項目,npm install之後,啓動項目,出現了下面這麼多的警告和報錯,一臉懵逼: Windows PowerShell 版權所有 (C) Microsoft Corporation。保留所有權利。 PS F:

原创 vue項目應用devExtreme插件

1、進入自己的vue項目 npm install --save devextreme devextreme-vue 安裝完如果有報錯按照提示操作即可 2、寫Home.vue代碼 <template> <dx-button :te

原创 ${}佔位符用法

ES2015新增${}佔位符語法結構 ${}佔位符瀏覽器支持: (1)IE9+瀏覽器支持佔位符。 (2)edge瀏覽器支持佔位符。 (3)火狐瀏覽器支持佔位符。 (4)谷歌瀏覽器支持佔位符。 (5)opera瀏覽器支持佔位符。 (6)

原创 VSCode設置默認打開的瀏覽器

vscode怎麼瀏覽器打開html文件?可以通過安裝open in browser插件解決。 1、安裝open in browser插件 安裝完點擊重新加載 2、vscode怎麼修改默認瀏覽器 在安裝完open in browse

原创 angular6使用Echarts插件

angular6使用Echarts插件 1、在angular6項目下,使用npm安裝echarts npm install echarts --save 安裝查看angular.json文件,會出現引入了echart.min.js

原创 Echarts圖中datazoom的相關配置

dataZoom=[ //區域縮放 { id: 'dataZoomX', show:true,

原创 Angular6 proxy.conf.json的配置生效及其步驟

1、在angular6項目文件夾下(項目根目錄)下新建 proxy.conf.json文件,裏面代碼如下: { "/api": { //訪問以/api開頭的接口,以下是要訪問的端口 "target": "http://

原创 Linux命令總結

Linux常用命令大全(非常全!!!) Linux常用命令大全(非常全!!!) (轉自https://www.cnblogs.com/yjd_hycf_space/p/7730690.html) 系統信息 arch 顯示機器的處理器架

原创 yarn的介紹與安裝

yarn的介紹與安裝 yarn中文文檔:https://yarn.bootcss.com/ 1、yarn是什麼? 能幹什麼? yarn是facebook發佈的一種包管理工具,作用同npm 一樣,是一個包管理用具 優點: 快速: 1.會

原创 nodejs搭建本地web服務器

1)在F盤新建一個名叫serve的文件夾,用vscode編輯器打開serve文件夾,並用npm初始化這個文件夾,會生成包含默認配置的package.json文件。 npm init -y 2)使用typescript語言開發,引入