原创 【javascript】File API 讀取並顯示本地圖片 -1

在過去,瀏覽器是不允許我們讀取本地的文件,包括圖片。因此,當我們需要預覽一個圖片的時候,往往先將它傳送到服務端,然後服務端返回一個訪問url地址,達到預覽圖片的功能。而如今,隨着標準不斷的改善,javascript裏的API越來越

原创 【javascript】File API slice方法對File文件分割 - 2

上一次我們通過File API 裏面的 FileReader類型裏的readAsText,readAsDataURL等方法來讀取文件File。但是如果一個文件十分大的時候,或者只需要讀取部分內容,如(文本文件),那麼我們就可以通過

原创 【javascript】腳本操作HTTP請求技術Ajax-4 (進度事件)

之前我們介紹瞭如何使用ajax進行上傳文件,如果文件十分打的情況下,那麼上傳一個文件的事件長度就會拉長,一般情況下都存在一些進度條提示的功能.而這個進度條是如何跟蹤我們上傳的進度,這都歸功於XHR2 的規範,定義了許多在請求的不同

原创 【javascript】腳本操作HTTP請求技術Ajax-3 (單個文件上傳)

最近在看《javascript權威指南》的時候,發現它在Ajax技術上講解了關於javascript上傳文件的內容。這也是博主在多年前的一個困擾,曾經解決的辦法就是借用別人的js控件,因此對這個技術理解甚少。當然,解決異步文件上傳的方式有

原创 【php】Phalcon 框架安裝介紹

前言: 最近不知什麼理由用起了Phalcon框架,之前因爲有用過Zend FrameWork還有ThinkPHP。因爲自己的水平有限,目前無法對什麼框架進行批判,只是會有些建議什麼的。當然在新的任務來的時候,我在考慮後臺這塊這麼多

原创 【js&css文件壓縮】lua+icombo+nginx 服務端的壓縮合並 -2

上一次我們是通過使用php的minify開源項目,來達到目標css和js文件的壓縮以及合併。這一次我們將會通過在服務器端配置,達到同樣的效果。 前提:首先我們需要先配置一下服務器的軟件,nginx服務器將這種應用處理交給lua腳

原创 【javascript】腳本操作HTTP請求技術Ajax-1(GET請求)

在我們平常使用web瀏覽器訪問網站時,大部分都是通過超鏈接或者是form表單對web服務器發送請求。同時,javascript腳本也可以通過修改window.location變量或者調用表單的submit()方法來讓web瀏覽器發

原创 【javascript】 藉助script元素髮送HTTP請求:JSONP原理-2

   在完成上次簡單的測試之後,接下來將結合《javascript權威指南》關於jsonP例子,介紹如何動態請求和響應數據. 首先,我們需要編寫一個客戶端頁面,通過綁定事件的方式,向指定地址發送jsonP請求。    服務端1: Node

原创 【javascript】腳本操作HTTP請求技術Ajax-2(POST請求)

接下來我們來介紹一下Ajax的第二種請求方式,post請求。一般情況下,瀏覽器發送的請求如果要進行更新修改某一數據的時候,我們會採用post請求方式而不是get請求.因爲這樣會有幾個好處。 請求的長度不會有限制。一般情況下get

原创 【js&css文件壓縮】php+minify+nginx 的配置和使用 -1

最近沒有更新博客,並不是因爲沒有學習,而是因爲沒有學到一定程度。不過有些比較工具類的知識卻可以拿來小結一下,比如這次所說的文件壓縮。 我們都知道web服務器在處理這樣的靜態文件如圖片,js,css的時候所需要的等待時間是十分長的

原创 【javascript】 藉助script元素髮送HTTP請求:JSONP原理-1

   近來,筆者在簡單瞭解了同源策略的本意之後。它也介紹了一些方法可以跳過同源策略的檢測。其中使用script元素 的src 屬性進行下載指定的URL。 只需要將請求成功返回的數據, 成爲一個js腳本 調用指定函數名的格式,其中攜帶的參數

原创 【js&css文件壓縮】jsMin文件壓縮及服務器配置 -3

上一次我們已經配好了nginx服務器,使其能夠運行lua腳本,同時能夠用lua腳本進行js文件和css文件的合併,已經css文件的壓縮。但是那個腳本並不能進行js合併後的文件的壓縮。這也是我們需要解決的一個問題。由於作者我的lua

原创 【開發環境】使用vagrant工具搭建一個開發環境

Vagrant配置 vagrant是一個能夠簡易的創建,管理工作環境,使用時首先需要安裝vm環境 以及vagrant。推薦幾個博文介紹安裝: 安裝Vitrual Box + Vagrant vagrant官網 下載 vagrant bo

原创 【webpack】expose-loader 插件使用

如何使用expose-loader 解決第三方庫的插件依賴問題 expose 寓意爲:暴露,就是爲了解決一些插件不支持commonJs引入的問題(如:bootstrap.js,它只允許jQuery暴露爲全局變量纔可用) 這是bootstr

原创 【php】socket編程基礎知識

php socket基礎知識 兩個程序相互通信連接實現的數據交換,連接的一端叫socket.每一個服務創建一個socket,並且綁定一個端口,不同的端口對應不同的服務。服務端socket監聽端口等待被連接,客戶端socket連接發起請求