原创 酒濃碼濃 - 前端設置微信分享內容
前端調微信分享 官方地址：微信SDK 微信已經提供了很全面的SDK，可以調用方法設置各自媒體端的分享內容。 首先你應具備個微信公衆號。公衆號應將你要做這件事的地址加入白名單。允許你授權！ 然後前端的業務場景調用後端的接口，傳參爲當前調用地
2020-06-17 03:45:57
原创 酒濃碼濃 - 前端音視頻
前端音視頻技術實施、性能、及兼容性調研 最近公司上個項目，希望裏面有視頻功能，之前知道 H5 支持 video 標籤，拿過來一用，結果在移動端出現了各種兼容問題。於此展開調研。 來吧，讓我們看一下開發之最有趣又有意義的歷史故事👇 歷史：
2020-06-17 03:45:57
原创 酒濃碼濃 - 前端判斷圖片加載完畢
前端判斷圖片加載完畢 首先普及一個技術點，img的onload事件及complete屬性 前者爲image加載完畢事件，後可以做回調 後者爲image加載狀態的屬性，監聽或在onload裏打印也可以獲取其是否加載完畢。 那麼如下調用前者，
2020-06-17 03:45:57
原创 酒濃碼濃 - JS關閉微信內置瀏覽器
JS關閉微信內置瀏覽器 微信瀏覽器內，是有個內置對象WeixinJSBridge的 執行 WeixinJSBridge.call("closeWindow") 會關閉微信內置瀏覽器 但是你會發現偶爾好使，偶爾不好使。 這應該是依賴的方法是
2020-06-17 03:45:57
原创 酒濃碼濃 - 前端性能之performance
前端性能之performance performance是前端性能監控的API 它可以檢測到白屏時間、首屏時間、用戶可操作的時間節點，頁面總下載的時間、DNS查詢的時間、TCP鏈接的時間等。 瀏覽器打印一下 window.performa
2020-06-17 03:45:57
原创 酒濃碼濃 - 給video控制按鈕設置樣式
給video控制按鈕設置樣式 打開瀏覽器控制檯做如下設置 設置好，就可以選中DOM進行查看了。 此時可以看到其DOM都是通過pseudo屬性來添加的樣式，此時我們就可以根據CSS屬性選擇器進行更改樣式。 // 例如：隱藏進度條
2020-06-17 03:45:57
原创 酒濃碼濃 - animate動畫只展示第一幀，最後一幀及圖片丟失
前端css3 animate動畫只展示第一幀，最後一幀及圖片丟失問題 最近項目裏要用animate加動畫。 ios問題真多 在safari瀏覽器 animate 在使用 css3 的 transform 屬性會與z-index發生衝突 z
2020-06-17 03:45:57
原创 酒濃碼濃 - websocket
websocket 背景： HTTP 的“請求 - 應答”模式不適合開發“實時通信”應用，效率低，難以實現動態頁面，所以出現了 WebSocket；WebSocket 是一個“全雙工”的通信協議，相當於對 TCP 做了一層“薄薄的包裝”，
2020-06-17 03:45:57
原创 酒濃碼濃 - less/scss引入公共文件，sass-resources-loader
sass-resources-loader 在前端項目中，比如用less/scss想要封裝一個公共的文件，或統一引用一個公共變量會發現 在入口文件，引入或聲明是無效的，用的時候還是會報錯。 那麼sass-resources-loader恰
2020-06-17 03:45:57
原创 酒濃碼濃 - 前端性能之預讀取DNS
前端性能之預讀取DNS 瀏覽器的 DNS 預讀取功能前端是可控的，一般常見兩種方式： <meta http-equiv="x-dns-prefetch-control" content="off"> <link rel="dns-pr
2020-06-17 03:45:57
原创 酒濃碼濃 - 與另一空間的通信
2020/05/14晚我與另一空間進行了通信 我做了個夢，我相信這個夢是真的。 我夢到地球每隔 N 年，就會被熔漿包裹一次。 所有生物都會覆滅。 不知過了多久，熔漿變成白灰，夯實。 不知過了多久，長出了一支依賴白灰的枝體，生物的氣息。 不
2020-06-17 03:45:57
原创 酒濃碼濃 - meta標籤http-equiv=X-UA-Compatible
meta標籤http-equiv="X-UA-Compatible" <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> 最近看到很多人使用，X-UA-Compa
2020-06-17 03:45:57
原创 酒濃碼濃 - 前端Weex，Rax，Taro，native等區別
Weex，Rax，Taro區別 Weex 阿里開源 跨端渲染框架 https://weex.apache.org/zh/ Vue/Rax開發後，構建 Android、iOS 和 Web 應用 它像瀏覽器，或node一樣是個容器。 Ra
2020-06-17 03:45:57
原创 酒濃碼濃 - PM2怎麼處理分支掛掉 / 多進程協作
PM2怎麼處理生產分支shutdown node提供了很多中間件，我們可以自行封裝代碼邏輯，操作進程，守護進程，但這些是內嵌在node中的。 PM2是當今比較火的進程守護工具，他幫我們封裝了很多原本需要我們自己封裝的代碼，提供的功能比較全
2020-06-03 14:35:01
原创 酒濃碼濃 - node之stream
node之stream stream 流 流是一個抽象名詞。 你可以將一片代碼當成一條河，每個詞都是一滴水。除非你用特殊手段打破常規，否則就會隨波逐流。就像CSS中有浮動，有定位，那麼默認展示的就是流。 讀取文本內容： 源碼： va
2020-06-02 07:28:55