JavaScript

能讓你少寫1000行代碼的20個Regex，1000行RegexRegex，一個十分古老而又強大的文本處理工具，僅僅用一段非常簡短的運算式語句，便能夠快速實現一個非常複雜的商務邏輯。熟練地掌握Regex的話，能夠使你的開發效率得到極大的提升。Regex經常被用於欄位或任一字元串的校正，如下面這段校正基本日期格式的JavaScript代碼：var reg = /^(\\d{1,4})(-|\\/)(\\d{1,2})\\2(\\d{1,2})$/; var r =

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:

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

常用meta整理，meta整理標籤提供關於HTML文檔的中繼資料。中繼資料不會顯示在頁面上，但是對於機器是可讀的。它可用於瀏覽器（如何顯示內容或重新載入頁面），搜尋引擎（關鍵詞），或其他 web 服務。　　必要屬性屬性值描述contentsome text定義與http-equiv或name屬性相關的元資訊　　可選屬性屬性值描述http-equivcontent-type / expire / refresh / set-cookie把content屬性關聯到HTTP頭部。nameauthor

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 </

元素絕對位置以後設定了高寬，a標籤不能點擊的原因總結，高寬標籤元素絕對位置以後設定了高寬，a標籤不能點擊的原因：1、元素內並無內容2、背景是透明的，無任何背景圖或者顏色解決方案：1、如果不是絕對位置元素的，可以用相對定位2、給元素加透明的背景圖3、IE可以只用 background:url(about:blank) 解決第三種方法平時用用是可以的，但是在某種情況下會有bug,

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

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

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