原创 Javascript漂流記(上)__條件語句、循環語句

開喫前,二哥想吟詩一首: 此係列套餐屬二哥原創,整理自 "渡一教育Javascript課程" ,一個值得推薦的"渡一教育"。   今日套餐:條件語句、循環語句 一、條件語句: if(true){

原创 Javascript漂流記(上)__this、克隆

一、this(粗糙的說,平時指向window,後期誰調用就指誰)     1、函數預編譯時。this --> window function test(){ console.log(this);/

原创 Javascript漂流記(上)__對象、包裝類

一、對象     1、創建一個對象,對象有一些屬性和方法。 var obj = { name : 'object', age : 20,

原创 Javascript漂流記(上)__原型、原型鏈、toString、call/apply

一、原型:是function對象的一個屬性,是構造函數製造出對象的公共祖先。通過該構造函數產生的對象,可以繼承原型的屬性和方法。原型也是對象。             提取公有屬性: //Person.prototype

原创 Javascript漂流記(上)__數組、類數組

一、數組:        1、定義方式:             數組字面量var arr = [1,2,3,4,5];             構造方法var arr = new Array(1,2,3,4,5);           

原创 Javascript漂流記(上)__Dom淺談

DOM:提供了一些方法,可以操作html和xml 一、DOM基本操作(document代表整個文檔,html只是文檔裏的根標籤)      1、查看元素節點          document.getElementById(ie8以下,同

原创 動態規劃 -- 鋼條切割問題

給定一段長度爲n英寸的鋼條和一個價格表p,求切割鋼條方案(鋼條的長度均爲整英寸),使得銷售收益最大。 我們可以計算出長度爲n英寸的鋼條共有2的(n-1)次方種不同的切割方案。 爲解決規模爲n的原問題,我們可以這樣考慮。先求解形式

原创 常見排序算法整理

本文整理了常見的有關排序的算法,包含以下七種: 冒泡排序(bubble sort) 選擇排序(selection sort) 插入排序(insertion sort) 歸併排序(merge sort) 快速排序(quick so

原创 漢諾塔小遊戲 - 原生Javascript製作

本次介紹的是漢諾塔遊戲的製作:界面非常簡單,主要利用CSS3的flex佈局,很快就可以完成。接下來主要分享一下js的功能實現 // 一些基本配置 var config = { minWidth: 50, addWidt

原创 深入淺出Webpack

原文鏈接:https://webpack.wuhaolin.cn/ 近期挖掘到一篇非常不錯的webpack學習文檔,在這裏分享給大家。 深入淺出Webpack  文檔結構非常清晰,從基本使用,結

原创 五子棋小遊戲 - 原生Javascript製作

  var config = { piecesArr : null, nextPieces : 1, //下一個棋子 rowNum: 15, columnNum: 15, piecesBox :

原创 JavaScript漂流記(下)__jQuery封裝(簡易版)

在學習jQuery的過程中,我們不僅需要掌握使用方法,更重要的是理解方法實現原理,在學習過程中,跟着老師整理了jQuery中常用方法的實現(僅僅實現了部分功能),有助於我們更靈活、更全面的掌握jQuery。 (function(){

原创 Javascript漂流記(下)__bind方法使用、bind方法實現及jQuery.proxy()使用

前面我們學習了改變this指向的兩個方法:call、apply 下面要隆重介紹第三種改變this指向的方法 ——bind 首先我們通過非常簡單的一小段代碼看一下bind的基本使用: var x = 10; functio

原创 Javascript漂流記(上)__繼承模式、命名空間、對象枚舉

一、繼承模式        1、傳統形式 --> 原型鏈              缺點:過多地繼承了沒用的屬性        2、借用構造函數              call/apply,可借用別人的方式實現自己的功能。      

原创 Javascript漂流記(上)__作用域鏈、閉包、立即執行函數

一、作用域[[scope]]:     存儲了執行期上下文的集合(作用域鏈)     參照下圖代碼:     a函數被定義時:a.[[scope]]--> 0:GO{}     a函數執行時:a.[[scope]]--> 0:aAO{}