JavaScript

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

實現空心三角形，空心三角形   背景: 項目過程中有個tab切換需要用到空心三角形的效果。作為一名後端工程師，實在是不知道怎麼寫，在網上找了一些看了一下別人的實現方式，發現大多數都是實心三角。後來終於發現一個實現空心三角的，頓時熱淚盈眶啊。實現效果比較粗略，不過還是思路還是比較清晰的，借鑒了一下，在原有的基礎上做了一些改進，增加一些效果   空心三角原理：主要利用元素偽類(:before,:after)實現 

有趣的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 </

定格動畫，定格動畫製作定格動畫用你的滑鼠摸他，他就不可能不動！！ 這就是定格動畫，只播放主要畫面格。就像以前的老電影一樣，只有一張張底片，然後燈光打在底片上，移動底片，動畫的感覺就會出來。別問我排版為什麼這麼醜其中用到的關鍵詞是steps()和精靈比如：element{　　background: url() no-repeat; //the-source-of-picture　　animation: spirit-animation 4s steps(9);}@keyframes{　　

列表的響應式排版，列表響應式排版效果展示:      一、每行固定個數：保證排版的美觀.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'};

jQuery EasyUI編輯DataGrid用combobox實現多級聯動，jqueryeasyui我在項目中設計課程表的時候需要用到老師和分類之間的多級聯動。首先是一張：下面是實現的代碼：<body> <script type="text/javascript"> $(function(){ var editing ; //判斷使用者是否處於編輯狀態 var flag ; //判斷新增和修改方法 $('#set_schedule').datagrid({

網站前後端效能最佳化(網摘)，效能最佳化網摘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 =

響應式布局的見解，響應式布局見解　　　　對於響應式布局呢，我相信每個人都有自己不同的見解，有的呢認為響應式布局就是一種網頁，但是我們真正的響應式布局是可以隨網頁的大小，從而自己調節的一種網頁，在PC端的時候網頁上的所有的東西都呈一排顯示，或者是分為有兩個側欄，或一個側欄，還有主題內容組成的，在PC端的時候是整體一排顯示的，但是隨著螢幕的縮小布局會變小在手機端的話，可能原來豎著排的按鈕就會橫排過來.....　　　　那麼編寫響應式布局的幾種方法有：　　　　1.首先大家應該認識midia這個單詞吧，m

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