Time of Update: 2017-01-13
字串拼接在JS中是常遇到的,有時候遇到長字串的拼接就會比較麻煩了。比如html字串; 代碼如下複製代碼 var str = "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa";var str = "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa";
Time of Update: 2016-12-21
標籤:行資料 沒有 原因 全域 tar 接下來 替換 pre 規則 在上一篇文章中我們講了Regex的基本用法,接下來博主想聊聊其中的細節,今天就從正則修飾符開始吧。正則修飾符又稱為正則標記(f
Time of Update: 2016-12-21
標籤:格式 param java 自己 strong return 轉化 ber next 在平常項目開發過程中,經常會遇到需要在JavaScript中處理時間的情況,無非兩種(1,邏輯處理
Time of Update: 2016-12-17
標籤:define hello wrapper 原函數 函數對象 疑惑 rip undefined 運行 JavaScript中的this總是讓人迷惑,應該是js眾所周知的坑之一。
Time of Update: 2016-12-17
標籤:技術 開啟 錯誤處理 選項 記錄 機制 row style 需要 JavaScript錯誤處理與調試 學習要點:1.瀏覽器錯誤報表2.錯誤處理3.錯誤事件4.錯誤處理策略5.調試
Time of Update: 2016-12-23
詳解前端自動化工具gulp自動添加版本號碼,gulp版本號碼之前,我介紹了學習安裝並配置前端自動化工具Gulp,覺得gulp確實比grunt的配置簡單很多,於是我決定再深入學習一下gulp,就去網上查了資料,發現gulp還可以自動添加版本號碼,這個功能就為我平時在更新css或js時老是在用戶端存在緩衝導致更新後的效果無法即時展現的苦惱。所以就趕緊去試了一下,果真可以,很高興啊,真是為項目開發,為效果的快速展現提供了很多的便利。實現原理:1、修改js和css檔案;2、通過對js,css檔案內容進行
Time of Update: 2016-12-18
Javascript中call,apply,bind方法的詳解與總結,applybind以下內容會分為如下小節:1.call/apply/bind方法的來源2.Function.prototype.call()3.Function.prototype.apply() 3.1:找出數組中的最大數 3.2:將數組的空元素變為undefined 3.3:轉換類似數組的對象4.Function.prototype.bind()5.綁定回呼函數的對象6.call,apply,bind方法的聯絡和區別
Time of Update: 2016-12-14
jQuery實現類比flash頭像裁切上傳功能樣本,jquery裁切本文執行個體講述了jQuery實現類比flash頭像裁切上傳功能。分享給大家供大家參考,具體如下:是的,jq已經有類似的外掛程式了,或者乾脆用flash算了,為什麼我還要自己寫?因為造(wo)輪(bu)子(hui)也(flash)是一個學習的過程,輪子不會造,將來怎麼造飛機?先來一張最終:一、大概思路用js來做這個效果,先得將圖片A上傳到伺服器,關於非同步上傳的外掛程式有很多,不用外掛程式也可以參考本人上一篇部落格用純js的方式
Time of Update: 2016-12-14
javascript實現將數字轉成千分位的方法小結【5種方式】,javascript小結本文執行個體講述了javascript實現將數字轉成千分位的方法。分享給大家供大家參考,具體如下:儘管離過年還有兩個月之久,春運搶票的戰鬥已經打響了,悲劇的是我還沒搶到票,看到某瀏覽器上的數字時,想到一個經典面試題,沒錯,就是數字轉千分位。如將數字87463297轉成87,463,297,方法有很多種,我這裡只想到5種。1、利用正則的零寬度正預測先行斷言(?=exp),名字有點難記,意思是它斷言自身出
Time of Update: 2016-11-23
清除浮動方法解析,清除浮動解析清除浮動方法解析 清除浮動帶來的額外影響如果對於浮動不熟悉的同學,可以看看介紹float的文章。傳送門:CSS float我們知道,在一個父元素內如果遇到某個浮動元素,此時父元素的高度會發生塌陷。針對父元素高度塌陷的問題,現在已經有了很多的解決方案。針對每一個方案,我們來進行深度的剖析。添加空區塊層級元素這種方法比較容易,但是要注意的是這個空元素必須是一個區塊層級元素,不能是行內元素或者是行內塊元素。缺點就是多了一些沒有意義的標籤。代碼如下。//HTML&
Time of Update: 2016-11-22
JavaScript判斷瀏覽器對CSS3屬性是否支援的多種方法,javascriptcss3前言CSS3的出現讓瀏覽器的表現更加的豐富多彩,表現衝擊最大的就是動畫了,在日常書寫動畫的時候,很有必要去事先判斷瀏覽器是否支援,尤其是在寫CSS3動畫庫的時候。比如transition的animation-play-state,就只有部分瀏覽器支援。下面的方法可以使用指令碼判斷瀏覽器是否支援某一個CSS3屬性:第一種:javascript比較常用下面這個代碼:var support_css3 =
Time of Update: 2016-10-26
js阻止冒泡和預設事件(預設行為)詳解,js冒泡本文執行個體為大家分享了js阻止冒泡和預設事件方法,供大家參考,具體內容如下阻止冒泡。冒泡簡單的舉例來說,兒子知道了一個秘密訊息,它告訴了爸爸,爸爸知道了又告訴了爺爺,一級級傳遞從而引起事件的混亂,而阻止冒泡就是不讓兒子告訴爸爸,爸爸自然不會告訴爺爺了。下面的domo就是很好的例子。<!DOCTYPE html> <html> <head> <meta charset="UTF-8">
Time of Update: 2016-09-11
JS原型鏈 詳解及範例程式碼,js原型範例程式碼前言在 segmentfault 上看到這樣一道題目:var F = function(){};Object.prototype.a = function(){};Function.prototype.b = function(){};var f = new F();問:f 能取到a,b嗎?原理是什嗎?乍一看真的有點懵,仔細研究了一下,發現還是對原型理解不透徹,所以總結一篇,填個洞~Function和Object在解題之前,先再說說 原型、原型鏈,
Time of Update: 2016-08-22
Node.js中使用jQuery的做法,node.jsjquery做法首先,我們得安裝jquery, npm install jquery 。安裝後的版本是 3.1.0接著,第一感覺我們會使用 var $ = require('jquery') 。將以下代碼儲存為app.jsvar $ = require('jquery')$("body").append("<div>TEST</div>");console.log($("body").html());運行 node
Time of Update: 2016-08-22
AngularJS 依賴注入詳解及範例程式碼,angularjs範例程式碼依賴注入是一個在組件中給出的替代了硬的組件內的編碼它們的依賴關係的軟體設計模式。這減輕一個組成部分,從定位的依賴,依賴配置。這有助於使組件可重用,維護和測試。AngularJS提供了一個至高無上的依賴注入機制。它提供了一個可注入彼此依賴下列核心組件。值工廠服務提供者常值值值是簡單的JavaScript對象,它是用來將值傳遞過程中的配置相位控制器。//define a modulevar mainApp = angular.
Time of Update: 2016-08-12
IME的斷行符號與訊息發送快速鍵斷行符號的衝突解決方案,快速鍵解決方案問題:在中文IME輸入文字時按ENTER鍵;綁定keyup事件會將IME中的英文文字輸入到文字框並直接觸發發送按鈕鍵盤事件:當一個按鍵被pressed或者released,在每一個瀏覽器中都可能會觸發三種鍵盤事件keydownkeypresskeyupkeydown事件發生在按鍵被按下的時候,接著觸發keypress,鬆開按鍵的時候觸發keyup事件中文IME:firfox:輸入觸發keydown,斷行符號確認輸入觸發keyu
Time of Update: 2016-06-19
JS遍曆數組和對象的區別及遞迴遍曆對象、數組、屬性的方法詳解,js曆數廢話不多說了,直奔主題,你,具體代碼如下所示:<script> //----------------for用來遍曆數組對象-- var i,myArr = [1,2,3]; for (var i = 0; i < myArr.length; i++) { console.log(i+":"+myArr[i]); }; //---------for-in 用來遍曆非數組對象 var man ={hands:2
Time of Update: 2016-05-21
在JavaScript中對HTML進行反轉義詳解,javascript詳解在JavaScript中對字串進行轉義和反轉義操作,常用的方法莫過於使用encodeURI (decodeURI)、encodeURIComponent (decodeURIComponent)這幾個方法,具體使用方法和區別。但是如何在JavaScript中對HTML進行反轉義操作呢?例如下面這段代碼:var jsonData = { title: "<%= data.name? data.name :
Time of Update: 2016-04-20
html5+javascript實現簡單上傳的注意細節,html5javascript簡單記錄下今早做H5上傳中一些代碼還有坑一、展示因為前端上傳檔案是必須通過form表單的,不能使用ajax,這樣的話一個移動頁面放入一個type為file的input真心不怎麼好看,如,很挫有沒有解決辦法找了下,PC上有些是把這個input換成flash,採用jquery的工具庫比如uploadify來做,但是移動端大部分瀏覽器是不支援flash的。所以最後採用的辦法還是用form表單的形式,只是把這個form
Time of Update: 2016-04-15
詳解jQuery中的empty、remove和detach,jquerydetach 通過一張對比表來解釋幾個方法之間的不同三者都有把元素移除的作用,但細微的差別,造就了它們的使命不同。最權威的解釋當然是jQuery_API咯,下面是API中關於他三兒的部分截取。一、empty:This method removes not only child (and other descendant) elements, but also any text within the set of