原创 nodejs Express入門教程實例

首先創建名爲 myapp 的目錄,切換到此目錄,然後運行 npm init。根據安裝指南將 express 安裝爲依賴項。 在 myapp 目錄中,創建名爲 app.js 的文件,然後添加以下代碼: var express = requi

原创 div模擬textarea高度隨文本變化

最近做項目,移動端網頁模擬聊天對話,需要做輸入框隨文字變化而變化,但是遇到了問題。如果用textarea,單純的css不能實現這種效果,因此最開始選擇textarea,用js監聽 keydown,keyup事件,實現了隨文字增多高度增加。

原创 webpack打包壓縮圖片

當我們使用webpack打包的時候,圖片往往不會進行壓縮處理,打包前多大的圖片,打包後還是多大的圖片。 圖片太大,打包出來的文件也比較大,加載也比較慢。爲了提高性能,優化處理,圖片打包時進行壓縮就很有必要了。 在此,給大家推薦一個插件

原创 移動端設置viewport元數據標籤

爲了確保適當的繪製和觸屏縮放,需要在 之中添加 viewport 元數據標籤。 <meta name="viewport" content="width=device-width, initial-scale=1"> 在移動設備瀏覽器上

原创 jquery封裝方法和插件

首頁,需要引入jquery; <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> 然後封裝自己的插件或者方法; (function($){

原创 ios輸入框被軟鍵盤遮住問題

在ios中,輸入框被軟鍵盤遮住,這是衆所周知的bug,那麼如何來解決這個問題呢?最近的項目中就遇到了這個問題,然後經過高人指點解決了這個問題,以及遇到的另外一些問題。 首先我們先來說說彈出軟鍵盤,在ios中,彈出軟鍵盤,會將整個頁面給懟

原创 css3彈性佈局——display:flex

彈性佈局 Flexbox佈局( Flexible Box 或CSS3 彈性佈局),是CSS3中的一種新的佈局模式,是可以自動調整子元素的高和寬,來很好的填充任何不同屏幕大小的顯示設備中的可用顯示空間,收縮內容防止內容溢出,確保元素擁有恰當

原创 nodejs Express快速創建應用程序

Express 應用程序生成器 假如您看了node.js開發指南,根據書山的講解,您安裝express之後會發現報錯,找不到express模塊;因爲那是很久以前的node版本,因此,您要換新的方式來安裝。 使用以下命令安裝 express

原创 css3過渡位移特效

css3過渡特效,或者2d/3d轉換過渡特效。 css3轉換特效:translate()位移、rotate() 旋轉、scale()縮放、skew()翻轉、matrix()組合方法。 過渡位移特效: css代碼: .transito

原创 git設置快捷命令

當我們使用git時候,往往要在命令行中輸入許多命令,有的命令很繁瑣。然而,我們可以設置快捷鍵,當我們記住這些快捷命令後,鍵入快捷命令會提高我們的工作效率。 如果你使用的是git bash here,用git bash here進入用戶目

原创 nodejs WEB框架express入門教程

Express Express是一種保持最低程度規模的靈活 Node.js Web 應用程序框架,爲 Web 和移動應用程序提供一組強大的功能。 安裝: 本地安裝 $ npm install express --save 或者 $ npm

原创 git配置與使用

git是當下非常流行的,免費、開源的分佈式版本控制系統,用於敏捷高效地處理任何或小或大的項目。 首先,我們需要安裝git,在此省略……網上很多安裝教程。 當安裝完成git後,我們可以執行以下命令查看是否安裝成功。 $ git --ve

原创 javascript時間戳轉換日期格式

js將時間戳轉換成日期格式。 第一種:根據javascript的date對象獲取年月日時分秒的方法,將時間戳轉換成我們需要的日期格式。 function Formate(time){ var oldTime = new Dat