原创 node,npm版本管理器nvm的安裝和使用

第一步:介紹nvm 首先nvm就是一個可以在同一個機器上下載多個版本node同時切換它們的版本的工具。 有時候我們可能同時在進行兩個項目,而兩個項目的所使用的版本又不一樣,我們就可以使用nvm來解決這個問題。 第二步:下載安裝nv

原创 webpack基本配置學習

webpack安裝 自己簡單的使用了下,先npm init 初始化了一下環境,然後安裝webpack npm init -y npm install webpack webpack-cli --save-dev npm ini

原创 vue父子組件傳值.sync語法糖

父子傳值props 父組件傳遞 <test :content="title"></test> data() { return { title: 'Hello' } }, 子組件接收 props:{ content:{

原创 Django實現圖片上傳

實現的是將圖片上傳存放在工程目錄下。 原生實現: html: <form action="{% url 'two:upload' %}" method="post" enctype="multipart/form-data"

原创 W10下MongoDB的簡單的基本操作

首先每次執行與數據庫相關的操作,都先掛載起mongodb數據庫來:該地址是自己設置的地址 mongod --dbpath d:\mongo\data\db 然後縮小那個命令行,新開一個命令行,輸入mongo進入mongo環境。

原创 Element-ui樹形控件el-tree複選框和el-table表格結合

Element-ui樹形控件el-tree複選框和el-table表格結合 需求: vue-cli中選中左邊el-tree的複選框,將數據展示到右側el-table表格;從表格中刪除數據同步將左側對應複選框的選中狀態取消。有默認選

原创 css3 transform屬性和使用方法

CSS3 transform 屬性 transform 屬性向元素應用 2D 或 3D 轉換。該屬性允許我們對元素進行旋轉、縮放、移動或傾斜。 屬性及方法 rotate 定義 旋轉,在參數中規定角度。 旋轉該元素,配合着trans

原创 W10電腦遠程連接 Windows 實例(通用)

廢話不多說,我的服務器是阿里雲的。 第一步首先,win+R鍵打開運行,輸入“mstsc”,點擊確定。 第二步看到遠程桌面連接之後,輸入要遠程連接的ip地址,也就是雲服務器的公有ip地址。然後點擊連接。 第三步 會出現一個彈框

原创 react框架

環境準備 創建項目 npx create-react-app my-react 進入項目並啓動 cd my-react && npm start src/index.js 先把src裏面的東西全部刪掉,重寫了index.js

原创 vue編寫實現考試模塊答題功能單選多選

需求: 單選多選判斷題。 由於單選和判斷性質一樣,這裏我就只寫下單選和多選題; 大概實現這樣的效果: 返回的數據格式大概是這樣: [ { "id": "0f78fab04fab11eaabe802429c67f104"

原创 js將字母轉化數字,將數字轉化字母

將大寫字母轉換成對應的01234 var str = 'ABC' function options(item){ let num = '' for(let i = 0; i<item.length;++i){ num+=i

原创 vue項目結合Mock+Express模擬後臺假數據

項目 該項目使用了node中的express+mockjs實現了動態模擬接口,已封裝,可多處使用。 Mock.js官方定義生成隨機數據,攔截 Ajax 請求。 目錄結構 我這裏用的是vue-cli3創建的新項目,然後在目錄下創建

原创 Element-ui文字提示el-Tooltip修改樣式

Element-ui文字提示el-Tooltip修改樣式 需求: vue-cli項目文字提示:需要改變字體樣式和寬度。 <el-tooltip :content= 'node.label' placement="top-sta