js模塊化
js模塊化 https://blog.csdn.net/weixin_... https://zh.javascript.info/mo... commonJS 基於node端的運行 暴露 const name = "xxx"; const age = 1; /** * moudle.exports={}暴露 */ module.exports = { getName,
昵稱 1916
@node.js
貢獻者98
粉絲0
貢獻者
@node.js
動態 列表
前端技術探秘-Nodejs的CommonJS規範實現原理 | 京東物流技術團隊
瞭解Node.js Node.js是一個基於ChromeV8引擎的JavaScript運行環境，使用了一個事件驅動、非阻塞式I/O模型，讓JavaScript 運行在服務端的開發平台，它讓JavaScript成為與PHP、Python、Perl、Ruby等服務端語言平起平坐的腳本語言。Node中增添了很多內置的模塊，提供各種各樣的功能，同時也提供許多第三方模塊。 模塊的問題 為什麼要有模塊 複雜的
昵稱 京東雲開發者
用Node.js, React和Socket.io創建一個看板應用
本文為譯文，原文地址為： Building a Kanban board with Node.js, React and Websockets 關於 在這篇文章中，你可以學習如何構建一個看板應用，類似在JIRA, MonDay或者Trello等應用中看到那樣。這個應用，將包含一個漂亮的drag-and-drop功能，使用的技術是React, Socket.io和DND（拖拽）技術。用户可以登錄、創
昵稱 jinling
使用 Socket.io 和 React 開發一個聊天應用
這篇文章是關於什麼的 相信大家對於 web 版的線上聊天室都不陌生，這篇文章主要講的就是如何使用 Socket.io 和 React 開發一下簡單的線上聊天應用。 所謂線上聊天應用，就是你給一個人或者一個羣發送一條消息，他們可以看到這條消息並且可以回覆。既簡單又複雜。 開發一個聊天室應用，你需要在新信息來到的時候及時的感知到。 通常來説，為了獲得服務端的信息，我們需要發送一個 HTTP 請求。但是
昵稱 superZidan
使用babel把es6語法轉換成es5
Babel 是什麼 Babel 是一個工具鏈，主要用於將 ECMAScript 2015+ 版本的代碼轉換為向後兼容的 JavaScript 語法，以便能夠運行在當前和舊版本的瀏覽器或其他環境中。 Babel能用在哪裏 NodeJs 使用 npm 初始化項目 $ mkdir es6-to-es5 $ npm init -y 安裝Babel $ npm install --save-dev @ba
昵稱 xx小枱燈
第一個nodejs程序
推薦編輯器 記事本 是的，首先開發要明確一點，代碼才是一個項目的核心，編輯器只是一個輔助工具，一個能給予可靠的關鍵詞提示的工具，心中有代碼，處處能開發； 而代碼的運行也一樣，編輯器只是起到一個輔助的作用，給關鍵命令行提供了一個可靠的按鈕，只需要輕鬆點擊即可完成該命令行的執行，完成代碼的運行和debug； 所以要擅長運用命令行來運行代碼，不要過度依賴編輯器，這樣如果編輯器的某個按鈕出問題
昵稱 小壞壞
JS語言特性（下）
調包 即引用其他項目或者文件。 之所以需要把這個模塊單獨拎出來，是因為，一個語言能不能成氣候的其中的一個關鍵點在於能否模塊化；一個項目能否形成一個可觀的體量也離不開模塊化，簡單來説就是不同文件或項目間能否互相調用，es5和es6中都有着不同風格的引用方式，開發時要注意自己的開發環境以及語法格式 es5 有着AMD、CMD、CommonJS三種的引用方式，其中AMD（Asynchrono
昵稱 小壞壞
使用grunt腳本創建新分支
使用grunt 寫一個創建新分支的task 首選安裝必要的修飾庫 npm i ora inquirer chalk --save 編寫task 這一步主要為了給用户展示最近的幾個分支用來判斷新建是否重複，如果不用也可以，那就在拉取的時候通過shell判斷下輸入的分支號是否存在，不存在提示就行 function getBranchCurrent(callback) { exec
昵稱 呼啦星星星
webpack配置使用PWA
pwa離線應用緩存使用APP在實際應用中很多會用到 重要插件：workbox-webpack-plugin 下載安裝 在webpack.config.js文件配置引入使用 plugins中添加 new WorkboxWebpackPlugin.GenrateSW({clientClaim: true, skipWaiting: true}) 使用，在入口文件引入service-worker //
昵稱 萬年打野易大師
雲服務器自建Nginx+NodeJS+Python+Mysql部署流程
趁着優惠活動，買了個阿里雲乞丐版雲服務器，主要用來折騰學習，併為個人小程序公眾號提供少量接口需求，配置如下： 系統記得選： CentOS 7.9 64 位 UEFI 版 省流：Nginx+NodeJS+Python+Mysql 安裝 Nginx 運行以下命令安裝 Nginx yum -y install nginx 運行以下命令查看 Nginx 版本 nginx -v 返
昵稱 周振超
探索 IP 代理服務的類型及應用場景，以及可視化數據抓取工具簡介
在我們日常工作中有很多場景需要使用代理服務，比如説前端開發環境的 proxy 正向代理，比如説常見的 nginx 反向代理，比如常見的 cdn 等等。但是還有很多場景也可以使用代理服務。 今天我給大家介紹一下不同類型的 IP 代理服務適用於何種場景，最好可以教會大家如何使用 IP 代理服務。 請注意，雖然 IP 代理功能強大，我們應始終秉持合法、合規的原則使用，尊重網絡規則，不濫用技術侵犯他人
昵稱 linong
【nodejs進階之旅(2)】:使用koa2+mysql 實現列表數據分頁
1.展示效果（分頁） 2.分頁主要字段 分頁主要字段包括 pageSize 每頁條數、pageNum 第幾頁、startRow 當前開始頁編號、endRow 當前結束頁編號、total 總數量。主要是根據前端分頁的參數，進行處理後，返回前端正確的數據，其實是一個很常見且簡單的功能。但是是非常也是非常重要的。 pageSize 每頁條數 pageNum 第幾頁 startRow 當前開始頁編號
昵稱 微芒不朽
Koa2從零到腳手架
什麼是 Koa2 由 Express 原班人馬打造的新生代 Node.js Web 框架，它的代碼很簡單，沒有像 Express 那樣，提供路由、靜態服務等等，它是為了解決 Node 問題（簡化了 Node 中操作）並取代之，它本身是一個簡單的中間件框架，需要配合各個中間件才能使用 文檔 中文文檔 (野生) 最簡單的 Koa 服務器 const Koa = require('koa') cons
昵稱 山頭人漢波
從淺入深瞭解Koa2源碼
在前文我們介紹過什麼是 Koa2 的基礎 簡單回顧下 什麼是 koa2 NodeJS 的 web 開發框架 Koa 可被視為 nodejs 的 HTTP 模塊的抽象 源碼重點 中間件機制 洋葱模型 compose 源碼結構 Koa2 的源碼地址：https://github.com/koajs/koa 其中 lib 為其源碼 可以看出，只有四個文件：application.js、cont
昵稱 山頭人漢波
一步一步來：手寫Koa2
之前講過Koa2從零到腳手架，以及從淺入深瞭解Koa2源碼 這篇文章講解如何手寫一個 Koa2 Step 1：封裝 HTTP 服務和創建 Koa 構造函數 之前閲讀 Koa2 的源碼得知， Koa 的服務應用是基於 Node 原生的 HTTP 模塊，對其進行封裝形成的，我們先用原生 Node 實現 HTTP 服務 const http = require('http') const server
昵稱 山頭人漢波
node後端（koa）如何打包加密，以及node_modules如何優化？
用node開發後端會存在那些問題呢？在我們用node做後端開發遇到的三個問題。一安全問題，代碼並沒有編譯就直接傳遞了，只要進去服務器代碼可以看得一清二楚。二是文件體積問題，隨便一個項目node_modules件包就是一百兆左右。第三個是部署問題，每次部署新項目都要下載安裝插件導致部署非常緩慢。 我們又有哪些解決方案呢？首先我們來看一下最重要的安全問題，node沒有像java做好之後可
昵稱 李小貴
關於this指向的一些梳理
函數內 非嚴格模式 通常情況下，定義的函數的this就是window，比如： function doit(){ console.log(this); } doit(); 打印結果： Window {window: Window, self: Window, document: document, name: '', location: Location, …} 嚴格模式 不過，如果開啓了
昵稱 zxl20070701
效能工具（八）之vite開發或生產環境下的命令行變量傳參（比如啓動項目時多視圖選擇其一）
需求描述 前段時間有這樣的一個需求： 筆者有一個項目，在啓動或者打包的時候 需要根據一些實際情況，去選擇展示那個視圖 就是我們在項目啓動或者打包的時候，需要注入一個全局變量（保存在.env.development或.env.production文件中）通過命令行npm run dev的方式 一般來説，vue-router就可以實現這個需求 但是，某些情況下，這個需求不太適合用vue-
昵稱 水冗水孚
node.js 項目中執行 npm install 命令後看到的 idealTree inflate 的含義
隱身窗口是Chrome瀏覽器的一項隱私功能，它允許用户在瀏覽網頁時保護個人隱私。當用户在隱身窗口中瀏覽時，瀏覽器不會保存瀏覽歷史、搜索歷史、下載記錄以及填寫的表單數據。這一功能有助於用户在不留下痕跡的情況下訪問網頁，尤其是在共享計算機或公共場所使用時更為重要。 隱身窗口的核心特性 不保留瀏覽歷史記錄： 隱身窗口模式下，Chrome瀏覽器不會保存用户的瀏覽歷史記錄。這意味着在關閉隱身窗口後，之前
昵稱 註銷
服務端渲染SSR
1.項目背景 需要將一箇舊的用vue+svg搭建的地鐵圖h5改造成有個ssr項目，以提升首屏渲染時間。 2.分析 項目現狀，項目組已有koa搭建的業務中間層，且需要改造的項目為一箇舊項目，綜合考慮，將舊項目進行改造，而非使用nuxt重寫。 3.SSR原理 1.所謂SSR就是將一個項目通過兩種打包配置，分別生成兩份打包代碼，一份在服務端（nodejs）執行，另一份在客户端（browser）上執行。當
昵稱 牛刀殺雞
服務端渲染nextjs項目接入經驗總結
服務端渲染 nextjs@14 項目接入經驗總結，本文重點介紹基本知識點/常用的知識點/關鍵知識點 背景 為提高首屏渲染速度減少白屏時間提高用户體驗及豐富技術面，開始調研和接入nextjs框架 優勢 nextjs是一套成熟的同構框架（一套代碼能運行在服務端也能運行在瀏覽器）對比傳統的客户端渲染的核心優勢是首屏是帶數據的和減少跨域帶來的option請求。其它後續操作是一樣的。理論上能比客户端渲染看到
昵稱 路邊縣
深入探索 Next.js 中的流式渲染和分塊傳輸編碼
hello 大家好，我是 superZidan，這篇文章想跟大家聊聊 Next.js 中的流式渲染和分塊傳輸機制 ，如果大家遇到任何問題，歡迎 聯繫我或者直接微信添加superZidan41 🔥🔥🔥前方高能，乾貨滿滿，建議點贊➕關注➕收藏； 温馨提示：如果你還是個 Next.js 新手，建議先閲讀這篇 Next.js 最佳實踐，照着這篇文章先把代碼敲一遍 簡述 在本篇文章中，我們將深入探索組
昵稱 superZidan
Nuxt3如何部署到Netlify
部署到 Netlify 上需要和 Github 結合，以後你只需要推送代碼就會自動部署。 Nuxt3 官網描述部署到 Netlify 先看官網怎麼Nuxt3官網怎麼描述的 零配置！！！ 我看了很多YouTube視頻也是説不需要配置，結果就是所以的編譯和加載都ok，首頁就是沒有。 Netlify 在頁面點擊創建 這裏有三中方式，我就是選擇的第一種。反正我看了 Nuxt 説的，都是零配
昵稱 派大星，海綿寶寶
閾值報警功能
所謂web,即使你我素未謀面，便知志趣相投；足不出户，亦知世界之大。 01 - 什麼是閾值報警功能 在我們前端監控系統中，雖然我們收集了用户實時訪問應用數據信息，並提供可視化界面方便用户查詢，但是作為一款監控系統，卻少了靈魂的東西，那就是自動報警功能，因為我們並不喜歡，也沒人願意時時刻刻查看監控系統。因此，我們需要自動報警。 那自動報警怎麼做呢？自動報警意味着我們事先定義好一系列規
昵稱 前端開源監控作者