js框架源碼
❶ 淘寶使用源代碼（JS）有沒有什麼規則
我是用Jquery來做的，它是JS輕量極的框架。所以有個文件包，進行導入使用。使用JS不需要導包的，不過有些麻煩的~我還得去研究下的~
❷ 哪些JavaScript 框架的源代碼最值得閱讀和學習
推薦順序：
underscore.js:一個JavaScript實用庫，提供了一整套工具方法，github上有帶注釋的源碼，一千多行。學習一下封裝那些常用api的最佳實踐。
zepto.js:jquery的移動版？源碼也不多
backbone.js: 兩千多行的MVC框架，在閱讀angular源碼之前先閱讀一個經典而輕量的backbone吧
這三個是開始閱讀源碼比較推薦的，除此之外可以看一些UI框架，一些經典輪子之類的，比如閱讀fastclick這種，學習一波手勢與事件
❸ 網站必須要JS框架嗎代碼嗎如果只用js源碼不用框架腳本可以嗎
可以的。js框架其實就是Js寫的。
只是說如果你使用js框架來寫的話，效率會快很多，因為你就不需要去考慮代碼的兼容性，也不需要去對可
復用功能
代碼進行封裝。直接用框架來寫可以節約很多的
開發成本
。當然，直接用原生js寫也是可以的，因為所有的js框架都是用js寫成的。
❹ 如何利用js編寫一行三列的框架
目前前端開發者使用JS框架是種很普遍的現象，因為框架可以加快開發速度，同時避免各類瀏覽器的兼容性問題。不過同樣是用框架開發，不同開發者的境界水平還是有一定差距，本文將這些前端開發者分為三個等級。
第一種境界：了解各類框架、並熟悉甚至精通某種框架的使用，但並未看過框架代碼、或者並不理解框架核心細節的實現，甚至不清楚框架的設計原理、基本思想、適用場景。這類人的編程思路始終限制在」特定框架「的范圍內，盡管能使用框架寫出滿足需求的代碼。
這種人停留在」會用「框架的階段，他們很在乎各種框架的比較，且一定要對框架分出三六九等。這些人寫代碼的思路始終沒有離開」功能實現「。
第二種境界：精通各類框架，熟讀各類框架源碼，非常了解各類框架的核心功能的細節實現，熟識各類框架的優缺點和適用場景，權衡利弊後理性選擇相對適用業務邏輯的框架，並能根據業務的需要有針對性的修改框架核心代碼使之更加滿足可維護性和性能上的需求，但依然要基於某種框架進行業務開發，框架的范圍依然停留在組織代碼、第一層的抽象和組件的模塊化的范圍內。
這種人停留在」精通「框架的階段。他們的特點是有能力去對框架做有針對性的二次封裝，甚至有些人有能力重寫框架核心代碼，但依然要基於某種框架做擴展和hack。這些人寫代碼的思路始終在」代碼管理和框架級別的抽象「。
第三種境界：異常精通各類框架，同時精通業務邏輯，嫻熟的對業務邏輯進行抽象，具備傳統軟體工程師的基本素質，有能力設計業務框架，並根據業務邏輯的需要重寫合適的底層框架。這類人的編程思路已經完全脫離「框架」的限制，達到一種真正自由超然的境界。
這種人已經達到技術方和需求方一致認可的「專家」級別，技術功底扎實、同時精通業務。他們寫代碼的思路已經完全脫離「框架」，並始終圍繞業務邏輯，主要工作即為業務邏輯層面的抽象和介面設計。
❺ js源碼解釋
處理圖片的一段js腳本，
var GIF89a=document.location.href;//先取本頁的鏈接
GIF89a=GIF89a.substring(0,GIF89a.lastIndexOf('/'));//截取最後一個「/」後面的部分，也就是文件的名字
然後在本頁中添加一個object
❻ 如何看angularjs源代碼
查看angularjs源代碼方法如下
大部分JS框架的源代碼都可以在Github中找到，angular.js也可以在裡面查找，要想在Github中找到相應的源代碼，步驟如下：
在瀏覽器中訪問github.com
在右上角的搜索框中輸入想要查找的源代碼（輸入angular.js），按回車搜索
在查詢結果中，一般來說第一個結果就是對應的源代碼（angular.js）
點進去後，可以在線查看，亦可以點擊綠色下拉按鈕「Clone or download」，用git復制地址同步源代碼到本地，或者打包成zip壓縮包下載都本地。
❼ 如何看angularjs源代碼
不建議看。一切東西，如果量太大，都是不適合直接學習的，容易迷失在細節的汪洋大海中，對心理造成不可磨滅的陰影。譬如治史，上來就通讀二十四史，二十五別史之類，肯定是不對的，應當先讀各種綱要，然後在具體深入細節。
如果要抱著學習的態度看，應當優先看同類的小框架，比如：GitHub - lega911/angular-light: Angular Light is a library for building interactive MVVM web interfaces/applications.
這個是對Angular 1.x的一個山寨，基本功能都有了，但是小很多，更容易入手。
我猜測你想看Angular的源碼，是為了更深入學慣用，為了達到這個目的，建議你按照這個順序：
- 了解Angular是解決什麼問題的
- 試用它，熟悉大致有些什麼功能
- 猜測一些主要細節的實現方式
- 自己山寨一下，看能不能做出來
- 始終做不出來，或者覺得做不好的地方，再去看源碼對應的部分，其實它也未必比你寫得好，一個上規模的項目，處處高質量是不可能的。
那麼，Angular中有哪些東西可以了解一下呢？
- 數據變更的監測方式有哪些，Angular採用了什麼，有什麼好處，有什麼壞處，如何處理數據變更中產生的異常？如何避免不收斂的數據變更？Knockout和Vue分別怎麼做的，他們為什麼要這樣做？
- 作用域樹、作用域之間的繼承、作用域上的事件、賦值分別是怎樣實現的
- 表達式如何動態解析，如何避免不安全的表達式？
- 數據如何跟DOM建立關聯？索引如何建立，如何確定唯一索引，如何顯式指定索引？
- 常用的事件是如何封裝的？
- 模塊和依賴注入是怎麼實現的？是否確有必要？
其實上面都不重要，想更好地學習，請買這本書：Build Your Own AngularJS
30-39$，200塊錢左右，不要覺得貴，學懂任何一章都能讓你身價上漲不少，尊重知識，尊重自己，大家一起做上進的好碼農～
❽ 急！簡單Javascript/js/jquery代碼實現，源碼如下
<!DOCTYPE html>
<html>
<head>
<script src="jquery-1.9.1.js">
</script>
<script>
$(document).ready(function(){
$("#zh").click(function(){
var ys1=$('#ys1').val();
var ys2=$('#ys2').val();
var htmlstr='';
$("input[name='cb']:checked").each(function(){
if(ys1!=""){
htmlstr+='<input type="text" value="顏色1:'+ys1+'-'+$(this).val()+'"><br/>';
}
if(ys2!=""){
htmlstr+='<input type="text" value="顏色2:'+ys2+'-'+$(this).val()+'"><br/>';
}
})
$("#cc").html(htmlstr);
});
});
</script>
</head>
<body>
顏色1<select name="st[]" id="ys1"> <option> <option value="1">y1 <option value="2">y2 <option value="3">y3</select><br>顏色2<select name="st[]" id="ys2"> <option> <option value="1">y1 <option value="2">y2 <option value="3">y3</select><br>尺碼: <br><input type="checkbox" name="cb" value="a">X1<input type="checkbox" name="cb" value="b">X2<input type="checkbox" name="cb" value="c">X3<input type="button" value="組合" onclick="" id="zh"><br><br>需求：如果顏色1選擇為1<br>如果顏色2選擇為2<br>尺碼選擇a和b<br>點擊【組合】按鈕後——創建4個input如下:value值分別為1-a、1-b、2-a、2-b
<div id="cc">
</div>
</body>
</html>