博客 RSS 訂閱

johanazhu 頭像

山頭人漢波 - Koa2從零到腳手架

什麼是 Koa2 由 Express 原班人馬打造的新生代 Node.js Web 框架，它的代碼很簡單，沒有像 Express 那樣，提供路由、靜態服務等等，它是為了解決 Node 問題（簡化了 Node 中操作）並取代之，它本身是一個簡單的中間件框架，需要配合各個中間件才能使用 文檔 中文文檔 (野生) 最簡單的 Koa 服務器 const Koa = require('koa') cons

koa2 , node.js , 前端

收藏 評論

johanazhu 頭像

山頭人漢波 - 從淺入深瞭解Koa2源碼

在前文我們介紹過什麼是 Koa2 的基礎 簡單回顧下 什麼是 koa2 NodeJS 的 web 開發框架 Koa 可被視為 nodejs 的 HTTP 模塊的抽象 源碼重點 中間件機制 洋葱模型 compose 源碼結構 Koa2 的源碼地址：https://github.com/koajs/koa 其中 lib 為其源碼 可以看出，只有四個文件：application.js、cont

koa2 , node.js , 源碼分析 , 前端 , Javascript

收藏 評論

johanazhu 頭像

山頭人漢波 - 一步一步來：手寫Koa2

之前講過Koa2從零到腳手架，以及從淺入深瞭解Koa2源碼 這篇文章講解如何手寫一個 Koa2 Step 1：封裝 HTTP 服務和創建 Koa 構造函數 之前閲讀 Koa2 的源碼得知， Koa 的服務應用是基於 Node 原生的 HTTP 模塊，對其進行封裝形成的，我們先用原生 Node 實現 HTTP 服務 const http = require('http') const server

koa2 , node.js , 前端 , Javascript

收藏 評論

xiaojiangbukeqiu 頭像

小江不可求 - Koa基本使用

一、koa基本使用 依賴安裝 npm i koa 編碼 const Koa = require("koa"); const app = new Koa(); app.use(async ctx={ ctx.body = 'hello Koa'; }); app.listen('5505',()={ console.log('Server running at http://l

koa2

收藏 評論

lixiaogui 頭像

 李小貴  - node後端（koa）如何打包加密，以及node_modules如何優化？

用node開發後端會存在那些問題呢？在我們用node做後端開發遇到的三個問題。一安全問題，代碼並沒有編譯就直接傳遞了，只要進去服務器代碼可以看得一清二楚。二是文件體積問題，隨便一個項目node_modules件包就是一百兆左右。第三個是部署問題，每次部署新項目都要下載安裝插件導致部署非常緩慢。 我們又有哪些解決方案呢？首先我們來看一下最重要的安全問題，node沒有像java做好之後可

koa2 , node.js , webpack , 優化 , 後端

收藏 評論

naiyouweiyongbao 頭像

奶油味擁抱 - 【輕快圖片管理系統】- 開源圖牀系統

輕快圖片管理系統:基於Koa2 + Vue3.x + Vite3.x + typescript開發的輕量級快捷圖片管理系統、圖牀系統 簡介 程序員日常就是寫博客，當然寫博客時就會涉及到在博文中插入圖片，所以往往會使用圖牀來進行圖片資源管理，市面上較流行的圖牀是PicGo，是使用electron-vue開發的桌面應用程序，所以每次需要下載安裝並配置圖牀，比較麻煩。所以開發了這款輕快圖片管理系

koa2 , vue3 , 開源 , typescript , 前端

收藏 評論

dvqlfbwm 頭像

愛吃雞蛋餅 - 記一次較完整的vue3+koa2簡單項目開發經驗總結

  最近上頭讓我寫個項目簡單的官方網站，需求很簡單，有前後端，前端負責獲取要跳轉的外鏈進行跳轉和介紹視頻的播放，後端負責傳回外鏈和需要播放的視頻。我拿到需求，想了想，這樣子的需求就用不着數據庫了，後端寫個配置文件，傳回固定的數據就可以了，視頻嘛，就通過流的方式傳給前端。   確定好了實現方式，那就擼起袖子開幹。經過簡單思考，使用vue3+koa2的方式來做。一切從簡，安裝vue3-cli和k

全棧 , koa2 , vue3

收藏 評論

kestrel_task 頭像

微芒不朽 - Koa2實現多併發文件上傳

koa2批量上傳文件 目前的是為了實現批量導入md文件，發佈文章。這樣就不用自己一篇一篇同步文章了。一次可以同步幾千篇文章。 實現界面 內容 主要包含上傳的文件標題，文件大小，上傳狀態。 el-upload ref="uploader" v-model:file-list="fileList" drag multiple :accept="accept" :maxSize="maxS

koa2 , vue3 , 前端 , Javascript

收藏 評論

kestrel_task 頭像

微芒不朽 - Koa2進階:CMS系統實戰開發秘籍：1.為什麼選擇Koa2?

目錄 為什麼選擇Koa2? Koa2環境搭建 Koa2核心概念/中間件基礎/異步控制流 Koa2路由管理 Koa2請求響應處理 Koa2中間件使用 Koa2錯誤/異常捕獲與處理 Koa2模板引擎集成 Koa2靜態文件服務 Koa2集成數據庫 模型設計/ORM工具使用 接口身份驗證與授權 API接口設計 Koa2日誌記錄 CMS架構設計 CMS內容管理 CMS用户

koa2 , koa , vue3 , 前端 , Javascript

收藏 評論

rui0908 頭像

瑞0908 - xpath匹配一個標籤下所有內容

from lxml import etree import requests url = 'http://www.shihuo.cn/youhui/474770.html#qk=youhui_list' response = requests.get(url) text = etree.HTML(response.text) tt = text.xpath("//div[@class='art

xpath , lxml , requirejs , Python

收藏 評論

kaidiwen 頭像

Max迪丶先生 - 【已解決】requireJS 加載 layer.js時，使用layer.load無法顯示提示彈窗問題

首頁引用layer.js 一般在html時，直接引入就可以調用layer的方法。 但是requireJS比較特殊，使用layer.load時，發現根本沒有加載顯示彈窗； 後面網上搜索了下，是因為requireJS在加載模塊layer時，是不加載css文件的，所以需要在config配置裏，增加css進行即可； requireJS加載css時，需要引入css.min.js文件，才能在shi

layer , requirejs

收藏 評論

hx19 頭像

時雨 - 前端模塊化的演進過程

CommonJS 服務端模塊化規範 通過require方法同步加載依賴模塊 通過module.export導出模塊 // 導出 var num = 0; function add(a,b) { return a + b; } module.export = { num: num, add: add } // 導入 var math = re

module , seajs , commonjs , requirejs

收藏 評論

shenfq 頭像

Shenfq - 前端模塊化的前世

隨着前端項目的越來越龐大，組件化的前端框架，前端路由等技術的發展，模塊化已經成為現代前端工程師的一項必備技能。無論是什麼語言一旦發展到一定地步，其工程化能力和可維護性勢必得到相應的發展。 模塊化這件事，無論在哪個編程領域都是相當常見的事情，模塊化存在的意義就是為了增加可複用性，以儘可能少的代碼是實現個性化的需求。同為前端三劍客之一的 CSS 早在 2.1 的版本就提出了 @import 來實現模塊

前端模塊化 , seajs , commonjs , requirejs , Javascript

收藏 評論

biubiu_5deda9568bbf1 頭像

巴斯光年 - javascript模塊化【RequireJS 】

一、模塊化的由來 在沒有模塊化思想之前，我們總是將大量的邏輯代碼寫在一起，這樣的代碼雜亂無章，沒有條理性，不便於維護，不利用複用。並且很多代碼重複，邏輯重複。甚至造成全局變量污染，也不方便保護私有數據。 為了解決上面的問題，模塊化的編程思想應運而生。 模塊化的基本思想就是：==閉包自調用函數== 對閉包瞭解不夠的同學，請先查看《 JS閉包全面解析》一文。 二、模塊規範 想要了解

模塊化 , requirejs , Javascript

收藏 評論

nznznz 頭像

奶粥 - Requirejs加載文件、清除緩存

Requirejs加載js問題 在使用 require(['app1'], function (app1) { console.log(app1); }); 加載app1模塊時，不配置requireJs.config中的path時，會請求當前html文件所在路徑下的app1.js 如果找不到，報如下錯誤 require.js:168 Uncaught Error: Scr

requirejs , Javascript

收藏 評論

kylebing 頭像

KyleBing - 寫了個網頁版的五筆跟打器：玫楓跟打器

玫楓跟打器 Roseo Maple Type Pad 線上地址 https://kylebing.cn/tools/typepad/ 截圖 前言 自己是個五筆愛好者，也一直在使用五筆，從 Windows 轉到 Mac 之後，也沒有有可用的跟打器，每回想練練打字了都需要打開 Windows 模擬器來打字。 一直一直想有個能在 macOS 上運行的跟打器。 最初是想自己用 swift

輸入法 , requirejs , 前端 , Javascript

收藏 評論

cuijianjun 頭像

Frank - 附(1)：require加載資源的方式或者類型

require支持的加載資源形式是.js/.json/.node 1 .js文件 要求導出個module.exports/exports 2. .json格式 會首先通過JSON.parse解析出一個對象 3. .node格式 C++插件 Addons process.dlopen打開 咱們前端工作人員不操心那個情況了 4. 所有的其他文件 都會使用js引擎進行解析，所以文件格式後綴不重要，重要的

requirejs

收藏 評論

lovevin 頭像

LoveVin - AMD規範之require.js

寫在前面 AMD是"Asynchronous Module Definition"的縮寫，意思就是"異步模塊定義"。目前，主要有兩個Javascript庫實現了AMD規範：require.js 和 curl.js。這裏介紹 require.js。既然是模塊，就涉及到兩個通用的問題：1. 模塊如何定義。2. 模塊如何加載。 定義模塊 在 require.js 中，定義一個模塊的方式為： define

requirejs

收藏 評論

jellythink 頭像

果凍想 - AMD、request.js，生詞太多，傻傻搞不清

一個兜兜轉轉，從“北深”回到三線城市的小碼農，熱愛生活，熱愛技術，在這裏和大家分享一個技術人員的點點滴滴。歡迎大家關注我的微信公眾號：果凍想 前言 之前在公司用JS寫前端頁面，本來自己是一個寫後端的，但是奈何人少，逼的自己也去寫了。但是自己對前端基本不懂，基本就是照着前人寫的照着抄，反正大體意思是明白的，但是出現問題了，基本上也是吭哧吭哧好幾天，也能解決，但是由於自己對前端這一套是一點都不懂，導致

amd模塊加載 , requirejs , Javascript

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - 徹底弄懂js中this指向（包含js綁定、優先級、面試題詳解）

為什麼要使用this 在javascript中，this可謂是無處不在，它可以用來指向某些元素、對象，在合適的地方使用this，能讓我們減少無用代碼的編寫 varuser={ name:"aclie", sing:function(){ console.log(user.name+'在唱歌') }, dance:function(){ console.log(user.name+'在跳舞') },

this的用法 , this , Javascript

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - 自定義javascript中call、bind、apply方法

call、bind、apply都是Function原型上的方法，用於改變this的指向 自定義函數 js中的call、bind、apply是用c++代碼實現的，我們這裏使用js代碼做一個模式，沒有把所有的邊界情況考慮進來，僅做一個簡單的實現，三個函數在使用的時候有一些需要注意的地方，在定義的時候需要把這些情況考慮進去 當傳入的值是基本數據類型時，call、apply、bind方法會將它轉變成引

this , 前端 , Javascript

收藏 評論

iymxpc3k 頭像

前端css和js乾貨 - 煩人的this,7個關於js關鍵詞的面試題

更多文章詳見公眾號【前端css和js乾貨】 在 JavaScript 中，this是函數的調用上下文。 難度在於this具有複雜的行為。 本文，整理了一個關於this關鍵字的7個有趣面試問題的列表。 注意：下面的 JavaScript 片段在非嚴格模式下運行，也稱為 sloppy 模式。 1: 變量 vs 屬性 以下代碼會在控制枱打印什麼： const object = { m

箭頭函數 , this , 前端 , Javascript

收藏 評論

niumingxin 頭像

微言 - this 指針詳解

概念 this 是當前函數/當前模塊的運行環境上下文。是一個指針型變量，普通函數中的 this 是在調用時才被綁定確認指向的。 通過不同的 this 調用同一個函數，可以產生不同的結果。 到底如何確認 this 綁定的內容是什麼？ this 綁定的規則 1.默認綁定 function a() {} a(); 函數獨立調用的時候，不帶任何修飾的函數引用. 非嚴格模式下 this 指向全局對象

this , 前端 , Javascript

收藏 評論

mall4j 頭像

mall4j - JavaScript中的this綁定 - springboot實戰電商項目mall4j

springboot實戰電商項目mall4j （https://gitee.com/gz-yami/mall4j) java商城系統源碼 JavaScript中的this綁定 在日常的開發中，我們會經常使用JavaScript中的一個關鍵字：this，在常見的編程語言中，幾乎都有this這個關鍵字，但是JavaScript中的this和常見的變成語言中的this不太一樣， 在常見的變成語言（

this的用法 , this , Javascript

收藏 評論