Js全景源碼
⑴ js如何加密源代碼，頁面樣式全部用js寫，如何操作
js是不能加密源碼的，換個說法，作為一種解釋性語言，如果你加密了源碼，瀏覽器怎麼解釋你的js腳本。
不過可以用插件自動壓縮。壓縮過程中，會把一些變數用a/b/c代替，而且會移除空格和換行。這會大大增加源碼閱讀難度，但是也起不到加密的作用。
如果是electron開發，可以用asar對源碼進行打包，不過這種就屬於客戶端，不是網頁了。
⑵ Three.js源碼解讀一：Object3D
可能很多同學會發現，學習Three.js的API非常容易，但是真正理解API的作用卻非常難。其實讓大家感到難的並不是Three.js本身，而是Three.js背後所隱藏的3D圖形學知識。本系列Three.js源碼解讀文章，會幫你一邊補齊3D圖形學的基礎知識，一邊真正理解到Three.js的實現原理，知其然，知其所以然。
Object3D是ThreeJS中大部分物體的基類，它包含了物體的位移，旋轉，縮放，以及各個物體父子關系的js實現。選取Object3D幾個重要的屬性做解釋：
一個3D對象往往由多個父子對象組成，父對象的位移, 旋轉, 縮放會傳遞給所有的子對象。
this.parent指向父對象，this.children包含了所有的子對象。
通過 add 為物體添加子對象。需要注意的是，如果該子對象有其他的父對象，會先解除子對象和舊的父對象的父子關系，然後將子對象添加到新的父對象中。
this.matrix表示物體自身的本地形變，this.matrixWorld表示物體的全局形變。當物體沒有父對象時，全局形變就是本地形變。
為什麼對象組合這么重要呢？看下面的例子：
這兩個立方體共同組成了一個3D對象，下面的立方體為禪祥段底座，上面的立方體為操作臂。當底座轉動的時候，操作臂會同樣轉動，所以操作臂的形變會傳遞給底座。當操作宴御臂旋轉時，底座不會被影響。
這里，底座就是操作臂的父對象。只要簡單的將底座的全局形變(this.parent.matrixWorld)和操作臂的本地形變賀譽(this.matrix)相乘，就能得到操作臂的最終形變。是不是很方便？
3D物體的位移，旋轉，縮放都可以通過矩陣表示。其中，旋轉除了通過矩陣，還可以通過歐拉角和四元數表示。
Object3D的rotation代表物體旋轉的歐拉角表示，quaternion代表了四元數表示，他們是3D物體統一旋轉的不同數學表達方式。(矩陣，歐拉角，四元數表示旋轉
onRotationChange , onQuaternionChange 這兩個回調用於同步歐拉角和四元數，保證他們代表著相同的旋轉角度。
3D交互一個很大一部分工作量是需要在物體的本地空間( this.matrix )和世界空間( this.matrixWorld )進行坐標轉換。
⑶ 急！簡單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>
⑷ 如何獲取JS執行過後的網頁源代碼
需要獲取網頁中的javascript執行後生成的完整的網頁源碼（通常使用的右鍵-查看源代碼是看不到js執行後的內容的，用firefox的firebug看到的代碼就是js執行後的代碼），從中提取一些有用的數據。
⑸ javascript代碼是否就是源碼和函數有何區別
Green，你好。。。
嗯，你問的是什麼源碼？
javascript是網頁腳本語言，是用來輔助html的網頁做一些其他操作的編程語言。
如果你是看一個網站上的js代碼，那些都是源碼。因為網頁都是要下載下來才能看，配套的js腳本也是一樣，你能看到的javascript代碼都是已經用到的。
至於函數。。。就是可以理解成操作公式，把一堆javascript操作用{}包在一起，就是一個函數。
回頭調用函數的時候就只需要參數和返回值，就能替我執行早就寫好的javascript操作。
順便說一句，函數是廣義的，很多地方都有。
⑹ JS如何查找源代碼
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>遠程網頁源代碼讀取</title>
<style type="text/css">
/* 頁面字體樣式 */
body, td, input, textarea {
font-family:Arial;
font-size:12px;
}
</style>
<script type="text/javascript">
//用於創建XMLHttpRequest對象
function createXmlHttp() {
//根據window.XMLHttpRequest對象是否存在使用不同的創建方式
if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest(); //FireFox、Opera等瀏覽器支持的創建方式
} else {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");//IE瀏覽器支持的創建方式
}
}
//直接通過XMLHttpRequest對象獲取遠程網頁源代碼
function getSource() {
var url = document.getElementById("url").value; //獲取目標地址信息
//地址為空時提示用戶輸入
if (url == "") {
alert("請輸入網頁地址。");
return;
}
document.getElementById("source").value = "正在載入……"; //提示正在載入
createXmlHttp(); //創建XMLHttpRequest對象
xmlHttp.onreadystatechange = writeSource; //設置回調函數
xmlHttp.open("GET", url, true);
xmlHttp.send(null);
}
//將遠程網頁源代碼寫入頁面文字區域
function writeSource() {
if (xmlHttp.readyState == 4) {
document.getElementById("source").value = xmlHttp.responseText;
}
}
</script>
</head>
<body>
<h1>遠程網頁源代碼讀取</h1>
<div>
地址：<input type="text" id="url">
<input type="button" onclick="getSource()" value="獲取源碼">
</div>
<textarea rows="10" cols="80" id="source"></textarea>
</body>
</html>
我也是別人那抄的 你試試吧 好的話給我個最佳