Time of Update: 2017-02-27
在使用 JSON2.JS 檔案的 JSON.parse(data) 方法時候,碰到了問題:throw new SyntaxError('JSON.parse');查詢資料,大概意思如下:JSON.parse方法在遇到不可解析的字串時,會拋出SyntaxError異常。即:JSON.parse(text, reviver),This method parses a JSON text to produce an object or array. t can throw a SyntaxError
Time of Update: 2017-02-27
旅遊頻道的開發中需要定義各種日期組件,有的是基本的日期選擇,這個基本日期只包含如下功能左右翻(月)點擊天回填到輸入欄位點擊“今天”,回填今天的日期到輸入欄位點擊“關閉”,日期控制項關閉有的同時顯示兩個月的日期有的包含一些商務資訊,比如機票搜尋結果頁的低價日曆。這個比上面的要複雜一些每天的日期格子裡含有價格資訊點擊左右箭頭會向後退請求更新每天的低價機票資訊且點擊每天的格子是會重新查詢這裡記錄下一個基本行事曆群組件的要點查看本欄目更多精彩內容:http
Time of Update: 2017-02-27
flash上傳頭像多不勝舉了,可JS仿flash的見的不多,也是工作需要,就試著寫寫看!不料,設想還真的可行先看效果圖(在FF下):下面是我整個的思路:一、用ajaxFileUpload.js非同步上傳圖片。這個不用多說了,挺簡單的東西。二、div拖拽用jquery-ui。這個也不多說了。三、上傳過圖片的處理。編輯容器是300*300,如果圖片不在300*300之內,這裡會產生一個maxHeight=300,maxWidth=300的縮圖,用於設定編輯容器的背景,如果原檔案為123.jpg,這裡
Time of Update: 2017-02-27
首先瞭解一下什麼是事件?事件是web瀏覽器通知應用程式發生了什麼事情。我們可以通過一些方式註冊事件用來監聽一些我們需要處理的事件。事件包含一下一些屬性:事件類型:用來說明是什麼類型事件的字串事件處理常式:監聽了某個事件想讓他做的事情事件對象:特定的事件類型,有不同的屬性事件傳播:一般情況下是會經曆捕獲->目標對象->冒泡的過程,IE8之前的瀏覽器不支援事件捕獲下面簡單介紹一下事件有哪些類型,文檔載入和準備就緒事件、滑鼠事件、滑鼠滾輪事件、拖放事件、鍵盤事件和文本輸入事件。隨著web平
Time of Update: 2017-02-27
正如我們瞭解的一樣,當我們書寫了JS程式之後,開啟瀏覽器,我們的代碼就可以開始運行了(當然保證你的代碼沒有問題,才能按照你的預期進行執行)。剛才說的是JS執行的一個大的環境,今天我們學習一下,JS在解析器裡的一個執行過程。這個過程分為兩個階段:進入執行內容執行代碼 變數對象的變化,和這兩個階段息息相關。在介紹這兩個階段之前,瞭解相關的概念。如果變數和執行內容相關,那麼它應該知道在哪裡儲存資料和怎麼訪問資料,這種機制叫做變數對象(variable object,簡稱VO)
Time of Update: 2017-02-27
本篇文章主要針對javascript的屬性進行分析,由於javascript是一種基於對象的語言,本身沒有類的概念,所以對於javascript的類的定義有很多名字,例於原型對象,建構函式等,它們都是指javascript中的類。例如:function Person(){} var p = new Person(); 這裡的Person可以看作一個類,而p則是這個類的執行個體也可以稱為對象。這裡主要分析js裡面的四種屬性。私人屬性,指定義在類中用var聲明的,即var propertyName
Time of Update: 2017-02-27
網頁可見地區寬: document.body.clientWidth網頁可見地區高: document.body.clientHeight網頁可見地區寬: document.body.offsetWidth (包括邊線的寬)網頁可見地區高: document.body.offsetHeight (包括邊線的高)網頁本文全文寬: document.body.scrollWidth網頁本文全文高: document.body.scrollHeight網頁被捲去的高:
Time of Update: 2017-02-27
廢話不多講,先上笑話,然後再,。看懂這個的說明你的節操已經不再了。晚飯後去理髮店理髮。。。割了吧。。。老闆問我怎麼剪,我悠悠的來一句往帥了剪。。。高潮往往令人想不到。。。。旁邊一在焗油燙頭髮的大媽說到 別這樣為難老闆,人家賺點錢不容易。。。首先如果你是高手那麼請出門右轉,如果你是菜鳥那麼恭喜你,go
Time of Update: 2017-02-27
先上笑話,1.剛看到一個遊泳的,想起公司組織去三亞旅遊,老闆跳海裡,各種掙紮,撈上來老闆第一句話:我記得我會遊泳的啊。2.媳婦說:老公對不起,我把你新買的單車撞散架了! 老公:沒事寶貝,你若安好,便是晴天! 媳婦說:老公你太有詩意了。 老公:滾犢子,安不好我整死你!數組的概念javascript數組是值得有序集合,不過它實屬一個javascript對象的特殊形式,這是一個很重點的定性。建立數組1.var a=new Array();//等同於[]2.var a=new Array(10); //
Time of Update: 2017-02-27
javascript中有5種資料類型,分別為:Undefined、Boolean、Object、Number、String,這幾類型的資料,當他們處在運算式裡面的時候,js解析器會自動將其轉換成布爾值來決定當前的條件究竟符合哪個邏輯分支(當然,我們也可以手動通過調用Boolean(var)方法來轉換),從而決定執行那個方法體的代碼,那把這幾種類型的值轉換成布爾型時,究竟是遵循怎樣的規則呢? 資料類型 轉換成true的取值
Time of Update: 2017-02-27
如果你已經接觸js很久了,那麼應該可以看看我總結的是否正確,如果你剛開始學習,那麼通過我的總結,你可以更快的區別他們,記得我剛接觸js時,這一塊反正是模糊了很久!1,長相的區別:1 function Class(){ //聲明一個類2 this.constructMethod = function(){}; //添加構造構造方法3 };4 Class.classcMethod = function(){};
Time of Update: 2017-02-27
今天簡單的學習了一下有關對象字面量的定義和 javascript 如何取出對象字面量的值的知識,javascript 動態添加資料到 HTML 頁面的問題。【學習目標】有如下的一組資料通過 Ajax 傳遞過來:var dataList = [ { state: 2, // 0:sharing 1:unJoin 2:sharingEnd name: '客戶1', phone: 13675896031 }, {
Time of Update: 2017-02-27
JavaScript中的this總是讓人迷惑,應該是js眾所周知的坑之一。
Time of Update: 2017-02-27
首先,我們來看一段代碼,如何覺得不甚明白的,則本文會對你有益:var player = function (e) { return (function f(m) { return m ? (function (n) { return $('#Player', n).get(0) || f($('iframe',
Time of Update: 2017-02-27
前言最近在做項目的時候自己寫了一些JavaScipt代碼,於是自己又進行簡單的查閱資料整理了一下,發現了如下幾個比較有用的知識點:1、三種聲明函數的方式2、jQuery $(document).ready() 與window.onload的區別3、location.href4、擷取url中的參數5、判斷是否存在函數的方法6、設定Iframe高度7、解決文字框設定唯讀後按退鍵後退頁面1、三種聲明函數的方式1、聲明式的函數function functionName(arg1, arg2)
Time of Update: 2017-02-27
No setTimeout, No setInterval如果你不得不使用setTimeout或者setInterval來實現動畫,那麼原因只能是你需要精確的控制動畫。但我認為至少在現在這個時間點,進階瀏覽器、甚至手機瀏覽器的普及程度足夠讓你有理由有條件在實現動畫時使用更高效的方式。什麼是高效頁面是每一幀變化都是系統繪製出來的(GPU或者CPU)。但這種繪製又和PC遊戲的繪製不同,它的最高繪製頻率受限於顯示器的重新整理頻率(而非顯卡),所以大多數情況下最高的繪製頻率只能是每秒60幀(frame
Time of Update: 2017-02-27
有時需要擷取圖片的尺寸,這需要在圖片載入完成以後才可以。有三種方式實現,下面一一介紹。一、load事件<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>img - load event</title> </head> <body> <img
Time of Update: 2017-02-27
頁面裡的img元素,想要擷取它的原始大小,以寬度為例可能首先想到的就是width,如下<img src="jpg/rBEhVlNhh8wIAAAAAADmFBLo1twAAM26gOmCgYAAOYs716.jpg"> <script> var img = document.getElementsByTagName('img')[0] var width = getWH(img, 'width') // 690 <
Time of Update: 2017-02-27
寫在前面:一 直想系統的總結一下學過的javascript知識,喜歡這門語言也熱愛這門語言。未來想從事前端方面的工作,提前把自己的知識梳理一下。前面寫了些 DOM的知識,略覺水平有限。沒幾個月就要開赴找工作的前線,奈何自己還是個菜鳥,具體寫的時候還沒有一個完整的思路。多番考慮之後,決定還是翻譯外國的 經典系列文章,總結提升的同時,英語水平也可以上一個台階,雙管齊下,相信對以後肯定有好處。當然這個系列的文章已經有好多人翻譯過了,水平都挺高(我翻
Time of Update: 2017-02-27
在很多時候,我們一般採用navigator.userAgent和正則表達來判斷IE瀏覽器版本,下面介紹用IE瀏覽器中不同特性來判斷IE瀏覽器1 判斷IE瀏覽器與非IE 瀏覽器IE瀏覽器與非IE瀏覽器的區別是IE瀏覽器支援ActiveXObject,但是非IE瀏覽器不支援ActiveXObject。在IE11瀏覽器還沒出現的時候我們判斷IE和非IE經常是這麼寫的function isIe(){ return window.ActiveXObject ? true : false;