原创 vue-router router-link

個人理解vue-router能夠實現當我們點擊某個導航鏈接的時候能夠動態的展示一個組件 使用方法: 安裝 :npm install vue-router 在main.js中加載使用 import Vuerouter f

原创 wepy

安裝 npm install -g wepy-cli 創建一個空的模板 wepy init empty wepydemo01 起一個項目名稱(不可以大寫) AppId (touristappid) Appid Project de

原创 小程序

小程序運行文檔:mp.weixin.qq.com 登錄小程序 設置 開發者ID 小程序四大標準: WXML 結構 WXSS 樣式 JS 腳本 JSON 配置 JSON-小程序配置文件

原创 小程序在編譯器vscode里語法高亮

小程序文件在編譯器裏是純白色的,就算你是大牛看起這樣的代碼也特別的彆扭吧,由於本人只使用VScode所以這裏只提供VScode的代碼高亮方法, 其餘的請借鑑官方文檔上的方法 我們這裏需要的插件是Vetur 下載Vetur插件 之

原创 利用vue-cli搭建vue項目

1.安裝一個腳手架工具 #安裝全局命令行工具,在任何位置執行都可以 npm install --global vue-cli npm i -g vue-cli 2.安裝完成後會在你的終端多出一個命令’vue’ 安裝完成後 輸入

原创 iframe自動播放

今天遇到一個問題,如果在頁面中想應用騰訊視頻的視頻並且在頁面自動播放該怎麼辦? 這裏會有一個<iframe></iframe>地址,我們將它複製下來到當前頁面,這樣當前頁面就顯示了這個視頻 那麼如何讓這個視頻自動播放呢? 設置aut

原创 vue指令

v-text ***:***更新元素的textContent。如果要更新的部分的textContent,需要使用{{Mustache}}差值(textContent返回屬性或返回屬性文本內容) 示例: <span v-text="ms

原创 css設置內容超出後顯示省略號

在寫前端頁面時,通常會遇到文字超出後顯示省略號; 頁面本來是這個樣子的,第一行的文字超出已經壓倒了下面的文字, 第一步,使用overflow: hidden把超出的內容進行隱藏,頁面變成了這樣 第二步使用white-space:

原创 前端切圖會一個命令就好了

ctrl+shift c 放開shift v n

原创 vue上傳頭像顯示在頁面中base64

body部分 <img src="" style="height: 60px; width: 60px;" id="portrait"> <div class="logo"> 點擊上傳頭像

原创 快速入門bootstrop

引包註釋 <!DOCTYPE html> <!-- 網頁的語言 zh-cn中文簡體 en英語 zh-TW臺灣 zh-hk 香港國語 --> <html lang="zh-CN"> <head> <meta charset=

原创 git操作命令

git branch //查看當前分支 git branch -a //查看所有分支 git add -a //將所有改動存到暫存區 git commit -m "備註" //將暫存區的改動提交給本地的版本庫 git pull ori

原创 nginx啓動、結束、檢查、加載命令

進入nginx目錄,start nginx 啓動nginx nginx -t 檢查配置對不對 如果沒問題 nginx -s reload 重新加載配置文件 退出nginx , nginx -s quit

原创 Markdown

歡迎使用Markdown編輯器寫博客 本Markdown編輯器使用StackEdit修改而來,用它寫博客,將會帶來全新的體驗哦: Markdown和擴展Markdown簡潔的語法 代碼塊高亮 圖片鏈接和圖片上傳 LaTex數學公式

原创 CSS自適應佈局(左右固定中間自適應或者右側固定左側自適應)

CSS自適應佈局(左右固定 中間自適應或者右側固定 左側自適應) 經常在工作中或者在面試中會碰到這樣的問題,比如我想要個佈局 右側固定寬度 左側自適應 或者 三列布局 左右固定 中間自適應的問題。 下面我們分別來學習下,當然我也是總結