原创 手把手教你構建vue項目(微信h5以及hybrid混合開發)(四)——指令、過濾器、路由、Store的配置、axios的二次封裝以及使用

這一篇主要是指令、過濾器、路由、Store的配置、axios的二次封裝以及使用 1.過濾器的配置 1)在filters目錄新建filters/index.js,目錄結構如下: └─src │ filters │

原创 手把手教你構建vue項目(微信h5以及hybrid混合開發)(六)——eslint和prettier相結合

前面一開始的時候我並沒有在項目中增加eslint代碼規範,eslint對於協同工作和代碼規範都是很重要的工具,那麼現在就在已有的項目上配置eslint。 1.通過vue add eslint命令 官網配置地址 命令安裝相關依賴

原创 手把手教你構建vue項目(微信h5以及hybrid混合開發)(三)——vue.config.js的配置和開發、生產、測試環境的全局變量配置以及使用

這一章主要是有關vue.config.js的配置和開發、生產、測試環境的全局變量配置以及使用 在這裏我直接先將我的vue.config.js代碼貼出來,可以直接拿來使用,代碼優化的內容後面會再集中寫一篇文章 'use strict

原创 手把手教你構建vue項目(微信h5以及hybrid混合開發)(五)——路由權限配置,微信登錄授權的設計思路以及測試微信登錄授權的小技巧

這一章主要是講路由權限配置,微信登錄授權的設計思路以及測試微信登錄授權的小技巧 1.路由權限和微信登錄授權操作 1)首先我們得在src目錄新建一個setting.js文件 setting.js module.exports = {

原创 手把手教你構建vue項目(微信h5以及hybrid混合開發)(一)——項目目錄結構

目錄 手把手教你構建vue項目(微信h5以及hybrid混合開發)(一)——項目目錄結構 手把手教你構建vue項目(微信h5以及hybrid混合開發)(二)——安裝移動端常用ui和全局公共樣式以及適配的設置 手把手教你構建vue項

原创 手把手教你構建vue項目(微信h5以及hybrid混合開發)(二)——安裝移動端常用ui和全局公共樣式以及適配的設置

這一篇主要是安裝移動端常用ui和全局公共樣式以及適配的設置。 開發工具:vscode, 包安裝工具:yarn 這裏補充下,scss是在使用vue-cli4.0創建項目的時候就直接勾選dart-sass的。 一、確認我們要使用的ui

原创 手把手教你構建vue項目(微信h5以及hybrid混合開發)(七)——項目的優化

一般項目比較大的時候,這個時候如果不優化項目,h5項目就會加載很慢。這裏提供一些優化技巧,其實一般項目都可以這樣做,引入cdn,壓縮代碼,圖片懶加載,splitChunk分割代碼,去掉console.log下面代碼示例。 1.使用

原创 手把手教你構建vue項目(微信h5以及hybrid混合開發)(四)

這一篇主要是指令、過濾器、路由、Store的配置、axios的二次封裝以及使用 1.過濾器的配置 1)在filters目錄新建filters/index.js,目錄結構如下: └─src │ filters │

原创 手把手教你構建vue項目(微信h5以及hybrid混合開發)(一)

一、項目描述 剛開始的時候,爲了快速開發原生app以及微信h5網頁。公司決定採用一套代碼來解決,即用微信h5網頁的代碼,嵌套到原生端(ios和android)。這樣開發起來原生端就方便快捷寫,主要商品詳情以及支付的邏輯都可以由微信

原创 jQuery實戰學習之點擊顯示和隱藏

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../Js/jque

原创 vue中使用WX-JSSDK的兩種方法

公司最近有微信公衆號的需求,那麼微信登錄授權和如何使用WX-JSSDk實現分享等等肯定是最頭疼的問題。本人也是第一次開發微信公衆號,在網上看了很多篇博客,最終選定了兩種方法,並且親測有效。 一、通過全局,在router.after

原创 Vue學習之路(三)---基本指令

基本指令的寫法都是以v-開頭,例如v-html,v-bind:title……等等。 現在說下基本指令一些用法: 1.基本的形式,v-text和v-html的區別 網頁上的顯示效果 2.v-for的使用 代碼(循環遍歷數組)

原创 Vue學習之路(四)---v-model(雙向數據綁定)與表單

v-model具有雙向數據綁定的功能,可以綁定數組和字符串,不過,在綁定之前,需要將我們需要綁定的數據進行初始化。 1.當輸入框的值改變時,{{value}}中的值會跟着改變 //html <input type="text"

原创 Vue學習之路(一)

實例對象Vue 前面的nodeJs安裝以及npm安裝vue-cli和webpack就不作解釋了,可以參考網上其他的網站以及相關博客進行學習。 var my = new Vue({ el: '#app',//裝載對象的位置

原创 Vue學習之路(二)---組件

1.Vue提供全局的api,Vue.Component,在寫data數據的時候最好用函數返回數據,這樣做是爲了避免在使用多個這個組件時,數據變化而導致組件的數據都變了。 Vue.component('my-header',{