原创 前端面試題

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

原创 常用正則表達式大全 (轉)

網上找到的常用正則表達式,留着以後可能用得上,正則表達式實在是不好寫,只好拿來主義了,在Delphi中沒有自己帶有正則表達式的組件,靠第三方了 另外給給大家介紹一個網址:正則表達式在線測試 自己認爲用來測試正則表達式很方便 常用正則表

原创 HTML meta標籤總結

移動前端開發中添加一些webkit專屬的HTML5頭部標籤,幫助瀏覽器更好解析HTML代碼,更好地將移動web前端頁面表現出來。本文整理一些常用的meta標籤 <!DOCTYPE html> <!-- 使用 HTML5 doctype,不

原创 正則表達式

一、校驗數字的表達式 1 數字:^[0-9]*$  2 n位的數字:^\d{n}$ 3 至少n位的數字:^\d{n,}$  4 m-n位的數字:^\d{m,n}$  5 零和非零開頭的數字:^(0|[1-9][0-9]*)$ 

原创 藍胖子 canvas版

最近學習了canvas,用canvas畫了一個藍胖子 效果圖: 完整代碼: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>

原创 canvas 模擬地球繞太陽轉動 月球繞地球轉動

requestAnimationFrame,Web中寫動畫的另一種選擇 HTML5/CSS3時代,我們要在web裏做動畫選擇其實已經很多了: 你可以用CSS3的animattion+keyframes; 你也可以用css3的transit

原创 移動端佈局適配解決方案

以下這段代碼是用於根據移動端設備的屏幕分辨率計算出合適的根元素的大小當設備寬度爲375(iPhone6)時,根元素font-size=100px; 依次增大;限制當爲設備寬度大於768(iPad)之後,font-size不再繼續增大 s

原创 js 隨機產生一注 三注 五注 雙色球

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>雙色球</title> <style type="text/css"> #wrap { width: 800px;

原创 Canvas 時鐘

之前學習了下html5中的canvas元素,爲了練練手就實現了一個簡易的時鐘。時鐘本身並不複雜,也沒有使用圖片進行美化,不過麻雀雖小五臟俱全,下面就與大家分享一下: 效果圖如下: 先獲取canvas DOM, 設置繪圖環境,目前還只有

原创 對jQuery ajax請求成功(失敗)回調執行前的統一處理

目前的項目中有這樣的需求,如果用戶的狀態因已登錄太久已經失效(登錄超時,用戶自己不知道),用戶在操作發起一個ajax請求的時候服務端是無法返回有效數據的,而ajax請求的狀態還是成功,會執行配置項裏的success函數參數或者done的異

原创 canvas 放大鏡

採用canvas實現放大鏡功能,只需要使用一個方法。。。 這個方法有三種使用情況: 1、drawImage(img,x,y) 三個參數,第一個參數當然是img元素了,也可以是video元素或者Image對象,x 、y 爲圖片繪製時

原创 判斷設備,時間戳轉化爲時間,獲取URL中的參數等常用方法

判斷設備function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = ["Android", "iPhone","SymbianOS", "Wi

原创 瀏覽器兼容問題

Ø JavaScript1. HTML對象獲取問題FireFox:document.getElementById("idName");ie:document.idname或者document.getElementById("idName"

原创 javaScript 貪吃蛇

JavaScript 貪吃蛇 自己用js寫的貪吃蛇小遊戲 一、製作遊戲界面 1 定義遊戲中需要的變量 //定義變量 var rowNum = 25; //列 var colNum = 25; //行 v

原创 JavaScript 關燈遊戲

遊戲簡介: 這是一個純js寫的小遊戲,遊戲開始時會有一些燈點亮,我們需要關掉所有亮着燈進入下一關卡,在點擊關燈時會對它四周的燈產生影響,如果燈是亮的就會關掉,否則就會打開。 第一步 製作遊戲界面 在界面製作過程中要注意 控制每行,每列燈