原创 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中引入