原创 Nginx從入門到熟悉

Nginx自我修煉1.背景2.Nginx介紹3.Nginx安裝及配置文件4.Nginx基本操作命令5.nginx 的訪問權限6.nginx配置虛擬主機以及二級域名配置7.配置反向代理8.Gzip壓縮結尾 1.背景 由於最近公司部

原创 Mongodb數據庫基本操作API

修改器 1.$set 設置某一個字段的值。 db.collections.update({查找的數據},{$set:{要修改的數據}}) 例子:db.test.update({name:"zzz"},{$set:{sex:1,a

原创 Vue-cli3+Typescript+Element搭建項目

由於vue3.0已經發布beta版本,vue3.0將會支持typescript,加上之前angular2.0已經支持typescript。縱觀幾個框架,TS已經是一個趨勢。能夠熟練掌握TS並可以應用到項目中去,就可以成爲前端開發中

原创 Dom對象的屬性以及方法

原生DOM的屬性和方法只能自己用。不能混用 jQuery的屬性和方法只能自己用。不能混用 要想混用,只能轉換 案例body代碼: <body> <div></div>

原创 Parceljs初探 ...

Parceljs初探 https://parceljs.org/ Parceljs是一款新的web應用打包工具,是一款零配置,以html爲核心的打包工具。 web應用從最初的無打包,到grunt,yoman,gulp,webpa

原创 CSS內容垂直居中

在我們寫前端靜態頁面的時候我們不免會遇到很多次的左邊圖片右邊文字的情況,以及如何讓div裏面的文字水平垂直居中呢?本人自己在開發者遇到的幾種來簡單說一下 1.適合響應式佈局 首先就是通過先給父元素設置display:flex;

原创 初識Cmder

初步使用Cmder 剛開始的時候一直使用cmd或者powerShell跑命令,但是有時候複製粘貼代碼的時候會很不爽,於是找到了Cmder,它是一個美觀而特 別好用的 命令行工具,可以使用它達到很多功能。 1.作爲系統的cmd和po

原创 MongoDB基本命令

存儲結構不同 關係型數據庫 數據庫>數據表>數據行 MongoDB 數據庫>集合>文件 MongoDB 基本命令 show dbs //顯示已有數據庫 use admin //進入數據庫 show collections 顯示數據

原创 ES基礎知識

ES6介紹 ES6歷史 1996年11月,JavaScript的創造者Netscape公司,決定將JavaScript提交給國際標準化組織ECMA,希望這種語言能夠成 爲國際標準。次年,ECMA發佈262號標準文件(ECMA

原创 nodejs連接mongodb數據

Node連接Mongodb數據庫 1.在自己的項目下安裝相對應對的包 npm install mongodb --save-dev cnpm install mongodb --save-dev(淘寶鏡像) 2 連接數據

原创 vue07-路由組件

路由router vue-router組件 https://router.vuejs.org/zh-cn/ 基本使用 <script src="vue.min.js"></script> <script src="vu

原创 vue05 -父子組件得通信

父子組件通信 Vue對象的相關參數 data 提供的模型,爲v-指令提供數據 methods 所有事件和邏輯方法定義在這裏,獲取data中的數據使用this.msg components 在一個組件中使用另一個組件 props

原创 cue03 -vue基礎組件

組件概念 全局組件 <div id="app"> <ul> <my-item></my-item> <my-item></my-item> </ul> </div> <div id=

原创 vue08 mint框架

UI框架 mint-ui(餓了麼開發的vue的UI組件) 文檔 http://mint-ui.github.io/#!/zh-cn 下載 npm install mint-ui --save 加載全部組件 入口文件中配

原创 webpack得介紹

Webpack的介紹 Webpack 是當下最熱門的前端資源模塊化管理和打包工具。它可以將許多鬆散的模塊按照依賴和規則打包成符合生產環境部署的前端資源。還可以將按需加載的模塊進行代碼分隔,等到實際需要的時候再異步加載。通過 load