原创 ES6數組方法

1、reduce(); reduce()方法接收一個函數作爲累加器,數組中的每個值(從左到右)開始合併,最終爲一個值。 array.reduce(callback,initialValue); callback:執行數組中每個值的函數(也

原创 樣式初始化

樣式初始化  body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, i

原创 樹形菜單

樹形菜單  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio

原创 動態渲染表格收藏

;(function($) { $.fn.ZBTable = function(options) { var defaults = { evenRowClass: 'zbt-evenRow

原创 HTML5利用WebRTC的getUserMedia獲取攝像頭信息

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid

原创 獲取滾動條距離的幾種問題

//獲取滾動條當前的位置 function getScrollTop() { var scrollTop = 0; if(document.documentElem

原创 jQuery--load方法使用

load() 方法通過 AJAX 請求從服務器加載數據,並把返回的數據放置到指定的元素中。(load方法需在服務器狀態下生效) index.html <!DOCTYPE html> <html lang="en"> <head> <m

原创 去除數組中的空值----JS

//方法 Array.prototype.arrNull= function(){ var str = []; this.map(function(val,index){ if(val !== '' &&

原创 canvas手機簽名

<!doctype html> <html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt

原创 圖片點擊放大

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> </head> <body> <img src="./app/image/gril.jpg"> <scr

原创 JS當前時間獲取並轉化中國標準時間格式

function getNowFormatDate() { var date = new Date(); var seperator1 = "-"; var seperator2 = ":"; var m

原创 node連接mysql數據庫+做接口

首先安裝node 和 所需模塊(express、mysql) 建立數據庫 const express = require('express'); const app = express(); //解析表單的插件 const bodyP

原创 瀏覽器存儲

存數據 localStorage.setItem("name",data); 取數據 localStorage.getItem("name");

原创 JS 代碼模塊化

var module = (function() { var N = 5; function print(x) { console.log("The result is: " + x); }

原创 JS--prototype

function Rectangle(x, y) { this._length = x; this._breadth = y; } Rectangle.prototype.getDimensions = function