Time of Update: 2017-10-27
利用pm2部署多個node.js項目的配置教程,pm2node.js前言相信大家應該都知道,一般在實際項目部署中,我們伺服器在啟動的時候需要自動啟動node服務。以前是通過liunx內建的命令啟動。但是隨著後台微服務越來越多。每次發布新程式。修改指令碼太麻煩了。於是換成PM2來做。下面話不多說了,來一起看看詳細的實現過程吧。配置方法如下:1.首先安裝pm2npm install -g pm22.組建組態檔案pm2 ecosystem產生完成會有一個ecosystem.config.js的檔案,3
Time of Update: 2017-10-27
angularjs實現天氣預報功能,angularjs天氣預報本文執行個體為大家分享了Android九宮格圖片展示的具體代碼,供大家參考,具體內容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>天氣</title> <script src="../angular-1.5.5/angular.min.js"></
Time of Update: 2017-10-27
Vue.js組件通訊的幾種姿勢,vue.js組件通訊寫在前面因為對Vue.js高度興趣,而且平時工作的技術棧也是Vue.js,這幾個月花了些時間研究學習了一下Vue.js源碼,並做了總結與輸出。文章的原地址: https://github.com/answershuto/learnVue 。在學習過程中,為Vue加上了中文的注釋 https://github.com/answershuto/learnVue/tree/master/vue-src
Time of Update: 2017-10-27
通俗易懂地解釋JS中的閉包,通俗易懂解釋js1. "閉包就是跨範圍訪問變數。" 【樣本一】var name = 'wangxi'function user () { // var name = 'wangxi' function getName () { console.log(name) } getName()}user() // wangxi在 getName 函數中擷取 name,首先在 getName 函數的範圍中尋找 name,未找到,進而在 user
Time of Update: 2017-10-27
詳解在vue-cli項目中使用mockjs(請求資料刪除資料),vue-climockjs在我們的生產實際中,後端的介面往往是較晚才會出來,於是我們的前端的許多開發都要等到介面給我們才能進行,這樣對於我們前端來說顯得十分的被動,於是有沒有可以製造假資料來類比後端介面呢,答案是肯定的。於是今天我們來介紹一款非常強大的外掛程式Mock.js
Time of Update: 2017-10-27
使用Node.js實現ORM的一種思路詳解(圖文),node.jsormORM是O和R的映射。O代表物件導向,R代表關係型資料庫。二者有相似之處同時也各有特色。就是因為這種即是又非的情況,才需要做映射的。 理想情況是,根據關係型資料庫(含業務需求)的特點來設計資料庫。同時根據物件導向(含業務需求)的特點來設計模型(實體類)。然後再去考慮如何做映射。但是理想很骨jian感dan,現實太豐fu滿za。 沒見哪個ORM是這麼做的,也沒見哪位高手會這麼做設計。那麼實際情況是什麼樣子的呢?以.net的
Time of Update: 2017-10-27
原生JS實現Ajax跨域請求flask響應內容,ajaxflaskAjax方法好,網站感覺跟高大上,但由於Js的局限,跨域Ajax無法實現,這裡,講一下解決辦法,前提是需要能夠自己可以控制flask端的響應。主要技術:修改伺服器相應的相應頭,使其可以相應任意網域名稱。and設定回應標頭,使其能夠相應POST方法。實現代碼:這裡先放flask代碼:from flask import
Time of Update: 2017-10-27
詳解使用PM2管理nodejs進程,詳解pm2nodejs進程pm2 是一個帶有負載平衡功能的Node應用的進程管理器.當你要把你的獨立代碼利用全部的伺服器上的所有CPU,並保證進程永遠都活著,0秒的重載, PM2是完美的。它非常適合IaaS結構,但不要把它用於PaaS方案(隨後將開發Paas的解決方案).和使用node index.js方式比較,優點:1 一個命令視窗就可管理多個node伺服器處理序。而node命令多個進程就需要開多個視窗。2
Time of Update: 2017-10-27
純html+css+javascript實現樓層跳躍式的頁面配置(執行個體代碼),cssjavascript實現效果示範:實現代碼及注釋:<!DOCTYPE html><html><head> <title>樓層跳躍式的頁面配置</title> <meta charset="utf-8"> <style type="text/css"> *{ margin: 0; padding: 0; }
Time of Update: 2017-10-27
React Native AsyncStorage本機存放區工具類,reactasyncstorage利用react-native組件AsyncStorage,通過promise,儲存本機資料,具體內容如下import {AsyncStorage} from 'react-native';export default class StorageUtil { /** * 儲存一個Json對象 * @param key * @param value * @param
Time of Update: 2017-10-27
淺談Vue.nextTick 的實現方法,淺談vue.nexttick這是一篇繼event loop和MicroTask 後的vue.nextTick API實現的源碼解析。預熱,寫一個sleep函數function sleep (ms) { return new Promise(resolve => setTimeout(resolve, ms)}async function oneTick (ms) { console.log('start') await sleep(ms)
Time of Update: 2017-10-27
JavaScript 非同步呼叫,javascript非同步呼叫問題可修改下面的 aa() 函數,目的是在一抄後用 console.log() 輸出 want-valuefunction aa() { setTimeout(function() { return "want-value"; }, 1000);}但是,有其他需求:aa() 函數可以隨意修改,但是不能有 console.log()執行 console.log() 語句裡不能有 setTimeout
Time of Update: 2017-10-27
詳解vue 組件之間使用eventbus傳值,vueeventbus對於前端的我們而言,並非是只有寫介面才是最大的問題,很多的情況下,我們需要關注的是資料,比如js頁面的資料傳遞等等,學習vue我們也是需要知道怎麼去使用資料當然,使用儲存也是可以得,但是並非一定要緩衝,當然在vue中有推薦了我們去使用vuex去資料互動,Vuex會讓你的Vue代碼足夠靈活可控,把資料統一存入state,
Time of Update: 2017-10-27
淺談Vue的載入順序探討,淺談vue載入在Vuejs 1.0版本中,如果父子組件進行配合,它們的生命週期執行具有如下特點:1. created總是先父後子生命週期函數created總是按照從父到子的順序依次執行,但是兄弟之間沒有嚴格按照這樣的順序執行,估計是採用了非同步函數,不僅如此,子組件在父組件中的插入順序也是隨機的,並沒有什麼特別的規律。假定子組件的引用順序如下:<div class="container"> <child-c1 v-ref:child1></
Time of Update: 2017-10-27
詳解HTML5 使用video標籤實現選擇網路攝影機功能,html5video詳解HTML5 使用video標籤實現選擇網路攝影機功能1. html// jquery reference // <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> // <input type="hidden" name="imgValue"
Time of Update: 2017-10-27
原生javascript實現檔案非同步上傳的執行個體講解,javascript執行個體講解:代碼:(demo33.jsp)<%@ page contentType="text/html;charset=UTF-8" language="java" %><html><head> <title>demo33.jsp</title></head><body><label for="text">名稱</
Time of Update: 2017-10-27
JS實現table表格固定表頭且表頭隨橫向滾動而滾動,jstable先看一張思路:1、頭部用一個table並用一個div包裹著, 表格的具體內容用一個table2、頭部外面的div用positon: relative相對定位3、擷取整個表格的高度4、擷取表格的dom(或者包裹著表格的dom)距離頁面頂部的距離 offsetTop5、滾動的零界點的距離 表格的高度+表格距離頁面頂部的距離 如果滾動超過這個 就讓頭部的top值歸0或原封不動當然還有很多可以最佳化的地方 我只是展示一個小思路
Time of Update: 2017-10-27
jquery使用iscorll實現上拉、下拉載入重新整理,jqueryiscorll本文執行個體為大家分享了iscorll實現上拉下拉載入重新整理的具體代碼,供大家參考,具體內容如下實現原理是:判斷fiiptop,flipdown是否顯示為依據myScroll = new iScroll('wraphome', { fixedScrollbar: true, hideScrollbar: true, fadeScrollbar: true,
Time of Update: 2017-10-27
Node.js中環境變數process.env的一些事詳解,node.jsprocess.env前言最近這兩天在和營運GG搞部署項目的事兒。碰到一個問題就是,咱們的dev,uat,product環境的問題。因為是前後端分離,所以在開發和部署的過程中會有對後端介面的網域名稱的切換問題。折騰了一下午,查詢了各種資料這才把這Node環境變數process.env給弄明白。下面這就做個問題解決的記錄。希望能對這個不明白的人有所協助。話不多說了,來一起看看詳細的介紹吧。Node環境變數首先,咱們在做rea
Time of Update: 2017-10-27
JS手機端touch事件計算滑動距離的方法樣本,jstouch本文執行個體講述了JS手機端touch事件計算滑動距離的方法。分享給大家供大家參考,具體如下:計算手勢在手機螢幕上滑動時,手勢滑動的距離,代碼如下:function wetherScroll(){ var startX = startY = endX =endY =0; var body=document.getElementsByTagName("body");