原创 使用 es2015 封裝 localStorage

不管是原生封裝還是es6封裝都是隱藏對象的屬性和實現細節,然後只對外公開相應的接口,控制在程序中屬性的讀和修改的訪問級別。 //封裝 localStorage var storage={ //存數據 setData(key,arr

原创 如何使用原生 javaScript 封裝常用功能

1、首先了解一下什麼什麼封裝? 所謂封裝,就是隱藏對象的屬性和實現細節,然後只對外公開相應的接口,控制在程序中屬性的讀和修改的訪問級別;將抽象得到的數據和行爲(或功能)相結合,形成一個有機的整體,也就是將數據與操作數據的源代碼進行

原创 git 如何使用(教人)

1.什麼是git Git 是一個開源的分佈式版本控制系統,用以有效、高速的處理從很小到非常大的項目版本管理 2.git軟件下載地址:https://git-scm.com/download/win 3.github就是一個倉庫 咱

原创 在vue中如何實現點播功能

H5提供給我們 <video> 標籤 用他可以實現一個簡單的h5視頻 <video src="xxx.mp4" controls="controls"> </video> 但是: 他僅在 Internet Explorer

原创 vue中的slot-scope及scope.row

最近在寫後臺管理系統 在寫到修改的地方時 之前的思路是直接把當前對象傳過去 然後在進行修改 現在vue提供了scope 以及 scope.row 可以讓我們更方便的操作數據 slot-scope='scope' 作用域插槽中定義一

原创 使用 node + express + socket 來一個即時聊天~

首先需要在電腦安裝Node.js 如果基礎不好的話看下官網瞭解一下 然後我們就可以搭建一個簡單的HTTP服務器了 下面搭建一個簡單的服務器瞭解一下不是正文 首先在文件目錄裏創建server.js內容爲: //引入http模塊 va

原创 Vue顯示和隱藏如何用動畫形式顯示

Vue提供了transition的組件,在正常情況中,可以給任何元素和組件添加”進入”和”離開”過渡動畫。 在使用v-if或者v-show的時候,想讓效果好看一些,畢竟前端嗎,要審美哈哈~ 其實好多種實現方法,這裏列出這一兩種 1

原创 前端如何使用mock數據

首先呢簡單介紹下mock數據,目前在公司開發項目時,都是前,後端同時開發 mock數據:模擬數據(俗稱造假數據) 模擬數據: 前提: 1.前端和後端溝通好數據結構(也稱對接口) 2.接口文檔:通常接口文檔查閱要傳遞的url,傳遞的

原创 微信小程序頁面之間通訊以及組件之間通信

1.頁面與頁面傳值-跳轉的url帶參傳值 微信小程序頁面直接傳值我們經常用到的是頁面URL跳轉傳值,跳轉到的頁面通過到生命週期onLoad裏面接收。 //A頁面 Page({ data:{ }, linkTo:functi

原创 js獲取兩個數組的合集和差集

打印兩個數組之間的差集 var a = [110000,150000,310000]; var b = [110000,310000]; var c = []; var tmp = a.concat(b); var o

原创 js輸入數字,輸出中文大寫

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-

原创 vue-quill-editor(富文本) 在 vue 中如何使用

安裝 vue-quill-editor npm install vue-quill-editor -S 安裝quill npm install quill -S 引入 import { quillEditor } from 'v

原创 使用webpack搭建Vue

什麼是webpack,爲什麼要使用它? WebPack可以看做是資源構建,模塊打包機:它做的事情是,分析你的項目結構,找到JavaScript模塊以及其它的一些瀏覽器不能直接運行的拓展語言(Scss,less、img、scss、c

原创 hybrid app

目前市面上很多app是通過原生ios、Android加載一個網頁實現的,這樣的app我們稱之爲 Hybrid App 那麼爲什麼要用 hybrid app呢? 個人認爲的原因有兩點: 1.提高開發效率,以釘釘爲例在涉及到一些OA操

原创 react的生命週期函數有哪些?

componentWillMount 在渲染前調用,在客戶端也在服務端。 componentDidMount : 在第一次渲染後調用,只在客戶端。之後組件已經生成了對應的DOM結構,可以通過 this.getDOMNode() 來