原创 javascript數據類型和變量命名規範

javascript中有六種基本的數據類型: null:空、無。表示不存在,當爲對象的屬性賦值爲null,表示刪除該屬性 undefined:未定義。當聲明變量卻沒有賦值時會顯示該值。可以爲變量賦值爲undefined number

原创 javascript中的獲取URL中指定的查詢字符串

function getSearchString(key) { // 獲取URL中?之後的字符 var str = location.search; str = str.substring(1,str.length

原创 javascript本地對象、內置對象、宿主對象和自定義對象

1. 本地對象       ECMA-262把本地對象(native object)定義爲“獨立於宿主環境的ECMAScript實現提供的對象”。       此處的宿主環境,簡單來說就是用戶的機器環境,包括操作系統和瀏覽器。    

原创 學習Javascript閉包(Closure)

在javascript中,子函數可以讀取父函數中的變量,而父函數卻無法讀取子函數中的變量,就像是兒子可以花父親的錢,而父親卻不能花兒子的錢。而閉包要做的就是把兒子的錢拿出來給父親花。 閉包通過在子函數的內部定義一個新的函數fn,fn

原创 javascript阻止冒泡和默認事件(默認行爲)

阻止冒泡。冒泡簡單的舉例來說,兒子知道了一個祕密消息,它告訴了爸爸,爸爸知道了又告訴了爺爺,一級級傳遞從而引起事件的混亂,而阻止冒泡就是不讓兒子告訴爸爸,爸爸自然不會告訴爺爺了。下面的domo就是很好的例子。 <!DOCTYPE html

原创 javascript事件的綁定

由於html是從上至下加載的,通常我們如果在head部分引入javascript文件,那麼我們都會在javascript的開頭添加window.onload事件,防止在文檔問加載完成時進行DOM操作所出現的錯誤。如果有多個javascri

原创 javascript拖拽盒子移動的實現

原理比較簡單,可以參照之前的文章javascript淘寶主圖放大鏡功能幫助理解。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <

原创 AJAX實現瀑布流佈局

瀑布流是當前一種比較流行的網站界面佈局方式,參差不齊的多欄佈局以及到達底部自動加載的方式,使網站在視覺和用戶體驗上都能得到較大的提升。最早使用此佈局的是國外的圖片網站Pinterest,之後國內的一些圖片網站也開始使用瀑布流佈局,包括和P

原创 javascript滾輪控制模擬滾動條

此實例通過對滾輪事件的監聽,通過滾輪控制滾動條的上下移動,可以將其修改後運用與使用滾輪縮放圖片、改變透明度等特效。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <t

原创 javascript實現動畫的聯動

最近在做一個網站的時候用到了圖片聯動的效果,然後覺得不錯,就把其中圖片聯動的部分copy出來分享一下,其中包含圖片的左右滾動,自定義滾動條,滾動條控制圖片的滾動。 html部分: <!DOCTYPE html> <html> <head

原创 jQuery選擇器

1、基礎知識 jQuery入口函數與js入口函數的區別 js入口函數指的是:window.onload = function() {}; 區別一:書寫個數不同 Js入口函數只能出現一次,出現多次會存在事件覆蓋的問題。 jQuery的

原创 Ajax工作原理以及函數的簡單封裝

什麼是AJAX? AJAX = Asynchronous JavaScript and XML(異步的 JavaScript 和 XML)。 AJAX 不是新的編程語言,而是一種使用現有標準的新方法。 AJAX 是與服務器交換數據並更新部

原创 Express與Koa中間件機制分析(二)

前言 在Express與Koa中間件機制分析(一)中我們有提到,Express 爲線型模型,而 Koa 則爲洋蔥型模型,之前我們已經通過解析 connect 的源碼對 Express 中間件機制進行了分析,本篇文章我們將對 Koa 的

原创 Express與Koa中間件機制分析(一)

提到 Node.js 開發,不得不提目前炙手可熱的2大框架 Express 和 Koa。 Express 是一個保持最小規模的靈活的 Node.js Web 應用程序開發框架,爲 Web 和移動應用程序提供一組強大的功能。目前使

原创 js水印生成工具

watermark 水印生成工具 歡迎star github 安裝 npm npm install @fisher-zh/watermark script <script src="./dist/watermark.mi