原创 Vue + Echarts 繪製區域圖

npm install echarts安裝 echarts 導入echarts和地圖區域JSON,獲得地圖區域JSON import echarts from "echarts"; import mapJson from

原创 TypeScript 學習筆記 (二)—— 類型

原始數據類型 // 定義布爾值 let isDone: boolean = false; // 16進制 let hexLiteral:number =0xf00d // 二進制 let binaryLiteral : num

原创 TypeScript 學習筆記(一)—— 安裝

安裝 安裝 Node.js npm install -g typescript 安裝,tsc -v查看是否安裝成功 使用 新建一個TypeScript文件test.ts 使用tsc test.ts將ts文件編譯爲js文件

原创 Webpack學習筆記(四) —— 配置文件分離提取

webpack的配置進行合併和提取公共配置 安裝webpack-merge cnpm i webpack-merge --save-dev webpack.common.js文件(刪除原webpack.config.js)var

原创 Node學習筆記(三)—— 阻塞、非阻塞與事件循環

阻塞代碼 // 導入文件模塊 let fs=require('fs') // 讀取input.txt 文件中數據 let data=fs.readFileSync('input.txt') console.log(data.toS

原创 Webpack學習筆記(五) —— 打包分析報表

安裝 webpack-bundle-analyzer npm install --save-dev webpack-bundle-analyzer webpack.config.js文件 // npm run build

原创 Webpack學習筆記(三) —— 相關功能完善

打包後的js和css自動注入到html中 安裝html-webpack-plugin npm install --save-dev html-webpack-plugin webpack.config.js文件新增 var Ht

原创 Vue錯誤總結

打包後,瀏覽器瀏覽index.html文件空白,或者無法跳轉。 解決辦法: // 主要原因時由於打包後的文件路徑錯誤,在項目目錄下建一個vue.config.js文件 // 進行如下設置 module.exports = {

原创 Webpack學習筆記(二) —— 相關文件處理

處理scss npm i -D node-sass sass-loader 安裝 sass-loader和node-sass webpack.config.js文件中module.exports對象中module模塊rules增

原创 Node學習筆記(六)—— 文件讀取、寫入、刪除

文件讀取 導入文件模塊// 導入文件模塊,node自帶的模塊 let fs=require('fs') 同步讀取// Node默認是異步 // 同步讀取文件,會阻塞和等等 let content =fs.readFileSy

原创 前端開發用到的工具網站

BootCDN 穩定、快速、免費的前端開源項目 CDN 加速服務 BootCDN MDN 提供開放網絡(Open Web)技術有關的信息,包括用於網站和漸進式網絡應用的 HTML、CSS 和 API。 MDN Font A

原创 Node學習筆記(九)—— 文件流

寫入流 let fs=require('fs') // 創建寫入流對象,語法:fs.createWriteStream(文件路徑,【可選的配置操作】) let ws=fs.createWriteStream('hello.tx

原创 Node學習筆記(四)—— 事件循環

Node.js 使用事件驅動模型,當web server接收到請求,就把它關閉然後進行處理,然後去服務下一個web請求。 在事件驅動模型中,會生成一個主循環來監聽事件,當檢測到事件時觸發回調函數。 // 導入events模

原创 Node學習筆記(十 一)—— URL模塊

導入模塊 let url=require('url') 解析url let httpUrl='https://www.baidu.com/' let urlObj=url.parse(httpUrl) console.l

原创 Node學習筆記(十七)—— 框架流程

1. 瀏覽器發送請求 用戶輸入網址 瀏覽器根據請求轉換爲HTTP的請求包 2. 服務器接收請求 HTTP模塊中實例化的server對象,server對象監聽每一次瀏覽器發送過來的請求,觸發request事件 將HTTP請求包