原创 ionic3 + 實用
二級頁面隱藏tabbarapp.module.ts內 @NgModule 下@NgModule({ imports: [ IonicModule.forRoot(MyApp, { tabsHideOnSubPages
原创 cypress e2e 測試神器 安裝使用及語法
cypress 我們直接去Cypress的官網,根據教程我們先進入我們項目的根目錄,執行npm install cypress --save-dev,在安裝完成之後是沒有任何的動靜的,除了我們的package.json中會多一個版本號的記錄
原创 TypeScript
TypeScript 是JavaScript類型的超集,它可以編譯成純JavaScript。基礎類型布爾值booleanlet isDone: boolean = false;數字numberlet decLiteral: number =
原创 markdown基本語法
markdown是一種純文本格式的標記語言。通過簡單的標記語法,它可以使普通文本內容具有一定的格式。相比WYSIWYG編輯器優點: 1、因爲是純文本,所以只要支持markdown的地方都能獲得一樣的編輯效果,可以讓作者擺脫排版的困擾,專心
原创 CSS畫各種圖形(五角星、吃豆人、太極圖等)
扇形CSS畫各種圖形(五角星、吃豆人、太極圖等)扇形 width: 0; height: 0; border-left: 70px solid transparent; border-right: 70px solid transpa
原创 echarts太陽分佈圖-餅圖來回穿梭
js部分var dom = document.getElementById("container");var myChart = echarts.init(dom);var app = {};option = null;var data =
原创 flex.css
.flex { display: -webkit-box; display: -webkit-flex; display: flex; }.inline-flex { /* 內斂元素 */ display: inline-fle
原创 前端開發規範
基本原則結構、樣式、行爲分離儘量確保分檔和模板只包含HTML結構,樣式都放到樣式表裏,行爲都放到腳本里。縮進統一兩個空格縮進(總之縮進統一即可),不要使用Tab 或者Tab、空格混搭。文件編碼使用不帶BOM的UTF-8編碼 在HTML中指
原创 base64圖片轉碼
怎麼把圖轉成base64?方法一: new fileReader().readAsDataURL(file) 方法二: var imgCanvas=document.createElement('canvas'); mgContex
原创 Vue+MySQL+Express vue鏈接數據庫
用vue-cli腳手架工具創建一個基於webpack的Vue項目安裝nodenode官網地址:https://nodejs.org/en/直接選擇對應的版本安裝就可以了。查看是否安裝成功node -vnpm -vcnpm -v安裝cnpm使
原创 electron-vue———環境升級
https://gitee.com/yu_sheng/electron-vue 個人修改升級electron-vue 腳手架的環境儘量不要升級,但是vue之類的版本太低,用着難受,那就升一下。但是環境loader,webpack ser
原创 vue-cli腳手架使用
new Vue({ el:'#app',//要控制的容器 template:'',//組件調用標籤 components:{App}//註冊的組件 名稱來自import引入時的名字})組件嵌套方式1
原创 vue2.0 使用echarts
安裝echarts依賴npm install echarts -S或者使用國內的淘寶鏡像:安裝npm install -g cnpm --registry=https://registry.npm.taobao.org使用cnpm inst
原创 微信小程序開發-網絡請求wx.request封裝
const request = (url, data, successCallback, errorCallback) => { return wx.request({ url: 'IP及端口' + url, data: da
原创 vue腳手架移動適配--rem(iPhone圖紙750px)
移動端設計圖稿一般按iphone6 的750px 設計,經過此適配之後,可直接寫圖紙測量的數據,包括文字大小1.lib-flexiblenpm i lib-flexible --save2.引入lib-flexible在main.js中引入