原创 webRTC探索音視頻的錄製的實現
{"type":"doc","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"typ
2021-06-02 10:43:59
1
原创 UDP和Node圖片裁剪小工具
說起來UDP，可能最吸引人的就是【UDP服務器】了吧。 UDP服務器可以用於一些特殊數據的（高效）傳輸，例如圖片、視頻和音頻信息等 我見過一些大佬用UDP來和C++ server交互，主要目的就是希望將PHP無法處理的邏輯業務，通
2020-07-07 20:51:19
2
原创 微信小程序如何保存文件到本地，並能打開看到？
說到保存文件，在微信小程序裏，本來是一件“令人愉快”的事情：畢竟剛看到API時會感覺wx啥都配好了，只需要調用即可： wx.saveFile({ tempFilePath: '臨時路徑', success:(res)=>{
2020-07-07 20:51:19
6
原创 API的魅力：H5讓Web頁面輕鬆控制多媒體音視頻
常見的音頻/視頻文件格式： 文件格式 所用【容器】 說明 *.oga/ *.ogv OGG 一個自由開放標準的容器格式。Ogg格式並不受軟件專利的限制，能夠設計用於高效處理流媒體和高質量數字媒體。可以納入各種自由開放
2020-07-07 20:51:19
2
原创 HTML5 canvas基礎與「生成名片」應用程序
要創建一個canvas，其實只要在HTML中添加標籤：<canvas></canvas> 就行了。 若是考慮瀏覽器的兼容問題，只需在標籤中加上一行文字： <canvas> 您的瀏覽器不支持canvas </canvas> 即可
2020-07-07 20:51:19
1
原创 node.js中的cookie和session
用慣了框架中的插件，最近在重溫node基礎模塊時也不禁在想：什麼是Cookie？什麼是Session？兩者的區別和聯繫有哪些？Node.js是否提供了相應的模塊來管理存儲Session？如果沒有提供相應模塊，我們應該如何實現一個類
2020-07-07 20:51:19
33
原创 你怎麼看CSS中的margin合併？
什麼是margin合併？ 塊級元素的上外邊距（通常）與下外邊距有時會合併爲單個外邊距，這樣的現象稱爲“margin合併”。 從定義上，我們可以看出如下兩點： 塊級元素。但不包括浮動（float）和絕對定位（relative）元素
2020-06-20 19:26:26
原创 js設計模式在web前端開發中的實踐——網站登錄
本文，筆者將以一個登錄模塊的開發流程，向各位說明穿插在其中的知識點 —— 【單例模式】和【發佈-訂閱模式】的使用。 OK，步入正題。 假如你是一個大型網站的前端開發人員，在經過激烈地討論以後，決定讓你負責登錄模塊的開發。 先說，
2020-06-20 19:26:26
1
原创 vue項目實錄：下拉刷新組件的開發
“下拉刷新”和“上滑加載更多”功能在前端項目，尤其是移動端項目中非常重要，本節我們先來看下【下拉刷新】組件的開發： 正式開篇 在前端項目的 components 文件夾下新建 pullRefreshView 文件夾，同時新建組件
2020-06-20 19:26:26
原创 嘁，都2020了，你咋還在單純的使用if-else?
在高級語言中，基本上都提供了像if-else 和switch-case 這樣的條件語句，方便大夥進行判斷——引導程序走向。我們在寫程序時，常常需要指明兩條或者更多的執行路徑，使得程序執行時，能夠選擇其中一條路徑，去執行相應的語句，
2020-06-20 19:26:26
10
原创 小程序自定義button組件獲取用戶信息（用戶授權登錄）
背景 不得不提一句：微信小程序的：獲取用戶信息的機制改了（早就改了）。或許是不想讓開發者對用戶“隨意”造成困擾——畢竟有的用戶上來只是爲了“逛一圈”。於是增加了“只有觸發button才能彈窗”的功能。 新版-微信授權機制 <but
2020-06-20 18:28:50
1
原创 前端本地文件上傳預覽
衆所周知，前端無法像原生APP一樣直接操作本地文件 —— 否則打開一個網頁操控JS就能把用戶電腦上的文件偷光。所以需要通過用戶觸發：通常，用戶可選擇以下兩種方式觸發 通過input type="file" 選擇本地文件 通過拖拽
2020-06-20 18:28:50
1
原创 vue實戰：HTTP路由攔截
vue中有“三霸”：攔截器、路由守衛、導航守衛。 他們都有一個共同的作用（…也可能是唯一的作用） —— 在路由變更前做一次判斷，或取或舍，或添加token、session之類的【頭信息】。 攔截器 我們先看其工作原理： 其基本
2020-06-20 18:28:50
原创 vue.js中的過渡動畫效果（transition+animate.css+velocity.js）
對於“數據優先”的Vue來說，沒有了dom的操作，過渡效果該如何實現？ 其實，vue也不是完全失去了對dom的操作，仍然可以通過比如$refs獲取對應的dom元素 先看一個小demo： <!DOCTYPE html> <ht
2020-06-20 18:28:50
3
原创 Web安全：細說前端XSS攻擊與防範
衆所周知，web領域近年來安全問題日益被看中，而首要問題就是所謂【XSS攻擊】。 聽一老師說，這非常重要，甚至可以輕而易舉的獲取此網站上的所有信息，和權限。今早試了一下，果然如此。筆者覺得有必要以此爲例寫篇文章來和諸位分析一下…
2020-06-20 18:28:50
6