原创 JavaScript框架比較:AngularJS vs ReactJS vs EmberJS

Javascript場景的易變性 Web開發的變化發生的很快。幾乎每個月都會引入一個新的JavaScript框架,並且現有的框架經常被更新。由於這些框架是開放源代碼的,因此世界各地的大型社區也都可以不斷地使之豐滿起來。因此,瞭解每個框

原创 Web前端之面試題

一些開放性題目 1.自我介紹:除了基本個人信息以外,面試官更想聽的是你與衆不同的地方和你的優勢。 2.項目介紹 3.如何看待前端開發? 4.平時是如何學習前端開發的? 5.未來三到五年的規劃是怎樣的? position的值

原创 Canvas之"黑客帝國"

首先,在新建頁面寫上canvas標籤,在js中獲取並設置高寬: <canvas id="canvas"></canvas> <script> var canvas = document.getElementById("canva

原创 JSON跟JSONP的區別

前言 由於Sencha Touch 2這種開發模式的特性,基本決定了它原生的數據交互行爲幾乎只能通過AJAX來實現。 當然了,通過調用強大的PhoneGap插件然後打包,你可以實現100%的Socket通訊和本地數據庫功能,又或者通

原创 PHP常用數組函數

一、數組操作的基本函數數組的鍵名和值array_values($arr)     獲得數組的值array_keys($arr)     獲得數組的鍵名array_flip($arr)     數組中的值與鍵名互換(如果有重複前面的會被後面

原创 常用正則表達式大全

很多不太懂正則的同學,在遇到需要用正則校驗數據時,往往去網上找很久,結果找來的還是很不符合要求。所以我把一些常用的正則表達式整理了一下,在這裏分享給大家。給自己和同學們做個參考。 一、校驗數字的表達式 1、數字:^[0-9]*

原创 MySQL入門教程

MySQL的相關概念介紹 MySQL 爲關係型數據庫(Relational Database Management System), 這種所謂的"關係型"可以理解爲"表格"的概念, 一個關係型數據庫由一個或數個表格組成, 如圖所示的一

原创 編碼器Atom使用指南

關於如何初步使用Atom,可以參見 官方手冊:Atom 基礎使用。 Atom is a text editor that's modern, approachable, yet hackable to the core—a tool y

原创 Sublime Text使用教程

在諸多工具中,Sublime Text無疑是一款利器,它界面優美、功能強悍、性能令人驚訝,需要注意的是,它並不是IDE,而是一個單純的文本編輯工具,但其代碼高亮顯示、語法提示、自動完成且反應快速,還有各種豐富插件的支持,使得文本編輯過程

原创 Canvas之粒子動畫

首先添加一個canvas: <canvas id="canvas"></canvas>11 下面是樣式: <style> #canvas{ position: absolute; display:

原创 重力+拖拽+碰撞運動

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>重力+拖拽+碰撞運動</title> <style type="text/css"> html,

原创 JavaScript學習總結【9】DOM Ready

1、DOM   DOM(Document Object Model)即文檔對象模型,是從文檔中抽象出來的,DOM 操作的對象就是文檔,DOM 將 HTML 文檔呈現爲帶有元素、屬性和文本的樹結構,即節點樹。通過 DOM,JS 可創建動

原创 JavaScript學習總結【7】JS RegExp

1、RegExp 簡介   RegExp 即正則表達式(Regular Expression,在代碼中常簡寫爲 regex、regexp或RE/re/reg),就是使用單個字符串來描述、匹配一系列符合某個句法規則的字符串搜索模式,搜索

原创 PHP學習筆記之PHP文件上傳(五)

文件上傳的相關配置 表單設置 設定表單數據的提交方式爲POST設定enctype屬性值爲:multipart/form-data爲了避免用戶等待許久之後才發現上傳文件太大,可以在表單中添加MAX_FILE_SIZE隱藏域,用過設置其val

原创 PHP學習筆記之PHP數組(四)

一.數組概念 數組可以理解爲有序的(鍵-值)對組成的數據值的集合; 如果我們把變量理解爲單個值的容器,那麼數組就是可以包含多個值的容器; 根據索引值的不同數組分爲:索引數組和關聯數組; arr(key=>value,key=>value)