JavaScript

HTML

輕鬆掌握JavaScript狀態模式，輕鬆掌握javascript狀態模式 狀態模式（State）允許一個對象在其內部狀態改變的時候改變它的行為，對象看起來似乎修改了它的類。 狀態模式的使用情境也特別明確，有如下兩點： 1.一個對象的行為取決於它的狀態，並且它必須在運行時刻根據狀態改變它的行為。（有些對象通常會有好幾個狀態，在每個狀態都只可以做目前狀態才可以做的事情，而不能做其它狀態能做的事兒） 2.一個操作中含有大量的分支語句，而且這些分支語句依賴於該對

CSS Sprites(CSS 精靈)，csssprites精靈一.什麼是CSS Sprites?　　一般css精靈，是一種網頁圖片應用處理方式。它允許你將一個頁面涉及到的所有零星圖片都包含到一張大圖中去，這樣一來，當訪問該頁面時，載入的圖片就不會像以前那樣一幅一幅地慢慢顯示出來了。再利用CSS的“background-image”，“background-

[筆記]CSS樣式聲明順序，css樣式聲明順序來自Bootstrap中文網編程規範相關的屬性聲明應當歸為一組，並按照下面的順序排列：.declaration-order { /* Positioning */ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; /* Box-model */ display: block; float:

HTML CSS樣式表，htmlcss樣式表CSS（Cascading Style Sheet，疊層樣式表），作用是美化HTML網頁。/*注釋地區*/   

有趣的CSS像素藝術，有趣CSS像素藝術原文地址：https://css-tricks.com/fun-times-css-pixel-art/#article-header-id-4友情提示：由於國內網路的原因，CodePen可能會打不開或者非常慢，請耐心等待！ 像素藝術作為一種遺失的藝術形式，與超清晰，高解析度圖片相比黯然失色。我在CodePen上瀏覽時偶然發現了一些像素藝術，它提醒我這種藝術是多麼令人敬畏！See the Pen Pikachu pixel css by

HTML 編輯基礎，html編輯基礎HTML

中軟培訓第一周複習總結，一些需要記住的點：day1 HTML格式及簡單標籤:　　html 檔案一般格式：1 <html>2 <head lang="en">3 <meta charset="utf-8">4 <title>頁面名稱</title>5 </head>6 <body>7 頁面內容8 </body>9 </

列表的響應式排版，列表響應式排版效果展示:      一、每行固定個數：保證排版的美觀.list li{width:20%;display:inline-block;*display:inline;*zoom:1;overflow:hidden;}二、隨頁面寬度調整個數和大小：保證圖文的可讀性.list li{width:20%;display:inline-block;*display:inline;*zoom:1;overflow:hidden;}1、

關於Javascript回呼函數的一個妙用，javascript回呼函數前言其實回呼函數簡單通俗點就是當有a和b兩個函數，當a作為參數傳給b，並在b中執行，這時a就是一個回調(callback)函數,如果a是一個匿名函數，則為匿名回呼函數那下面們來通過一個執行個體來具體解釋下Javascript回呼函數怎麼使用。執行個體在很久很久以前，有一個人。var person;他是個人，也就是一個對象。person= {}; //

利用jQuery的動畫函數animate實現豌豆發射效果，jqueryanimate先來看看豌豆射手，草坪還有子彈都是現成的圖片，1. jQuery是庫還是架構？jQuery可以說是現在最流行的一個js類庫，而非架構。之前在知乎上看到有人說了這樣一句話：You call library. Framework calls you.我深以為然，字面意思大概就是你可以無約束地使用類庫，卻需要在各種限制條件下使用一個架構。我私以為，js

NodeJS遠程代碼執行，nodejs背景@Artsploit在挖PayPal的漏洞時，發現一處NodeJS代碼執行，獎勵$10000美金。測試var express = require('express'); var app = express(); app.get('/', function (req, res) { res.send('Hello eval(req.query.q)); console.log(req.query.q);});app.listen(8080,

jQuery為動態產生的select元素添加事件的方法，jqueryselect項目中需要在點擊按鈕時動態產生select元素，為防止每次點擊按鈕時從伺服器端擷取資料(因為資料都是相同的),可以這樣寫代碼1、首先定義全域js變數var strVoucherGroupSelect ="";2、在js中寫好擷取服務端資料的代碼function genVoucherGroupSelect(rowID){ return $(strVoucherGroupSelect).attr("id", "sl_"

淺談jQuery為哪般去掉了瀏覽器檢測，淺談jquery由於做HTML5相關的項目，許多前衛時髦的前端技術就需要考慮一下IE是否支援。要是在以前，可以很方便地調用jQuery的jQuery.browser來實現。If(jQuery.browser.msie) alert(“DIE IE!”)但這一便利在jQuery 1.9之後就不複存在了。突然覺得像失去了一個最親密的戰友，一個我一搞開發就離不開的好基友，一個我離開了就

判斷js的Array和Object的實現方法，判斷jsarrayobjectvar a = ['hello','world']; console.log(typeof a); // object console.log(a.toString()); // hello,word 字串 console.log(Object.prototype.toString.call(a)); //[object Array] var b = {'hello':'world'};

網站前後端效能最佳化(網摘)，效能最佳化網摘1.減少http請求數合并檔案，通過把所有指令碼置於一個指令檔裡或者把所有樣式表放於一個樣式表檔案中，從而減少Http請求的數量。CSS Sprites是減少圖片請求的首選方案。把所有的背景圖片合并到一張圖中，使用CSS的background-image 和background-position 屬性去控制展現恰當的圖片地區。內聯圖片使用data: URL scheme

快速移動滑鼠觸發問題及解決方案(ECharts外部調用儲存為圖片操作及工作流程接線mouseenter和mouseleave)，echartsmouseenter記錄兩個項目開發中遇到的問題，一個是ECharts外部調用儲存為圖片操作，一個是workflow工作流程串連曲線onmouseenter和onmouseleave事件由於滑鼠移動過快觸發問題。一、外部按鈕調用ECharts圖表的儲存為圖片操作最近使用ECharts庫繪製圖表，依據需求希望可以把圖表設定的儲存為圖片操作可以在圖表外部調用,

深入剖析響應式布局的原理，深入剖析響應布局說到響應式布局，相信大家都有一定的瞭解，響應式布局是今年很流行的一個設計理念，隨著移動互連網的盛行，為解決如今各式各樣的瀏覽器解析度以及不同移動 裝置的顯示效果，設計師提出了響應式布局的設計方案。今天就和大家來講講響應式布局這件小事，包含什麼是響應式布局、響應式布局的優點和缺點以及響應式布 局該怎麼設計（通過CSS3 Media

jQuery彈出層後禁用底部捲軸(移動端關閉回到原位置)，jquery捲軸最近在忙於jquery的前端開發，學習到很多知識，今天小編給大家帶來一段程式碼片段有關彈出層後禁用捲軸的代碼。具體代碼如下所示：$("cli-open").click(function(){var scrollTop = document.body.scrollTop;//儲存點擊前捲軸的位置window.onscroll=function(){document.body.scrollTop =

css3選取器（上），css3選取器(1、給導航加分割線，左右 .nav li::before,.nav li::after{            content:"";            position:absolute