原创 node.js 調試方法

使用chome-devtool調試 調試node服務 準備步驟 mkdir nodeDebug cd nodeDebug npm init npm i express touch server.js 編輯server.js文件,寫

原创 eslint使用教程

簡介 檢查語法錯誤 檢查語法風格 修正語法 安裝 //項目內安裝 npm i -D eslint //全局安裝 npm i -g eslint 初始化配置 eslint --init 運行該命令將會在目錄下生成一個.esli

原创 JavaScript原型和原型鏈

javascript不包含傳統的類繼承模型,而是使用 prototype 原型模型。 雖然這經常被當作是 JavaScript 的缺點被提及,其實基於原型的繼承模型比傳統的類繼承還要強大。實現傳統的類繼承模型是很簡單,但是實現 Java

原创 Vue組件傳值

父組件向子組件傳值 父組件向子組件傳值的方式通常是通過子組件定義的props來完成的。子組件定義props作爲傳入的數據,父組件應用子組件時綁定props,就能夠動態地改變props的值,實現實時傳值。 Son.vue <templa

原创 base shell 語法筆記

註釋# 註釋 單行註釋 “#”命令代表單行註釋,在任何一行代碼前加上”#”及將這行變爲註釋 # 我是註釋 多行註釋 多行註釋則使用:< :<<EOF ...... ...... ..... EOF 變量 變量定義 變量定義不用加任何符號,

原创 Grid Layout 快速上手

Grid Layout 快速上手

原创 用一個hello world項目學習webpack

更多內容歡迎來到博客 :https://imjianjian.github.io 項目準備 項目地址 項目結構 - src - app - App.vue - img - logo.png

原创 gulp4增量編譯

更多內容歡迎來到博客 :https://imjianjian.github.io 在任何構建工具中增量編譯都是一個必不可少的優化方式。即在編譯過程中僅編譯那些修改過的文件,可以減少許多不必要的資源消耗,也能減少編譯時常。而且gulp是一個

原创 Flexbox 快速上手

flexbox是一個用於靈活佈局的盒子模型,即使在不知道容器大小或者元素也未知的情況下都可以只能地調節佔用空間。即元素的大小時彈性的,是自動計算的。 容器與子元素 屬性: - display:flex - display:i

原创 走進gulp4的世界

更多內容歡迎來到博客 :https://imjianjian.github.io gulp簡介 自動化 - gulp是一個工具包,可幫助您在開發工作流程中自動執行痛苦或耗時的任務。 與平臺無關 - 集成被集成到所有主流IDE中,人們正在

原创 MongoDB基礎操作

更多內容歡迎來到博客 :https://imjianjian.github.io MongoDB版本:3.4 查詢文檔 find() 查詢所有 db.collection.find({}) db.collection.find()

原创 Grunt快速入門

更多內容歡迎來到博客 :https://imjianjian.github.io 安裝 首先,grunt依賴Nodejs和npm環境 使用npm安裝grunt-cli命令行工具 全局安裝 npm install -g grunt-cl

原创 JavaScript與正則表達式

更多內容歡迎來到博客:https://imjianjian.github.io 正則表達式基礎 元字符 正則表達式中有兩種字符: 1.元字符.表達式中的特殊字符 字符 含義 \t 水平製表符 \v 垂直製表符 \n 換

原创 MongoDB安裝與配置

更多內容歡迎來到博客 :https://imjianjian.github.io MongoDB版本:3.4 一、下載MongoDB 官網下載地址:https://www.mongodb.com/download-center#e