Time of Update: 2017-01-19
本人做前端開發一年多了,對前端的見解還是多多少少有一點的,今天特拿出來跟大家分享分享。做前端開發少不了各種利器。比如我習慣用的還是Google瀏覽器和重型武器Fiddller。一: 原始情況首先大家看看如下的代碼:複製代碼 代碼如下:<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="JsLoad.Default" %><!DOCTYPE html
Time of Update: 2017-01-19
代碼很簡單,只是給大家一個思路的,這裡就不多廢話了,奉上源碼:複製代碼 代碼如下:<!DOCTYPE html><html><head><title>微信Js API Demo</title><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><link rel="dns-prefetch"
Time of Update: 2017-01-19
本文執行個體講述了javascript實現單擊和雙擊並存的方法。分享給大家供大家參考。具體分析如下:在我們進行網頁開發的過程中經常會遇到這麼一個問題,為一個連結註冊雙擊事件,或者讓一個按鈕或者其他元素上面同時註冊單擊或者雙擊事件,這時候我們發現網頁中的雙擊事件似乎永遠都不會起作用,原因是當我們點擊一次的時候,就被超連結或者單擊事件截獲了,本文描述了一個如何解決這個技術問題的具體方法。本解決方案的實現原理是,單擊事件和雙擊事件都調用同一個方法,我們根據兩次滑鼠點擊的間隔時間來判斷到底是單擊還是雙擊
Time of Update: 2017-01-19
本文執行個體分析了Javascript數組與字典用法。分享給大家供大家參考。具體分析如下:Javascript 的數組Array,既是一個數組,也是一個字典(Dictionary).先舉例看看數組的用法。複製代碼 代碼如下:var a = new Array(); a[0] = "Acer"; a[1] = "Dell"; for (var i in a) {
Time of Update: 2017-01-19
通常我們的網站裡面會載入一些js代碼,統計啊,google廣告啊,百度同盟啊,阿里媽媽廣告代碼啊,一堆,最後弄得頁面載入速度很慢,很慢。解決辦法:換一個js包含的方式,讓javascript載入速度倍增。把通常載入方式: <script src="xxxx.js"></script>改變成:複製代碼 代碼如下:<script type="text/javascript">document.write("<scr"+"ipt src=\"xxx.js\"&
Time of Update: 2017-01-19
加速運動,即一個物體運動時速度越來越快;減速運動,即一個物體運動時速度越來越慢。現在用Javascript來類比這兩個效果,原理就是用setInterval或setTimeout動態改變一個元素與另外一個元素的距離,如xxx.style.left或xxx.style.marginLeft,然後每次運動後都使速度增加,這樣加速運動的效果就出現了,減速運動是同樣的道理。下面是兩個樣本:加速運動複製代碼 代碼如下:<!DOCTYPE
Time of Update: 2017-01-19
代碼超級簡單,這裡就不多廢話了,小夥伴們自己看注釋吧,奉上代碼:複製代碼 代碼如下:<script>//微信分享var wimg = "分享圖片網址123";var wurl = "分享網址123";var wdesc = '分享內容123';var wtit = '分享標題123';var wappid = ''; function shareMsg() {//<span style="font-family: Arial, Helvetica,
Time of Update: 2017-01-19
一、表單驗證form1、建立一個新的表單:複製代碼 代碼如下:<form id="id是唯一的,不可重複" name=“可重複”,method="post/get",action="目標或地址,負責處理的服務端,將文本等傳輸到什麼地方">//方法1:post提交後無長度限制,且編碼後內容不可見。//方法2:get提交有長度限制,並且編碼後的內容在地址欄可見(input
Time of Update: 2017-01-19
複製代碼 代碼如下:<title>JS倒計時網頁自動跳轉代碼</title> <script language="JavaScript" type="text/javascript"> function delayURL(url) { var delay = document.getElementById("time"
Time of Update: 2017-01-19
本教程教你如何使用Javascript限制輸入英文,或限制輸入中文。禁止輸入英文:複製代碼 代碼如下:<input type="text" onkeypress="return event.keyCode>=48&&event.keyCode<=57||(this.value.indexOf('.')<0?event.keyCode==46:false)" onpaste="return !clipboardData.getData('text').match(/
Time of Update: 2017-01-19
以下這串json資料用來儲存預先載入的圖片路徑:複製代碼 代碼如下:var imgData = [ { name: "p1", src: "images/p1.jpg" }, { name: "p2", src: "images/p2.jpg" }, { name: "p3", src: "images/p3.jpg" }, { name: "p4",
Time of Update: 2017-01-19
具體解釋都在注釋裡,這裡就不多廢話了,直接奉上代碼複製代碼 代碼如下:<script type="text/javascript">/** 智能機瀏覽器版本資訊:**/ varbrowser={ versions:function(){ varu = navigator.userAgent, app =
Time of Update: 2017-01-19
看到網上一篇介紹webstrom的文章,覺得功能確實強大,也知道為什麼阿里巴巴的前端傳到github上的檔案為啥都有一個 .idea 檔案,(傳說淘寶內部推薦寫js用webstrom)我們可以理解 IDE 就是整合了很多你想要的功能,或者你不想要的功能。換句話說就是裝了很多外掛程式的 editor ,所以到目前為止,我還覺得沒必要給它裝什麼外掛程式。那麼接下來開始介紹webstrom的特色功能:WebStorm 是 JetBrains 推出的一款商業的 JavaScript
Time of Update: 2017-01-19
This對象在js中就一直是個坑貨,很難判斷它到底指向什麼,而我們由於來自C++或者python的self的經驗,又常常會犯這一類的錯誤。接下來就詳細地講一下this對象的歸屬。rule1:全域環境的thisjavascript的環境天生就由函數來決定,在js裡不能通過代碼塊隔開上下文,不被函數所包裹的環境就是全域環境,全域環境中的this就指向全域變數window,看下面一個例子複製代碼 代碼如下:var
Time of Update: 2017-01-19
也不知道從什麼時候開始,前端圈冒出了個新詞:對象深度複製。看起來好像很高大上的樣子,實際上並不新鮮,在我們的實際項目開發中,你可能早已用到,只不過由於漢字的博大精深,有些原本很簡單的事物被一些看似專業的詞彙稍加修飾,就變得神秘起來了。首先為什麼要將一個對象進行深複製?請允許我進行一個猜測:你有時一定會認為js的內建對象document太長,那麼你可能會這樣做:複製代碼 代碼如下:var d = document;d.by = function(id){
Time of Update: 2017-01-19
相信每一個 javascript 學習者,都會去瞭解 JS 的各種基礎資料型別 (Elementary Data Type),數組就是資料的組合,這是一個很基本也十分簡單的概念,他的內容沒多少,學好它也不是件難事情。但是本文著重要介紹的並不是我們往常看到的 Array,而是 ArrayBuffer。我寫的很多東西都是因為要完成某些特定的功能而刻意總結的,可以算是備忘,本文也是如此!前段時間一直在研究 Web Audio API 以及語音通訊相關的知識,內容側重於音頻流在
Time of Update: 2017-01-19
代碼很簡單,就不多廢話了,奉上代碼:複製代碼 代碼如下:// 取當前頁面名稱(不帶尾碼名)function getPageName1(){ var a = location.href; var b = a.split("/"); var c = b.slice(b.length-1, b.length).toString().split(".");
Time of Update: 2017-01-19
現在的JavaScript事實上已然成為了流行的web語言,即使它並不完美。很多程式員不喜歡用JavaScript寫代碼,是因為寫到後來總會出現各種莫名其妙的bug,而且在開發大型應用程式的過程中很容易犯錯。而且鑒於當今此類工具的現狀,要想在瀏覽器上做JavaScript調試也不是那麼方便。 下面這幾個基於案頭和WEB的JavaScript調試工具,能讓你更高效地調試JavaScript代碼,這樣就可以:更有效地處理動態類型使應用程式更符合編碼通訊協定 Firebug Firebug已經出
Time of Update: 2017-01-19
之前使用JavaScript的時候,時不時的會遇到使用 == 和 === 這兩個符號來判斷兩個變數是否相等。但是對於這兩個符號的差別一直沒有去調查。今天又遇到了 ===
Time of Update: 2017-01-19
代碼很簡單,我這裡就不多廢話了,直接奉上源碼:複製代碼 代碼如下:<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath =