原创 vue移動端rem適配

移動端項目rem是必不可少的,在不同系統不同機型下,因屏幕大小尺寸不一樣,使得用px單位的頁面在移動端顯示的不一樣。 所以移動端項目纔會使用rem單位 首先安裝px2rem npm install px2rem-loader -s

原创 vue3新特性及和vue2的區別

vue3新特性: 更快 更小 更易於維護 更多原生支持 更易於開發使用 重寫虛擬DOM 優化插槽生成 靜態樹提升 基於Proxy的觀察者機制 使vue更小 1) 以es5爲基礎,更小更快。(快:Proxy重構虛擬dom功能,小

原创 js break、continue和return的區別及用法

break和continue:    只能在退出循環(如:for、while、for in 等)或者switch語句,在其他地方使用會導致錯誤 break :會直接退出循環,並且這個循環不再被執行! continue:會直接跳出本

原创 vue項目中使用H5Plus

HTML5 Plus應用概述: H5Plus是一種基於HTML、JS、CSS編寫的運行於手機端的App,這種App可以通過擴展的JS API任意調用手機的原生能力,實現與原生App同樣強大的功能和性能。 首先拉一套vue-cli的

原创 PIXIJS 文檔說明

PIXI.js 1.安裝: npm install pixi.js 2.引入: import * as PIXI from 'pixi.js' 3.使用: 幾個基本概念: PIXI應用 首先我們在使用PIXI.js時需要先創建

原创 electron-vue中使用serialport串口

第一步:配置環境 1.安裝 Python2.7 配置環境變量(官網下載)看網上說明必須是2.7版本,3不支持 2.安裝 npm install --global --production windows-build-tools 3

原创 electron + vue 項目運行打包配置文檔

vue-cli 初始化vue項目構建 vue init webpack project-name electron 配置源碼: 1. git clone https://github.com/electron/electro

原创 PIXIJS的用法及和canvas區別

首先需要了解PIXI.js 是什麼? 做什麼用的? 在網上查了很多資料,但是有關PIXIJS的內容少之又少,下面我來安利一波~ PIXIJS 是基於svg的矢量圖,可用來畫二維或三維的圖形 canvas是HTML5新增的元素,亦

原创 angular ionic 設置滾動條位置(從詳情頁返回列表頁位置不變)

業務需求:ionic分頁加載的頁面如從第5頁第2條點擊進入詳情頁面,再從詳情頁面返回至列表頁,位置保持與之前進入時一致。 但是angular頁面路由跳轉會導致頁面重載(滾動條位置會刷新到瀏覽器頂部) 所以!! 技術上的重點就是設置滾動

原创 IOS彈出系統鍵盤後,頁面不恢復

ios中,鍵盤的彈起,頁面會往上挪動,使輸入框展示在頁面中間,鍵盤隱藏頁面會下挪恢復原狀 在6.7.4版本中,不會回挪,這將導致有相對定位(fixed,absolute:相對於瀏覽器窗體)的節點發生位移,導致節點點擊事件偏移而無法選中

原创 vuex 基本用法

vuex是什麼: 簡單來說就是對 應用中組件的狀態進行集中式的管理 vuex的核心概念 1. state vuex管理的狀態對象 它應該是唯一的 const state = { xxx:initValue } 2.

原创 js 根據時區轉換日期格式

js 各個時區時間轉換 //得到標準時區的時間的函數 var day = new Date(); getLocalTime(8,day) // 北京時間 function getLocalTime(i) { //

原创 vue sync修飾符

我們先看下官方文檔 vue 修飾符sync vue 在 2.0 發佈之後的實際應用中,我們發現 .sync 還是有其適用之處,比如在開發可複用的組件庫時。我們需要做的只是讓子組件改變父組件狀態的代碼更容易被區分。從 2.3.0 起我

原创 vue history模式

HTML5 History 模式 言簡意賅的來說,History模式就是去除掉瀏覽器地址欄的#號 vue-router 默認 hash 模式 —— 使用 URL 的 hash 來模擬一個完整的 URL,於是當 URL 改變時,頁面

原创 vue獲取上一個頁面路由

在某種情況下,我們要獲取上一個頁面的路由地址 可以使用: vue-router的beforeRouterEnter鉤子 其實也就是一個路由守衛 beforeRouteEnter(to, from, next) { next(v