原创 vue computed實現原理

在 Vue.prototype._init 方法中的 initState 中有一個對於computed 的判斷,如果有則執行 initComputed 方法初始化 computed。 function initMixin (Vue) {

原创 node 對於 formdata 數據解析處理

文件上傳數據格式: ------WebKitFormBoundaryjlaXz2OrLImcaQJb // 分界標識 Content-Disposition: form-data; name="file"; filename="hostF

原创 vue 用 js 調用公共組件

在 vue 項目中,對於公共組件的調用一般是 import 引入公共組件,然後在 components 中註冊組件,在頁面中以標籤的方式運用。 import Msg from './msg' export default { ...

原创 nodeJs + js 大文件分片上傳

簡單的文件上傳 一、準備文件上傳的條件: 1、安裝nodejs環境 2、安裝vue環境 3、驗證環境是否安裝成功 二、實現上傳步驟 1、前端部分使用 vue-cli 腳手架,搭建一個 demo 版本,能夠實現簡單交互: <template

原创 公共方法庫 common.js

1、數據類型 function getType(data) { return Object.prototype.toString.call(data).slice(8, -1) } // getType([]) --> 'Array

原创 部分瀏覽器 set-cookie 不成功踩坑記錄

事件起因: 公司正在做一個sso的單點登錄的項目,做完之後,在測試階段,不同的終端的兼容測試時候,好幾個不同的瀏覽器出現了不同的問題,有登錄之後自動退出,有登陸不成功等問題。 在 pc 端只有 uc 瀏覽器不成功,移動端有 safari、3

原创 nodejs之EventEmitter實現

Node.js 所有的異步 I/O 操作在完成時都會發送一個事件到事件隊列。 Node.js 裏面的許多對象都會分發事件:一個 net.Server 對象會在每次有新連接時觸發一個事件, 一個 fs.readStream 對象會在文件被打

原创 nodejs之數據庫連接

nodejs 對 MySQL、mongodb、redis 數據庫的連接方式。 MySQL: var mysql = require('mysql') var { MYSQL } = require('../config/default.j

原创 web前端知識點(webpack篇)

webpack 是一個現代 JavaScript 應用程序的靜態模塊打包器(module bundler)。當 webpack 處理應用程序時,它會遞歸地構建一個依賴關係圖(dependency graph),其中包含應用程序需要的每個模塊

原创 webpack之入口起點(一)

在 webpack 配置中有多種方式定義 entry 屬性。 單個入口語法 用法:entry: string|Array<string> // webpack.config.js const config = { entry: './

原创 webpack之插件(五)

插件是 webpack 的支柱功能。webpack 自身也是構建於,你在 webpack 配置中用到的相同的插件系統之上!目的在於解決 loader 無法實現的其他事。 剖析 webpack 插件是一個具有 apply 屬性的 JavaSc

原创 webpack之配置(六)

你可能已經注意到,很少有 webpack 配置看起來很完全相同。這是因爲 webpack 的配置文件,是導出一個對象的 JavaScript 文件。此對象,由 webpack 根據對象定義的屬性進行解析。 因爲 webpack 配置是標準的

原创 webpack之模式(三)

提供 mode 配置選項,告知 webpack 使用相應模式的內置優化。 用法 只在配置中提供 mode 選項: module.exports = { mode: 'production' }; // 或者從CLI 參數中傳遞 we

原创 webpack之模塊(七)

在模塊化編程中,開發者將程序分解成離散功能塊(discrete chunks of functionality),並稱之爲模塊。 每個模塊具有比完整程序更小的接觸面,使得校驗、調試、測試輕而易舉。 精心編寫的模塊提供了可靠的抽象和封裝界限,

原创 webpack之輸出(二)

配置 output 選項可以控制 webpack 如何向硬盤寫入編譯文件。注意,即使可以存在多個入口起點,但只指定一個輸出配置。 用法 在 webpack 中配置 output 屬性的最低要求是,將它的值設置爲一個對象,包括以下兩點: f