JavaScript

HTML

jquery實現全選、不選、反選的兩種方法，jquery全選在取複選框checkbox的屬性checked屬性值時，發現一個問題，就是當用attr取值時，真的為"checked",假的為"undefined";當用prop取值時，真的為"true",假的為"false"。經過網上參考一些資料，及根據官方的建議這兩個用法：具有 true 和 false 兩個屬性的屬性，如 checked, selected 或者 disabled 使用prop()，其他的使用 attr()。方法一：

jquery 屬性選取器（匹配具有指定屬性的元素），jquery選取器jQuery 選取器在前面的章節中，我們展示了一些有關如何選取 HTML 元素的執行個體。關鍵點是學習 jQuery 選取器是如何準確地選取您希望應用效果的元素。jQuery 元素選取器和屬性選取器允許您通過標籤名、屬性名稱或內容對 HTML 元素進行選擇。選取器允許您對 HTML 元素組或單個元素進行操作。在 HTML DOM 術語中：選取器允許您對 DOM 元素組或單個 DOM 節點進行操作。jQuery

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

Vue.js每天必學之過濾器與自訂過濾器，vue.js自訂過濾器基礎類似於自訂指令，可以用全域方法 Vue.filter() 註冊一個自訂過濾器，它接收兩個參數：過濾器 ID 和過濾器函數。過濾器函數以值為參數，返迴轉換後的值：Vue.filter('reverse', function (value) { return value.split('').reverse().join('')})<!-- 'abc' => 'cba' --><span

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)實現 

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

關於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({

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