Time of Update: 2016-10-26
一個極為簡單的requirejs實現方法,requirejs實現require和 sea的源碼分析,我之前的部落格有寫過, 今天我想分享的是一個很簡單的核心代碼(不帶注釋和空行大概60行), 沒有容錯判斷。require.jsrequire函數實現用一句話概括:依次載入require的模組,然後監測script的onload事件,判斷所有模組載入成功,執行require的callback, 如果只帶一個參數且不是數組,就是載入成功後return
Time of Update: 2016-10-26
javascript滾輪控制類比捲軸,javascript滾輪此執行個體通過對滾輪事件的監聽,通過滾輪控制捲軸的上下移動,可以將其修改後運用與使用滾輪縮放圖片、改變透明度等特效。<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0
Time of Update: 2016-10-26
利用Angular.js限制textarea輸入的字數,angular.jstextarea前言大家可能都遇到過在輸入的時候做出限制的需求,本文介紹的是通過Angular.js限制textarea輸入字數的方法,有需要的朋友們可以參考以下執行個體。執行個體代碼如下<!DOCTYPE html><html><head><meta charset="utf-8" /><title>AngularJS
Time of Update: 2016-10-26
jQuery動態建立元素以及追加節點的實現方法,jquery節點我們知道js中有三種動態建立元素的方法,jQuery中也可以動態建立元素例如: var str = $("<a href='http://www.bkjia.com'>幫客之家</a>"); $("ul").append(str);
Time of Update: 2016-10-26
Javascript中內建函數reduce的應用詳解,javascriptreduce前言一般而言,可以通過reduce方法實現的邏輯都可以通過forEach方法來變相的實現,雖然不清楚瀏覽器的js引擎是如何在C++層面實現這兩個方法,但是可以肯定的是reduce方法肯定也存在數組的遍曆,在具體實現細節上是否針對數組項的操作和儲存做了什麼最佳化,則不得而知。數組的reduce方法的應用reduce方法有兩個參數,第一個參數是一個callback,用於針對數組項的操作;第二個參數則是傳入的初始值,
Time of Update: 2016-10-26
Node.js Sequelize如何?資料庫的讀寫分離,node.jssequelize一、前言在構建高並發的Web應用時,除了應用程式層要採取負載平衡方案外,資料庫也要支援高可用和高並發性。使用較多的資料庫最佳化方案是:通過主從複製(Master-Slave)的方式來同步資料,再通過讀寫分離(MySQL-Proxy)來提升資料庫的並發負載能力。1. replication選項與讀寫分離Sequelize
Time of Update: 2016-10-26
JS調用某段SQL語句的方法,jssql語句如何通過JS調用某段SQL語句,這樣的需求在報表、資料平台開發中很常見。以報表平台FineReport開發為例,例如在點擊某個按鈕之後,來判斷一下資料庫條數,再決定下一步操作。那這在後台如何?呢?解決思路實現這個功能,首先需要瞭解Finereport內建的公式,SQL函數,這個肯能大家都懂,就不做介紹了。調用FineRepor的內建公式:FR.remoteEvaluate("具體公式"),傳回值為:這個具體公式的結果。例如:var a =
Time of Update: 2016-10-26
利用JS實現點擊按鈕後圖片自動切換的簡單方法,js自動切換我麼常常看到一個網站的主介面的圖片可以切換自如,那麼又是如何?的呢?1.HTML頁面配置: Main(div) top(div)(顯示需要顯示的圖片) bottom
Time of Update: 2016-10-26
jQuery外掛程式實現可輸入和自動匹配的下拉框,jquery下拉框實現可輸入+帶自動匹配功能的下拉框,我試過以下幾種方法:1.直接使用h5的新標籤<datalist>,對應demo如下:<input list="browsers"><datalist id="browsers"> <option value="Internet Explorer"> <option value="Firefox"> <option value="
Time of Update: 2016-10-26
js在ie下開啟交談視窗的方法小結,js視窗對話方塊的性質分為模態對話方塊和非模態對話方塊:1.模態對話方塊:開啟該對話方塊之後,在該對話方塊之外的一切操作都是被禁止的,要想進行其他動作,必須先關閉本對話方塊。js命令:showModalDialog();2.非模態對話方塊:和模態對話方塊相反,開啟之後,仍可以進行對話方塊之外的操作。js命令:showModelessDialog();以上就是小編為大家帶來的js在ie下開啟交談視窗的方法小結全部內容了,希望大家多多支援幫客之家~
Time of Update: 2016-10-26
淺談Angular中ngModel的$render,angularngmodel在我開始著手ngModel的領域時候,有一個問題很令我糾結,那就是$render()到底是做什麼的呢?查了很多資料都只是簡單的描述一下,這就令我很糾結了,終於在一個陽光明媚的晚上,我終於解決了這個大問題那麼這個$render方法到底是幹什麼的呢?他的用處就是在$viewValue改變的時候可以重新綁定model資料,但是我們要注意一點($viewValue和DOM節點的value是不同的),我覺得他們的區別有點類似s
Time of Update: 2016-10-25
connection reset by peer問題總結及解決方案,connectionpeer 找遍了 中英文網站,翻遍了能找的角落,發現了出現故障的原因和原理,及改如何處理,這裡記錄下,希望能協助到有需要的小夥伴,少走點彎路, 以上就整理內容: connection reset by
Time of Update: 2016-10-25
使用BootStrap和Metroui設計的metro風格微網站或手機app介面,bootstrapmetroui今天使用bootstrap和metroui設計了一個metro風格的移動app或者微網站的介面程式的原始碼可以從此處獲得:https://github.com/mz121star/weixin-metro有喜歡的朋友可以拿去修改一下。<!DOCTYPE html><!--[if lt IE 7]><html class="no-js lt-ie9 lt-
Time of Update: 2016-10-25
js中利用cookie實現記住密碼功能,cookie記住密碼在登入介面添加記住密碼功能,我首先想到的是在java後台中調用cookie存放帳號密碼,大致如下:HttpServletRequest request HttpServletResponse responseCookie username = new Cookie("username ","cookievalue");Cookie password = new Cookie("password
Time of Update: 2016-10-25
公眾號-擷取使用者資訊(網頁授權擷取)實現步驟,公眾使用者資訊根據公眾號開發官方文檔:擷取使用者資訊步驟如下:1 第一步:使用者同意授權,擷取code2 第二步:通過code換取網頁授權access_token3 第三步:重新整理access_token(如果需要)4 第四步:拉取使用者資訊(需scope為 snsapi_userinfo)1
Time of Update: 2016-10-20
淺談float浮動,淺談floatfloat大概是css3以前網頁布局裡最常用的一個屬性了,經常看到一言不合就浮動的代碼,就一起來深入挖掘一下這個一半天使一半魔鬼的屬性吧。本文是讀張鑫旭大神慕課網float視頻後的一些總結及一些拓展用法,視頻地址:http://www.imooc.com/learn/121。該視頻初讀很枯燥,認真讀後會發現更枯燥。。。。。。不過遇到坑之後再去讀就會發現良心視頻,字字珠璣。閑話不多說,現在開始:1.float的起源 浮動最初的設計是用來做文字的環繞效果的,這也是
Time of Update: 2016-10-25
JavaScript實現頁面無操作倒計時退出,javascript倒計時項目前端頁面需要實現,頁面沒人操作進入倒計時,以下為前端代碼實現。//設定(倒計時功能)開關var _mouseActiveListener_flag = true;beforecount:觸發倒計時間隔(單位:毫秒)count:倒計時總數(單位:秒)var mouseActiveListener = function (beforecount, count, callback) { //configvar
Time of Update: 2016-10-20
js+css3製作時鐘特效,jscss3時鐘特效我們先來看看吧再來奉上源碼<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS3 鐘錶</title> <style> .clock{ position: relative; width: 200px; height: 200px;
Time of Update: 2016-10-20
小程式 教程之註冊程式,小程式教程系列文章:小程式 教程之模組化小程式 教程之註冊頁面小程式 教程之註冊程式App()App()函數用來註冊一個小程式。接受一個object參數,其指定小程式的生命週期函數等。object參數說明: 屬性 類型 描述 觸發時機 onLaunch Function 生命週期函數--監聽小程式初始化
Time of Update: 2016-10-20
小程式 教程之資料繫結,小程式綁定系列文章:小程式 教程之WXSS小程式 教程之引用小程式 教程之事件小程式 教程之模板小程式 教程之列表渲染小程式 教程之條件渲染小程式 教程之資料繫結小程式 教程之WXML資料繫結WXML中的動態資料均來自對應Page的data。簡單綁定資料繫結使用"Mustache"文法(雙大括弧)將變數包起來,可以作用於:內容<view> {{ message }} </view>Page({ data: { message: 'Hello