JavaScript

原生js實現jquery函數animate()動畫效果的簡單一實例，jqueryanimate通過在公司一個月的實習，慢慢的對css跟html算是比較熟悉了，這幾天開始研究js，今天用js寫了一個jquery的animate函數，測試了下，效能還可以。個人覺得jquery並不是萬能的，因為是個架構，所以有些東西寫的比較死，就像animate函數一樣，可選的參數不多有時候可能並不能實現我們想要的效果。 　　

全面解析標籤頁的切換方式，全面解析標籤切換標籤頁的切換方式如下所示：1、控制tab的顯示與隱藏2、tab不切換，資料載入控制tab的顯示與隱藏前端指令碼:1、jquery實現：$(function(){$(".sdkj-tabs li").click(function() {$(this).addClass("on").siblings().removeClass("on");var index=$(".sdkj-tabs

JSONP和大量操作功能的實現方法，jsonp功能實現推薦一個好用的線上 Markdown 編輯器，比我自己用 Python 編譯成 markdown 要方便多了。[http://mahua.jser.me]markdown簡明文法教程[http://www.appinn.com/markdown/]好東西會讓人免費為其推廣，希望我自己也能做出幾個有用的小工具。一、JSONP的使用jsonp，是一種資料格式，用來解決跨域問題。比如，在 admin.chugang.net 需要一個二維碼，而在

原生JS實現輪播效果+學前端的感受(防止走火入魔)，js走火入魔外掛程式！外掛程式！天天聽到有人求這個外掛程式，那個外掛程式的，當然，用第三方外掛程式可以大幅提高開發效率，但作為新手，我還是喜歡自己來實現，主要是我有時間！今天我來給大家分享下用原生JS實現圖片輪播的寫法前輩們可以無視下面這段廢話：在開始之前，先說下我學前端到現在的一點感受。到今天應該有兩個月左右了吧，基本每天6-10小時的學習時間，純自學，據說培訓不靠譜！本人目前的階段是只會三大件（HTML5、CSS3、javascript）,

利用原生JS自動產生文章標題樹的執行個體，js文章標題實現原理很簡單，就是迴圈文章模組，並抽取其中的h2、h3標籤，將其中的內容賦予給建立的title樹。代碼如下：HTML代碼：<div class="contextBox"> <div id="article"> <h2>二級標題</h2> <h3>三級標題</h3> <p>hello hello hello hello hello hello

響應式表格之固定表頭的實現，響應表格表頭資料展示時，表頭的固定，可以有更好的可讀性。一、實現方式：1、定義2個表格，一個absolute固定<div class="table1-wapper"> <table width="100%" cellpadding="0" cellspacing="0" id="table1">

sass初級文法，sass用到的sass文法是:sass --watch test.scss:test.css --style compact --style expanded如:1 自訂變數test.scss內容是:$color: black;.test1 { background-color: $color;} 編譯成test.css內容是:.test1 { background-color: black;} 2 在字串內加變數test.scss內容是:$left:

chrome 調試 SASS，chrome調試sass第一步: 執行sass先行編譯命令先來我的專案檔夾結構:->進入sass /css檔案下->開啟cmd命令 ->輸入sass --watch --scss  test.scss:test.css     如:-> 進入sass項目發現檔案多了test.css.map和test.css兩個檔案夾,如:這裡產生的test.css.map是chrome調試的關鍵

jQuery EasyUI datagrid在翻頁以後仍能記錄被選中行的實現代碼，jqueryeasyui1、先給出問題解決後的代碼<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt"%><%String path = request.getContextPath(

JavaScript實戰之帶收放動畫效果的導覽功能表，javascript導覽功能表雖然有很多外掛程式可用，但為了共同提高，我做了一系列JavaScript實戰系列的執行個體，分享給大家，前輩們若有好的建議，請務必指出，免得誤人子弟啊！今天是第一戰：帶收放動畫效果的菜單，效果如：（樣式有點醜(-^-)） （ 由於在寫本文時，用的編輯器不同，暫時添加不了示範效果，這裡有：最終完整代碼和示範

jQuery解決input元素的blur事件和其他非表單元素的click事件衝突問題，jqueryblurHTML結構：很簡單，就一個input,一個div，能說明問題就OK了；<input type="text"

總結Node.js中的一些錯誤類型，總結node.js類型前言Node.js應用中可能會發生多種類型的錯誤。如：當出現語法錯誤或執行階段錯誤時，會觸發JavaScript錯誤；當試圖試訪問一個不存在或沒有訪問的檔案時，會觸發系統錯誤；除JavaScript錯誤和系統錯誤錯誤外，使用者還可以自訂錯誤。1.

淺談JS繼承_寄生式繼承 & 寄生組合式繼承，淺談js繼承寄生5.寄生式繼承與寄生建構函式和原廠模式類似，建立一個僅用於封裝繼承過程的函數，該函數在內部以某種方式來增強對象，最後返回對象。function createAnother(original){ var clone = Object.create(original); //通過調用函數建立一個新對象 clone.sayHi = function(){ //以某種方式來增強這個對象 alert("Hi"); }; return

DOM中事件處理概覽與原理的全面解析，dom全面解析事件是一種非同步編程的實現方式，本質上是程式各個組成部分之間的通訊，DOM支援大量的事件； 本文通過這幾點向大家詳細解析事件處理的基本原理：事件類型、事件目標、事件處理常式、事件對象、事件傳播最後再向大家介紹Event對象； 一、事件類型(event type)：是一個用來說明發生了什麼類型事件的全小寫字串，如‘mouseover'傳統事件類型：表單事件，Window事件，滑鼠事件，鍵盤事件，DOM事件，

JavaScript裡 ==與===區別詳解，javascript詳解1、對於string,number等基礎類型，==和===是有區別的1）不同類型間比較，==之比較“轉化成同一類型後的值”看“值”是否相等，===如果類型不同，其結果就是不等2）同類型比較，直接進行“值”比較，兩者結果一樣2、對於Array,Object等進階類型，==和===是沒有區別的進行“指標地址”比較3、基礎類型與進階類型，==和===是有區別的1）對於==，將進階轉化為基礎類型，進行“值”比較2）因為類型不同，===

淺談JS繼承_借用建構函式 & 組合式繼承，淺談js借用建構函式2.借用建構函式為解決原型中包含參考型別值所帶來的問題， 我們使用一種叫做 借用建構函式（constructor stealing）的技術（又叫偽造對象或經典繼承）。這種技術的基本思想：在子類建構函式內部調用超類型建構函式。通過使用apply()和call()方法可以在新建立的子類對象上執行建構函式。function SuperType(){ this.colors = ["red", "blue",

你知道setTimeout是如何啟動並執行嗎?，setTimeout運行大家看下如下代碼，猜猜執行結果：var start = new Date;setTimeout(function(){ console.log('時間流逝了:'+(new Date - start)+'毫秒');}, 200);while (new Date - start < 1000) {}console.log(1);function doSoming(){ setTimeout(function(){

AngularJS指令詳解及範例程式碼，angularjs範例程式碼AngularJS指令用於擴充HTML。這些都是先從ng- 首碼的特殊屬性。我們將討論以下指令：ng-app - 該指令啟動一個AngularJS應用。ng-init - 該指令初始化應用程式資料。ng-model - 此指令定義的模型，該模型是變數在AngularJS使用。ng-repeat - 該指令將重複集合中的每個項目的HTML元素。ng-app指令ng-app

BOM系列第三篇之定時器應用(時鐘、倒計時、秒錶和鬧鐘)，bom第三篇時鐘　　最簡單的時鐘製作辦法是通過Regex的exec()方法，將時間對象的字串中的時間部分截取出來，使用定時器重新整理即可<div id="myDiv"></div><script>myDiv.innerHTML = /\d\d:\d\d:\d\d/.exec(new Date().toString())[0];setInterval(function(){myDiv.innerHTML

BOM系列第二篇之定時器requestAnimationFrame，三菱q系列定時器引入　　計時器一直是javascript動畫的核心技術。而編寫動畫迴圈的關鍵是要知道延遲時間多長合適。一方面，迴圈間隔必須足夠短，這樣才能讓不同的動畫效果顯得平滑流暢；另一方面，迴圈間隔還要足夠長，這樣才能確保瀏覽器有能力渲染產生的變化　　大多數電腦顯示器的重新整理頻率是60Hz，大概相當於每秒鐘重繪60次。大多數瀏覽器都會對重繪操作加以限制，不超過顯示器的重繪頻率，因為即使超過那個頻率使用者體驗也不會有提升。因