JavaScript

原文：How JavaScript Prototype Really

HelloWorld ! 建立一個helloworld.html 複製代碼<!doctype html><html ng-app>    <head>        <script src="angular.js"></script>    </head>    <body>

複製代碼 代碼如下:<script>    var i="123abc";    i=parseInt(i);//字串轉整形    alert(i+","+typeof(i));//輸出：123，number    i="12.3abc";    i=parseFloat(i);//字串轉浮點型   

最近寫nodejs比較多，剛開始的時候碰到的非同步操作比較少，因為想做的東西比較簡單，一查api有同步的，為了省事就直接用同步的搞了，慢慢發現這不是個事呀，好好的非同步特性不用，非得用同步的，真囧，並且很多東西木有同步的api的。好！寫非同步，慢慢的出現了這種代碼。。。複製代碼 代碼如下:mysql.query('xxxx').on('success', function(){   mysql.query('xxxx').on('success',

今天有個需求需要在url中傳入中文參數，結果在後台取得時出現亂碼，懷疑可能是編碼問題，上網查詢了資料，試了幾種辦法，發現有一種可行，記錄在此，以便查閱。url中用encodeURI 進行2次編碼：Ext.Ajax.request({url:"updateadminuser.do?"+userid+"&uname="+encodeURI(encodeURI(uname)), success:function (response)

複製代碼 代碼如下:l = [6, 2, 4, 1, 98, 34, 5, 9, 23, 8, 10, 32]       //冒泡排序/*function bubbleSort(arr) {    newarr = arr.slice()    if (newarr.length <= 2) return

用JS寫出遮罩層登陸框和對聯廣告並自動跟隨捲軸滾動保持讓使用者一直可以看到 好了，天色已晚廢話不多說，代碼特別詳細 有注釋，請看代碼。 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html

JS裡並沒有標準的多行字串的表示方法，但是在用模板的時候，為了保證模板的可閱讀性，我們又不可避免的使用多行字串，所以出現了各種搞法，這裡以一段jade的模板作為樣本，簡單總結和對比一下。一、字串相加這是最容易理解也很常用的一種形式，如下複製代碼 代碼如下:var tmpl =''+    '!!! 5' +    'html' +    '  include header'

使用Extjs的FileUploadField外掛程式上傳檔案，因為FileUploadField是ext的拓展外掛程式所以在其api中是找不到其方法的，這個檔案在extjs的examples檔案夾下的ux中，所以在使用FileUploadField的時候必須將其引入過來才可以使用，在使用的過程中會出現一個問題就是，在頁面中出現了兩個上傳按鈕，這個是和ext的本身css的樣式有關係，所以要將樣式修改下： 複製代碼 代碼如下: <style type=text/css>

需要添加jquery檔案才可以調試 複製代碼 代碼如下: <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(function(){ //alert($('#findclose').closest('div').attr('id')); var pic_length = $('#gd li').length; var n = 0;

自己寫的最新版本extjs4.2的樹結點的操作，記錄一下，以後可能會用到。var tree = new Ext.tree.TreePanel({flex: 1,animate: true, autoScroll: true,anchor: '100% 93%',store: new Ext.data.TreeStore({root:{expanded: true,text:'A',children:[{expanded:

現在的web,影響使用者訪問速度已經不單單是檔案下載的速度了，當所有的檔案從伺服器上下載後，從瀏覽器開始渲染到使用者可以響應的時間，這段時間仍然會消耗很長，同時由於互動的複雜，javascript也變得越來越多，越來越複雜，指令碼啟動並執行時間反映在介面上就是響應使用者輸入焦點擊的過慢，甚至瀏覽器出現指令碼逾時的提示。這篇檔案並不打算講怎麼避免這種逾時以及javascript的最佳化技巧，單說各種瀏覽器的忍耐極限，下面是Nicholas C. Zakas總結的資料Chrome：執行超過8秒提示。

同事在項目中使用scroll事件去載入資料，結果IE下悲劇了。給了一個簡單最佳化方法，效果明顯。 只要使用者改變視窗大小，會對內部一些元素大小重新計算，可能導致整個頁面重新渲染，最終導致大量消耗 CPU。比如調用 resize 方法，使用者改變視窗大小時會不停的被觸發， 低版本的IE 會可能陷入假死狀態。window的scroll事件也是如此，滑鼠滾動或拖動捲軸，就會不停的觸發scroll事件，如果處理的東西多，低版本的IE也會陷入假死狀態。

故事模式實現是只載入當前瀏覽的照片和它下面的兩張照片，載入照片的時候才會載入和渲染評論區，圖片沒有載入前會用一個一象素的圖片佔位，並用一個loading類將顯示出一個loading背景圖，判斷在可視區的時候替換成真正的圖片，圖片載入成功後刪除loading類。問題出在最後面，測試的時候發現在IE下loading類無法刪除,當時代碼如下：複製代碼 代碼如下:img.src = _src;img.src = _src;img.onload = function(){  

 css 複製代碼 代碼如下: <style> .xMarquee{border:1px solid #ccc;height:25px;width:500px; margin:50px auto; background:#ffffff; overflow:hidden;} .xMarquee ol{list-style-type:none; margin:0px; padding:0px; font-size:12px; width:100000%;} .xMarquee

周末寫了個更改表格行順序的小功能，直接貼代碼 表格部分如下： 複製代碼 代碼如下: <table class="table" id="test_table"> <thead> <tr> <th>時間</th> <th>詳情</th> <th>操作</th> </tr> </thead> <tbody> <tr cid="7.0.0-2014-04-

　　Fixed Responsive Nav 是一個響應式的，固定的，觸摸友好的單頁網站導航外掛程式，響應式導航，流暢的動畫滾動。該項目採用漸進增強構建，支援工作在 IE6 及以上版本的瀏覽器。 你可以給導航開啟的內容添加一個遮罩，自動反白當前位置。你可以自由地使用提供的 JavaScript，CSS 和表徵圖字型用於商業或非商業項目。您可能感興趣的相關文章真是好東西！13種非常動感的頁面載入動畫效果你見過嗎？9款超炫的複選框（Checkbox）效果超贊！基於 Bootstrap

複製代碼 代碼如下: var decode = function(m) { try { m = decodeURIComponent(m); } catch(e) {} var s = m.split("%"); if (s.length > 1) { s.shift(); for(var i = 0; i < s.length; i++) { var t = s[i]; t = parseInt(t, 16); t = t + 256; t = t - 201; t =

editor1 = K.create('#content1''fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline''removeformat', 'strikethrough', 'lineheight', '|', 'justifyleft', 'justifycenter', 'justifyright',

　　Flexbox 布局模組目前是 W3C 候選標準，旨在提供一個更有效方式進行布局，對齊和為容器裡的項目分配空間，即使它們的大小是未知的或者動態。這裡分享一個基於 Knockout.js 構建的互動教程，讓你5分鐘就掌握 Flexbox 配置模式。您可能感興趣的相關文章創意無限！一組網頁側邊欄過渡動畫【附源碼下載】真是好東西！13種非常動感的頁面載入動畫效果你見過嗎？9款超炫的複選框（Checkbox）效果超贊！基於 Bootstrap 的響應式的後台系統管理範本Magic CSS3