博客 RSS 訂閱

jianer 頭像

健兒 - 再次理解異步setTimeout 方法

先看一段代碼： console.log('-',new Date().getTime()) for(let i = 0;i100;i++){ setTimeout(function(){ console.log('exeute'); },100); } console.log('i',new Date().getTim

eventloop , settimeout , 線程 , 異步 , Javascript

收藏 評論

user_kim 頭像

前端搬磚師 - HTTP請求頭和響應頭中cache-control的區別

都知道http的請求頭和響應頭都可以設置cache-control屬性，它的作用是用來設置靜態資源緩存的。難道他們就沒有什麼不一樣的地方麼？反正一開始我是不明白，在網上也硬是沒找到答案，於是這篇文章就出來了。。。 以下是本次驗證的代碼： 客户端為了驗證請求頭cache-control的作用，所以採用了ajax的方式來請求js。服務端主要是用來設置靜態資源的緩存時間的。我們所説的緩存都是建立在g

HTTP , cache-control , 緩存 , 前端

收藏 評論

flydean 頭像

flydean - 使用nodejs和express搭建http web服務

簡介 nodejs作為一個優秀的異步IO框架，其本身就是用來作為http web服務器使用的，nodejs中的http模塊，提供了很多非常有用的http相關的功能。 雖然nodejs已經帶有http的處理模塊，但是對於現代web應用程序來説，這或許還不太夠，於是我們有了express框架，來對nodejs的內容進行擴展。 今天我們將會介紹一下使用nodejs和express來開發web應用程序的區

express , node.js , HTTP , web服務器

收藏 評論

fashen_007 頭像

fashen007 - vue-cli3+babel7項目兼容IE

正常來説項目都可以忽略IE，無奈我們還是有一些比較傳統的大企業要用我們的系統，所以還得支持IE10~11; 網上比較多資料都比較舊了，自己擼了一些就不想看了，大部分都是因為不同的babel版本不一樣 正常來説vue-cli3的項目、默認配置會將es6+的轉成e5，在babel.confi.js中加上以下配置即可 module.exports = { presets: [ '@vue/a

vue-cli3 , babel7 , 兼容性

收藏 評論

jianer 頭像

健兒 - 記錄arr.map 和arr.foreach 遇到的回調函數（異步和同步問題）的坑

大致問題是： 通過map或者foreach循環的回調函數操作數組，回調函數內部有ajax異步函數，通過await同步的寫法來調用的。console.log打印出數組跟實際渲染到view層的頁面始終不一致。 後來改寫成for循環就好了。 所以總結出來，基礎知識，在理解map和foreach這個api不夠深刻，也對await 關鍵詞的使用場景理解不透徹（雖然是for循環，但作用域函數可以找

promise , await-async , map , for循環 , Javascript

收藏 評論

shuohaodeyixuene 頭像

lucifer - 不知道蓄水池抽樣算法？那就進來看看吧~

力扣中關於蓄水池抽樣問題官方標籤是 2 道，根據我的做題情況來看，可能有三四道。比重算是比較低的，大家可以根據自己的實際情況選擇性掌握。 蓄水池抽樣的算法思維很巧妙，代碼簡單且容易理解，就算不掌握它，作為了解也是很不錯的。 問題描述 給出一個數據流，我們需要在此數據流中隨機選取 k 個數。由於這個數據流的長度很大，因此需要邊遍歷邊處理，而不能將其一次性全部加載到內存。 請寫出一個隨機選擇算法，使得

隨機數 , leetcode , 算法 , 數據結構和算法

收藏 評論

13917911249 頭像

禹過留聲 - 終端Terminal實戰

本文主要介紹終端和 shell 的一些基本概念，並着重介紹了 zsh - 目前最強大方便的 shell 以及它的配置，希望可以提高我們碼農的工作效率。 終端 終端 Terminal 是一種用於與計算機進行交互的輸入輸出設備，它本身不提供運算處理功能。在大型機和小型機的時代，計算機是非常昂貴巨大的。通常計算機會被安置在單獨的房間裏，而操作計算機的人在另外的房間通過終端設備 TTY / CONSOLE

編輯器 , terminal , 後端

收藏 評論

flydean 頭像

flydean - nodejs事件和事件循環詳解

簡介 上篇文章我們簡單的介紹了nodejs中的事件event和事件循環event loop。本文本文將會更進一步，繼續講解nodejs中的event，並探討一下setTimeout，setImmediate和process.nextTick的區別。 nodejs中的事件循環 雖然nodejs是單線程的，但是nodejs可以將操作委託給系統內核，系統內核在後台處理這些任務，當任務完成之後，通知nod

node.js , 事件綁定 , 事件監聽 , 事件 , 異步編程

收藏 評論

ucloud 頭像

UCloud雲計算 - 盲水印和圖片隱寫術

盲水印 一、演示 首先看 這是一張女朋友 解碼水印 接下來我們輸入一行神奇的命令: python bwm.py --action decode --origin Demo.jpg --im ../Gakki.jpg --result res.jpg 可以得到這樣的一張圖: 以後誰再跟你搶女朋友就可以這樣聲明版權了嘿嘿. (腳本和原圖都在最後的附錄裏, 有興趣的朋友只需要將上面的圖片保存為Dem

圖片 , 水印 , 圖片處理 , 加密解密 , 圖片上傳

收藏 評論

xiaohaiqianduan 頭像

小海前端 - React（8）React組件的生命週期

前言 本篇文章我們來系統的講解React組件的生命週期。React隨着版本的不斷提升，組件的生命週期也在不斷地改版和升級。本篇文章以React 17為例，講解最新版React的組件生命週期，同時闡述各個生命週期所執行的生命週期函數。 一、React組件的生命週期 React 17將組件的生命週期分為以下三個階段： 組件的掛載階段（Mounting） 組件的更新階段（Updating） 組

鈎子 , react , 生命週期

收藏 評論

2003 頭像

code - Go語言中函數的return不是原子操作，在底層是分為兩步來執行

package main import ( "fmt" ) // Go語言中函數的return不是原子操作，在底層是分為兩步來執行 // 第一步：返回值賦值 // defer // 第二步：真正的RET返回 // 函數中如果存在defer，那麼defer執行的時機是在第一步和第二步之間 func f1() int { x:=5 defer func(){

棧 , function , defer , go

收藏 評論

evilboy 頭像

瘋狂的技術宅 - JavaScript中的回調函數看這篇就夠了

回調函數是每個前端程序員都應該知道的概念之一。回調可用於數組、計時器函數、promise、事件處理中。 本文將會解釋回調函數的概念，同時幫你區分兩種回調：同步和異步。 回調函數 首先寫一個向人打招呼的函數。 只需要創建一個接受 name 參數的函數 greet(name)。這個函數應返回打招呼的消息： function greet(name) { return `Hello, ${name}!

回調函數 , 前端 , Javascript

收藏 評論

fuzhengwei 頭像

小傅哥 - 互聯網大廠，常見研發線上事故總結！

作者：小傅哥 沉澱、分享、成長，讓自己和他人都能有所收穫！😄 一、前言 你的代碼出過事故嗎？ 老人言：常在河邊走哪有不濕鞋。只要你在做着編程開發的工作就一定會遇到事故，或大或小而已。 當然可能有一部分研發同學，在相對傳統的行業或者做着用户體量較小的業務等，很難遇到讓人出名的事故，多數都是一些線上的小bug，修復了也就沒人問了。 但如果你在較大型的互聯網公司，那麼你負責的開發的系統功能，可能面對的

數據庫連接池 , JAVA , 秒殺 , 程序員 , 後端

收藏 評論

zhennann_5b4e00cc60a96 頭像

zhennann - CabloyJS一站式助力微信、企業微信、釘釘開發 - 微信篇

前言 現在軟件開發不僅要面對前端碎片化，還要面對後端碎片化。針對前端碎片化，CabloyJS提供了pc=mobile+pad的跨端自適應方案，參見：自適應佈局：pc = mobile + pad 在這裏，咱們重點要解決的是後端碎片化。比如要開發一個業務系統，既需要與微信、企業微信整合，又需要與釘釘整合，該如何設計整個架構呢？ 其實，不論是微信、企業微信，還是釘釘，面向實際業務層面的API都不復雜，

全棧 , 微信小程序 , 微信開發 , 微信公眾平台 , 微信分享

收藏 評論

zhiqingchun_5f05a5d69bd9e 頭像

老炮説Java - 知乎面試官：為什麼不建議在 MySQL 中使用 UTF-8？

歡迎微信搜索公眾號【java版web項目】獲取資源：java學習視頻/設計模式筆記/算法手冊/java項目 記得去年我在往MySQL存入emoji表情😲😳時，一直出錯，無法導入。後來找到辦法 -- 通過把utf8改成utf8mb4就可以了，並沒有深究。 一年後，我看到一篇文章講到emoji文字佔4個字節，通常要用utf-8去接收才行，其他編碼可能會出錯。我突然想到去年操作MySQL把ut

MySQL , utf-8 , 數據庫 , 程序員

收藏 評論

swifter 頭像

李斯維 - Android 應用的版本兼容 瞭解一下（理解 minSdkVersion、targetSdkVersion）

前言 眾所周知，Android 適用於眾多類型的設備，從手機到平板電腦和電視都能搭載使用。為了能在所有這些設備上順利運行，Android 系統在應用到設備上時，必不可少的需要處理與 Android 應用的兼容性問題。這裏就牽扯出兩個概念：設備兼容性與應用兼容性。 設備兼容性：設備能夠正常運行我們編寫的 Android 應用。 應用兼容性：針對市面上千奇百怪的 Android 設備，應用是否兼

android-sdk , 移動應用開發 , Android , android-studio , 移動端適配

收藏 評論

wjchumble 頭像

五柳 - 跨端開發的最佳實踐——Chameleon（變色龍 ）

前言 近期，在公司落地了一個社區內比較 新（踩）的（坑） 跨端框架 Chameleon，當時的需求是先實現快應用端，之後需要支持 H5、微信小程序、字節小程序等。由於公司用的技術棧是以 Vue.js 為主，在做了一番技術選型後，最終選擇了 Chameleon（開始瘋狂踩坑 😳） 這個時候，可能會有人問：為什麼不選 uniapp？這麼説吧，uniapp - 快應用就不是一個坑了，是個炸彈 💣。後

chameleon , uni-app , mpvue , 跨平台開發 , 前端

收藏 評論

dewujishu 頭像

得物技術 - 得物技術談談App 需要什麼樣移動網關

目前大部分App後端還沒有統一的網關。其實不止是後端，移動端也是需要網關的。移動網關幫助我們解決穩定性、業務分級隔離、大促容量評估、異構系統支持等問題。移動網關本質是是，以可管控的方式暴露到外網去，這裏的關鍵是如何管控和暴露。從通訊協議上講移動網關是對外接收開放的通信協議，HTTP、gRPC等，一般還有協議轉換講HTTP轉換成內部的RPC協議。本文筆者將談談得物需要什麼樣的移動網關。 一、電商對網

移動端 , 電商 , 網絡 , 移動端適配 , 後端

收藏 評論

traveller_5cd7cfceca63c 頭像

Traveller - 使用vue vantUi框架 根字體是37.5 和默認根字體75不一致，導致頁面組件樣式變小

可以試下這樣去配套組合使用 style的轉換：postcss-pxtorem + amfe-flexible html行內標籤的轉換：style-vw-loader 怎麼裝自行百度 這裏就貼下怎麼配置vue.config.js module.exports = { chainWebpack: config = { config.module.rule('vue').

vant , 移動端適配

收藏 評論

xboxyan 頭像

XboxYan - 如何優雅的獲取Form表單數據？

先看一個簡單的例子 比如這裏有一個簡單的 form 表單 form id="form" input name="user" type="text" div input type="radio" name="A" value="r1"r1 input type="radio" name="A" value="r2"r2 input ty

formdata , form , HTML , html5 , Javascript

收藏 評論

neteaseyunxin 頭像

網易數智 - Mobile DevOps 之 Proxmox 實現節流提效

作者：蔣偉 網易雲信客户端首席架構師 簡介 2020年，移動互聯網 DevOps 領域顯現出了規模化運營的趨勢，多數 App 研發大廠均配備了上百人的研發團隊規模，編譯計算的訴求也是與日俱增，用自動化測試節約人力的行為也是不斷涌現。Mobile DevOps 在解決大規模編譯、自動化測試、交付路上的挑戰十分艱鉅，但在新冠疫情的背景下，研發預算卻趨於保守，如何在這個時代背景下解決高增長的計算需求與低

ci-cd , 持續集成 , devops , mobile

收藏 評論

qianduanka 頭像

前端咖 - Class類，你真的瞭解嗎

定義 類class是面向對象程序設計實現信息封裝的基礎。類是一種用户定義的引用數據類型，也稱類類型。每個類包含數據説明和一組操作數據或傳遞信息的函數。類的實例稱為對象。 構成 類由類名、構造函數、屬性、方法組成。屬性、方法屬於成員，可以分為公共成員，保護成員、私有成員。 定義類 聲明一個僅有類名的類。 classYear{ constructor(){ } } //簡寫 classYear{ }

ecmascript-6 , 面試 , function , class , 前端

收藏 評論

invalidnull 頭像

註銷 - SAP系統和微信集成的系列教程之六：如何通過OAuth2獲取微信用户信息並顯示在SAP UI5應用中

這是Jerry 2020年的第87篇文章，也是汪子熙公眾號總共第269篇原創文章。 本系列的英文版Jerry寫作於2017年，這個教程總共包含十篇文章，發表在SAP社區上。 系列目錄 (1) 微信開發環境的搭建 (2) 如何通過微信公眾號消費API (3) 微信用户關注公眾號之後，自動在SAP C4C系統創建客户主數據 (4) 如何將SAP C4C主數據變化推送給微信公眾號 (5) 如何將SAP

oauth2.0 , oauth , saprfc , sap , abap

收藏 評論

yunshu_blog 頭像

雲叔_又拍雲 - 聊聊風口上的 eBPF

eBPF 是一個用於訪問 Linux 內核服務和硬件的新技術，由於其靈活性和高性能等特點，被迅速用於網絡、出錯、跟蹤以及防火牆等多場景。目前國內已有少數企業開始嘗試將 eBPF 引入生產實踐，又拍雲也是其中一個。專為技術開發者提供知識分享的 Open Talk 公開課邀請了又拍雲開發工程師周晨約直播分享 eBPF 的學習經驗與開發心得，並對其分享內容進行整理，下拉至文末點擊閲讀原文可回看原視頻。

雲計算 , 又拍雲 , 雲存儲 , 雲服務 , ebpf

收藏 評論