JavaScript

一個極為簡單的requirejs實現方法，requirejs實現require和 sea的源碼分析，我之前的部落格有寫過， 今天我想分享的是一個很簡單的核心代碼（不帶注釋和空行大概60行）， 沒有容錯判斷。require.jsrequire函數實現用一句話概括：依次載入require的模組，然後監測script的onload事件，判斷所有模組載入成功，執行require的callback， 如果只帶一個參數且不是數組，就是載入成功後return

javascript滾輪控制類比捲軸，javascript滾輪此執行個體通過對滾輪事件的監聽，通過滾輪控制捲軸的上下移動，可以將其修改後運用與使用滾輪縮放圖片、改變透明度等特效。<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0

利用Angular.js限制textarea輸入的字數，angular.jstextarea前言大家可能都遇到過在輸入的時候做出限制的需求，本文介紹的是通過Angular.js限制textarea輸入字數的方法，有需要的朋友們可以參考以下執行個體。執行個體代碼如下<!DOCTYPE html><html><head><meta charset="utf-8" /><title>AngularJS

jQuery動態建立元素以及追加節點的實現方法，jquery節點我們知道js中有三種動態建立元素的方法，jQuery中也可以動態建立元素例如： var str = $("<a href='http://www.bkjia.com'>幫客之家</a>"); $("ul").append(str);

JavaScript實現視窗抖動效果，javascript視窗抖動原理介紹　　抖動其實是往複運動的一種特殊形式，只不過往複運動是一種無摩擦力的無限運動，且以速度為參照依據；而抖動以位置作為參照依據，最終停在起始點　　在網頁中最常見的一種抖動效果應該是視窗抖動提示了　　抖動元素從起始點開始，先向右移動最大距離len，然後移動到對稱的左邊位置；然後再向右移動稍微小一點的距離，再移動到對稱的左邊位置；以此迴圈，最終元素停止在起始點代碼實現　　抖動在代碼實現上，無非就是通過定時器，每隔一段時間讓left

yarn與npm的命令列小結，yarnnpm命令列一、首先需要瞭解的命令     npm install === yarn —— install 安裝是預設行為。     npm install taco --save === yarn add taco —— taco 包立即被儲存到 package.json 中。     npm uninstall taco --save

Javascript中內建函數reduce的應用詳解，javascriptreduce前言一般而言，可以通過reduce方法實現的邏輯都可以通過forEach方法來變相的實現，雖然不清楚瀏覽器的js引擎是如何在C＋＋層面實現這兩個方法，但是可以肯定的是reduce方法肯定也存在數組的遍曆，在具體實現細節上是否針對數組項的操作和儲存做了什麼最佳化，則不得而知。數組的reduce方法的應用reduce方法有兩個參數，第一個參數是一個callback，用於針對數組項的操作；第二個參數則是傳入的初始值，

Bootstrap模態框禁用空白處點擊關閉，bootstrap模態模態框（Modal）是覆蓋在父表單上的子表單。通常，目的是顯示來自一個單獨的源的內容，可以在不離開父表單的情況下有一些互動。子表單可提供資訊、互動等。bootstrap的模態框在預設情況下，點擊其他空白地區（通常是遮罩層），模態框會被關閉，那麼以下方法就是禁止點擊其他地區關閉模態框。$('#myModal').modal({backdrop: 'static', keyboard:

Node.js Sequelize如何?資料庫的讀寫分離，node.jssequelize一、前言在構建高並發的Web應用時，除了應用程式層要採取負載平衡方案外，資料庫也要支援高可用和高並發性。使用較多的資料庫最佳化方案是：通過主從複製(Master-Slave)的方式來同步資料，再通過讀寫分離(MySQL-Proxy)來提升資料庫的並發負載能力。1. replication選項與讀寫分離Sequelize

canvas實現手機端用來上傳帳戶圖片的代碼，canvas帳戶圖片廢話不多說了直接給大家介紹canvas實現手機端用來上傳帳戶圖片的代碼，具體代碼如下所示：<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style>label{height:40px;width:100px;border:1px solid

angularJs關於指令的一些冷門屬性詳解，angularjs冷門詳解我們使用ng的時候，經常會使用到指令，大家所熟知的屬性我在這裡就不介紹了，講講大家沒怎麼留意的屬性1.multiElement這是指定指令作用區間的功能，最常用的就是ng-repeat-start和ng-repeat-end了。2.priority指令優先順序，優先順序越高，指令越早執行。3.terminal是否允許優先順序低的指令起作用，如果是true，那麼只有比當前指令或跟當前指令等級相同的指令才可以執行。最典型的就是n

jQuery外掛程式實現可輸入和自動匹配的下拉框，jquery下拉框實現可輸入+帶自動匹配功能的下拉框，我試過以下幾種方法：1.直接使用h5的新標籤<datalist>，對應demo如下：<input list="browsers"><datalist id="browsers"> <option value="Internet Explorer"> <option value="Firefox"> <option value="

JavaScript數組去重的幾種方法效率測試，javascript數組以下是我針對網上三種高效率方法總結與效率測試，如果大家有更好的意見或建議也可以提出，大家共勉學習。數組去重法1：Array.prototype.unique1 = function(){ console.time("數組去重法1"); 　　//記錄開始執行的時間 var arr = []; 　　 //建立一個臨時數組 var obj = {}; 　　//建立一個Null 物件 for(var i = 0; i <

H5移動端適配 Flexible方案，h5flexible一、移動端一些概念視覺稿 （選取一款手機的螢幕寬高作為基準）在前端開發之前，視覺 MM會給我們一個psd檔案，稱之為視覺稿。對於移動端開發而言，為了做到頁面高清的效果，視覺稿的規範往往會遵循以下兩點：1）首先，選取一款手機的螢幕寬高作為基準(以前是iPhone4 的320×480，現在更多的是iphone6的 375×667)。2）對於retina 螢幕(如: dpr=2)，為了達到高清效果，視覺稿的畫布大小會是基準的2

js在ie下開啟交談視窗的方法小結，js視窗對話方塊的性質分為模態對話方塊和非模態對話方塊：1.模態對話方塊：開啟該對話方塊之後，在該對話方塊之外的一切操作都是被禁止的，要想進行其他動作，必須先關閉本對話方塊。js命令：showModalDialog();2.非模態對話方塊：和模態對話方塊相反，開啟之後，仍可以進行對話方塊之外的操作。js命令：showModelessDialog();以上就是小編為大家帶來的js在ie下開啟交談視窗的方法小結全部內容了，希望大家多多支援幫客之家~

JS封裝的三級聯動菜單(使用時只需要一行js代碼)，前言在實際的項目開發中，我們經常需要三級聯動，比如省市區的選擇，商品的三級分類的選擇等等。而網上卻找不到一個代碼完整、功能強大、使用簡單的三級聯動菜單，大都只是簡單的講了一下實現思路。下面就給大家分享我在工作中封裝並在項目中使用的三級級聯作業碼，如有錯誤或者不當的地方歡迎大家指正。使用簡單(只需要一行代碼)可以根據需要設定是否顯示“請選擇”項支援回調(在三級分類載入完成後觸發回調事件)支援一個頁面多個串聯功能表示範效果預覽：三級聯動封裝原理：將

淺談Angular中ngModel的$render，angularngmodel在我開始著手ngModel的領域時候，有一個問題很令我糾結，那就是$render()到底是做什麼的呢？查了很多資料都只是簡單的描述一下，這就令我很糾結了，終於在一個陽光明媚的晚上，我終於解決了這個大問題那麼這個$render方法到底是幹什麼的呢？他的用處就是在$viewValue改變的時候可以重新綁定model資料，但是我們要注意一點($viewValue和DOM節點的value是不同的)，我覺得他們的區別有點類似s

小程式（應用號）開發新聞用戶端執行個體，小程式執行個體下載最新版的小程式開發工具，目前是v0.9.092300：https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html官方文檔：https://mp.weixin.qq.com/debug/wxadoc/dev/index.htmlgit：http://git.oschina.net/dotton/news先看下：Paste_Image.png一、建立應用1.內測階段對於無內

小程式 購物車簡單一實例，小程式購物車執行個體小程式，這裡實現購物車功能的小demo,有需要此功能的朋友可以參考下。摘要: 加減商品數量，匯總價格，全選與全不選設計思路：一、從網路上傳入以下Json資料格式的數組 1.購物車id：cid 2.標題title 3.數量num 4.圖片地址 5.價格price 6.小計 7.是否選中selected二、點擊複選框toggle操作 如已經選中的，經點擊變成未選中，反之而反之 點擊依據index作為標識，而不用cid，方便遍曆三、全選操作

小程式 繪圖之餅圖實現，小程式小程式的推出，無疑將會在移動互連網行業裡再次掀起風浪。有人會質疑小程式會不會火， 會不會火我不知道，