原创 npm ERR! Failed at the [email protected] postinstall script.

今天安裝腳手架工具時遇到這樣一個報錯信息: npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! [email protected] postinstall: `node script

原创 【VueJS】一個vue文件中如何並列兩個div

問題來源 解決方案 使用一個div包裹這些div

原创 【HTML】Web Component

  近年來,web 開發者們通過插件或者模塊的形式在網上分享自己的代碼,便於其他開發者們複用這些優秀的代碼。同樣的故事不斷髮生,人們不斷的複用 JavaScript 文件,然後是 CSS 文件,當然還有 HTML 片段。但是你又必

原创 【JavaScript】從promise、process.nextTick、setTimeout出發,談談Event Loop中的Job queue

轉載自:從promise、process.nextTick、setTimeout出發,談談Event Loop中的Job queue 簡要介紹:談談promise.resove,setTimeout,setImmediate,pr

原创 【NodeJS】爬蟲之使用 eventproxy 控制併發

eventproxy 幫你管理到底這些異步操作是否完成 源代碼: var eventproxy = require('eventproxy'); var superagent = require('superagent'); va

原创 【虛擬機/服務器】uWSGI+Nginx部署Django項目補充

首先弄清下面幾個概念 WSGI:全稱是Web Server Gateway Interface,WSGI不是服務器,python模塊,框架,API或者任何軟件,只是一種規範,描述web server如何與web applicat

原创 【微信小程序】wx.uploadFile不支持上傳GIF動圖

雖然 wx.chooseImage 選擇圖片時可以選擇 .gif 格式的圖片, 但是當調用 wx.uploadFile 將其進行上傳時,發現返回errorCode 200, 對應的報錯信息是 \u6587\u4ef6\u8def

原创 【微信小程序】底部操作菜單與拍照錄像

這篇文章要解決三個問題: 底部操作菜單 自定義按鈕“點按拍照,長按拍攝” 調用朋友圈的API實現“點按拍照,長按拍攝” 第一部分 當點擊“上傳資料”按鈕的時候,要從底部彈出操作菜單欄。 <button type="primar

原创 【微信小程序】選擇圖片並上傳時出現兩個loading ?!

遇到這樣一個業務場景,在小程序中 wx.chooseImage 選擇圖片後, 調用 wx.uploadFile 上傳圖片到公司的一個數據庫中,然後拿到對應的返回值後, 再去請求一個接口,將所有圖片一一進行綁定, 等所有圖片上傳完畢

原创 WebRTC(三)用屏幕分享錄製一段視頻

前一章節瞭解了屏幕分享的API,感覺跟我們常用的“屏幕共享”好像。 那麼可不可以用此進行一個屏幕錄製呢? “紙上得來終覺淺,覺知此事要躬行。”看着挺簡單的一個東西,沒有落實都算說大話。 首先畫上三個按鈕: <button @cli

原创 無編譯/無服務器,實現瀏覽器的CommonJS模塊化

前些天寫一個demo,需要用到require去引一個node包, 但是又不想將其混進公司的整個node工程中去,因爲想着越簡單越好。 同時,webpack能不用也不用了吧,不然又得初始化個webpack工程。 在我折騰了半天后,發

原创 從傳統媒體到p2p的流媒體

傳統媒體 在剛開始的時候,我們要看一段音視頻,就要從網上下載完整個文件後才能觀看。 如果音視頻文件大些的,那實在太痛苦了,可能得電腦掛機好多個小時(有時一下午甚至一天)才能下載完成。 而在漫長的下載等待期間呢,我們一般去做一些不需

原创 WebRTC(一)從瞭解三個方面的API開始

WebRTC簡介 WebRTC是一個由Google發起的實時通信解決方案, 其中包含音視頻採集、編解碼、數據傳輸、音視頻展示等功能。 雖然其名爲WebRTC,但是實際上它不僅支持Web之間的音視頻通訊,還支持Android和iOS

原创 網絡心跳包機制

爲什麼需要心跳機制? 考慮以下兩種典型的即時通訊網絡層問題模型: 1)情形一: 一個客戶端連接服務器以後,如果長期沒有和服務器有數據來往,則可能會被防火牆程序關閉連接。 但有時候我們並不想被關閉連接。 例如,對於一個即時通訊軟件來

原创 WebRTC(二)獲取用戶的媒體流

本文要介紹兩個API:getUserMedia 與 getDisplayMedia getUserMedia MediaStream 接口用於表示媒體數據流。(流可以是輸入或輸出,也可以是本地或遠程) 單個 MediaStream