原创 微信小程序(1 初識)

前期準備 跟隨 官網簡易教程 ①申請小程序賬號 ②獲取AppID ③安裝開發者工具 ④ 第一個小程序 (跟隨簡易教程 就實現了第一個小程序) 項目分析 微信開發者工具 像平時用到的IDE軟件相似,講一下平常用得到的功能。

原创 小程序獲取用戶位置並轉化成真實描述文字

獲取用戶位置並轉化成真實描述文字設置用戶授權獲取經緯度信息轉化經緯度信息爲 `國家 省份 市` **解決問題: ** 在小程序中獲取用戶的信息, 使用 wx.getLocation API, 在使用這個 API 之前需要首先設

原创 webpack v.3.x 入門(一) — 安裝

webpack v.3.x 入門(一) — 安裝 環境要求 webpack 依賴於 node.js 環境,在使用 webpack 之前,下載安裝 node.js 。 安裝 webpack 全局安裝 全局安裝後可以供命令行在全局

原创 vue 雙向數據綁定的終極實現 -- .sync

sync 修飾符 在 vue 項目中,父子組件之間的數據通信爲: 父級組件改變子組件數據: // 父組件 <father :status='statusValue'> //子組件 ... <div>{{status}}</d

原创 電商全棧微信小程序+express+mysql+vue技術全面覆蓋(一 前言)

前言 工作的原因,需要完成一個電商微信小程序的項目,需要完成小程序頁面、後臺接口、數據庫、管理商品的後臺頁面,項目部署等一系列任務,這些任務所涉及的技術棧也同樣是當下作爲一個前端工程師需要掌握的。 項目當然會涉及到當下許多熱門的技

原创 小程序 template 模版使用方法

小程序開發語言雖然只能運行在微信小程序中, 但是它的設計同樣遵循了主流前端框架的主要特徵——組件化,在小程序中組件化的實現有兩種方式: template 模版 和 Component 組件。 這兩種方式分別適用於不同的場景。 tem

原创 獲取用戶位置並轉化成真實描述文字

獲取用戶位置並轉化成真實描述文字設置用戶授權獲取經緯度信息轉化經緯度信息爲 `國家 省份 市` **解決問題: ** 在小程序中獲取用戶的信息, 使用 wx.getLocation API, 在使用這個 API 之前需要首先設置

原创 git pull 出現的 ERROR: Permission to XXX.git (在本地設置一個或者多個id_rsa 來連接 github 倉庫並實現 git push / git pull)

git pull 出現的 ERROR: Permission to XXX.git(在本地設置一個或者多個id_rsa 來連接 github 倉庫並實現 git push / git pull) 場景一: 本地只需要一個 ssh id

原创 v-model 解析 和 自定義 v-model

$emmit 和 $v-on vue 組件之間數據綁定是基於單項綁定的,想要父子組件之間的數據和行爲的交互要使用 $emit和 $v-on。 <!-- child component --> <template> <de

原创 vue 解決兄弟組件、跨組件深層次的通信問題

兄弟組件之間的通信同樣是在項目中經常會遇到的組件間的通信問題之一, 這種問題的最根本方法就是: 把兄弟組件內部的變量提升到一箇中央倉庫。 藉助父級組件鏈式交互 使子組件1 通過 $emit 通知父級, 父級再通過響應 子組件1 的事件

原创 解決深層次組件間的通信 $attrs, $listeners

inheritAttrs 在談及深層次組件通信之前先說一下 inheritAttrs, 這個屬性在官網中是這樣解釋的: 默認情況下父作用域的不被認作 props 的特性綁定將會 ‘回退’ 且作爲普通的 HTML 特性應用在子組件的跟

原创 使用 Array.includes Array.every Array.some  處理多重循環條件

Array.includes 一個最常見的循環例子: function demo(fruit) { if(fruit === 'apple' || fruit === 'strawberry'){ console.log('re

原创 JS 中實例必須使用 new 關鍵字生成的寫法

this instanceof xx 在 JS 中一個實例對象的創建必須使用 new 操作符。但是限於 JS 的語法特徵, 實際上 構造函數 同樣可以像普通函數那樣直接執行,這就使用了 函數作爲構造函數的意義,爲了避免這種情況的發

原创 vue 項目中使用 Loading 組件

當在vue項目中請求後臺接口時,常常會使用 loding 過渡數據的加載時間。 如果 loading 作爲一個全局的加載狀態,應該寫在項目中的App.vue中 <template> <div id="app">

原创 vue 項目 -- 從 vue-cli 開始

從 vue-cli 開始 搭建一個 vue 項目最簡單的方式就是使用官方的腳手架工具,他提供了現代前端工作流的構建設置,只需要幾分鐘時間就可以運行帶有 熱更新 Eslint 打包 功能的項目。 vue-cli 的安裝比較簡單,基本上跟着