JavaScript

玩點不同之CSS的BEM規範，cssbem規範引言人類自誕生開始，無論是鑿木取火還是製造武器，都是在不斷的解決問題。所以說，人類的進步就是一個不斷解決問題的過程。BEM引入背景因為項目的商務邏輯發生重大變化，所以原來大半年的開發週期裡做的事情基本上變成無用功。但是公司的項目上線時間依舊沒有改變。剩下的時間只有區區的兩個月，要做的功能是有社區+電商+核心業務的網站，著實是非常的緊張。所以為了在有限的時間裡面能夠完成，甚至於保質保量的完成項目的開發。正所謂非常時期，非常方法。我們必須要高效的完成設計

HTML基本概念，vpn基本概念解釋什麼是 HTML？HTML 是用來描述網頁的一種語言。HTML 指的是超文字標記語言 (HTML) (Hyper Text Markup Language)HTML 不是一種程式設計語言，而是一種標記語言 (markup language)標記語言是一套標記標籤 (markup tag)HTML 使用標記標籤來描述網頁HTML 標籤HTML 標籤標籤通常被稱為 HTML 標籤 (HTML tag)。HTML

前端工程師技能之photoshop巧用系列擴充篇——自動切圖，前端photoshop×目錄[1]初始設定 [2]自動切圖前面的話　　隨著photoshop版本的不斷升級，軟體本身增加了很多新的功能，也為切圖工作增加了很多的便利。photoshop最新的版本新增了自動切圖功能，本文將詳細介紹photoshop的這個新功能 初始設定　　當然首先還是要進行一些喜好設定設定　　【1】在編輯 -> 喜好設定 ->

JavaScript資料存放區 Cookie篇，javascriptcookie1.什麼是cookie？    答：cookie是用於在用戶端儲存會話資訊的。2.cookie的組成部分？    ①名稱：一個唯一確定cookie 的名稱。建議區分大小寫。cookie 的名稱必須是經過URL 編碼的。    ②值：儲存在cookie 中的字串值。值必須被URL 編碼。    ③域：

分分鐘搞定 CSS 中令你困擾的各種三角，搞定css 話不多說，直接.triangle-one { display: inline-block; border-top: 50px red solid; border-right: 50px green solid; border-bottom: 50px yellow solid; border-left: 50px blue solid;}.triangle-six { display:

css用背景圖來替換文字來達到隱藏文字的目的，css背景圖根據html代碼的不同來分成兩大類方法，如下html代碼：<h1 class="replace-indent">hello

看了些關於rem的知識點，在這做個自我總結歸納，rem知識點總結歸納我們最常用的字型單位是PX和EM。首先px：px像素（Pixel）。相對長度單位。像素px是相對於顯示器螢幕解析度而言的。(引自CSS2.0手冊)px會隨著螢幕解析度的改變而改變，但是瀏覽器對頁面進行縮放時會對頁面的整體布局產生影響。 em：em是相對長度單位。相對於當前對象內文本的字型尺寸。如當前對行內文本的字型尺寸未被人為設定，則相對於瀏覽器的預設字型尺寸。(引自CSS2.0手冊)em一般會以<body>

Html/Css(新手入門第三篇)，css新手入門一、學習心得---參考優秀的網頁來學習。1我們只做的靜態網頁主要用的技術？html+css 只要網上看到的，他的原始碼公開的。【1】、先去分析，他們頁面是如何布局（結構化）【2】、再試著去做一下，---模仿過程。【3】、最後我們可以自己嘗試創新---通向高手的過程。css精靈技巧，最佳化網頁的http請求次數，提高網頁的效率。*****css精靈的核心思想，就是將多張圖片，合成一張圖片，然後通過背景屬性中的定位來控制到底顯示圖片中的哪些部分。**

js動態擷取子複選項並設計全選及提交的實現方法，js全選在做項目的時候，會遇到根據父選項，動態擷取子選項，並列出多個複選框，提交時，把選中的合并成一個字元提交後台本章將講述如何通過js控制實現該操作：1：設計父系類別為radio，為每一個radio都加上onclick事件，並預設類別1為選擇狀態。<input type="checkbox" name="selectall" id="selectall" onClick="selectAll();"

NodeJs——入門必看攻略，nodejs必看攻略關於NPM：npm 是 nodejs 的包管理和分發工具。它可以讓 javascript 開發人員能夠更加輕鬆的共用代碼和共用程式碼片段，並且通過 npm 管理你分享的代碼也很方便快捷和簡單。一 NodeJs安裝與NPM管理安裝前往NodeJs官網，下載安裝包直接安裝。同時NodeJs預設包含NPM模組。後者需要更新到最新版本。-v 查看版本資訊，有則安裝成功。某些版本不支援讀-v參數大小寫敏感，如報錯嘗試大寫-V.node

jQuery實現調整表格單列順序完整執行個體，jquery單列本文執行個體講述了jQuery實現調整表格單列順序的方法。分享給大家供大家參考，具體如下：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type"

JS實現相容各種瀏覽器的擷取選擇文本的方法【測試可用】，js文本本文執行個體講述了JS實現相容各種瀏覽器的擷取選擇文本的方法。分享給大家供大家參考，具體如下：運行效果如下：具體代碼如下：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="Content-Type"

需靈活掌握的Bootstrap預定義排版類 你精通嗎?，靈活掌握bootstrap有了Bootstrap前端架構預先處理好的排版類，我們從此不必再為每個排版的標籤元素寫大量的CSS代碼了，可以使用 Bootstrap 的排版特性，您可以建立標題、段落、列表及其他內嵌元素預定義好的樣式，排版出很規範的網頁。那我們接下來一起學習下，bootstrap前端架構到底為我們預定義了那些排版的類呢？ 第一：Bootstrap 使用 Helvetica Neue、 Helvetica、 Arial

jQuery代碼效能最佳化的10種方法，jquery效能最佳化1、總是使用#id去尋找element.在jQuery中最快的選取器是ID選取器 ($('#someid')). 這是因為它直接映射為JavaScript的getElementById()方法。選擇單個元素<div id="content"> <form method="post" action="/"> <h2>Traffic Light</h2> <ul

JS基於建構函式實現的菜單滑動顯隱效果【測試可用】，js建構函式本文執行個體講述了JS基於建構函式實現的菜單滑動顯隱效果。分享給大家供大家參考，具體如下：運行效果如下：具體代碼如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html

第一篇初識bootstrap，初識bootstrapBootstrap是一款目前非常流行的前端架構，簡單的說，就是html,css,javascript的工具集，我們可以用bootstrap搭建出簡潔，清新的網站或軟體介面，有了bootstrap這個利器後台開發人員再也不用發愁前台介面的搭建了。Bootstrap（1）包含了豐富的web組件，根據這些組件，可以快速的搭建一個漂亮、功能完備的網站。其中包括以下組件：下拉式功能表、按鈕組、按鈕下拉式功能表、導航、導航條、麵包屑、分頁、排版、縮圖、警告

Javascript點擊其他任意地方隱藏關閉DIV執行個體，javascriptdiv代碼如下，實現了點擊input顯示一個div層，當點擊除input和div以外的地方的時候，隱藏div的功能。<!DOCTYPE html><html><head><meta charset="utf-8" /><title>點擊其它地方關閉DIV</title></head><body><input

JavaScript簡單擷取頁面圖片原始大小的方法，javascript頁面本文執行個體講述了JavaScript簡單擷取頁面圖片原始大小的方法。分享給大家供大家參考，具體如下：這裡通過Image()對象擷取原始寬高這種方式就沒有那麼麻煩，直接new一個Image()對象，然後把img的src賦值給他即可擷取。var img = new Image();img.src = $("#target").attr("src");if(img.complete){

淺析JavaScript中命名空間namespace模式，命名空間namespacenamespace即“命名空間”，也稱“名稱空間” 、”名字空間”。JavaScript不像C#或Java，有專門的namespace和package文法支援，當JS複雜到一定程度，尤其是引用大量的第三方JS架構和類庫之後，命名衝突就會成為一個嚴重的問題，因此使用JS自己的變通方式建立命名空間很重要。命名空間有助於減少程式中所需要的全域變數的數量，並且同時有助於避免命名衝突或過長的名字首碼。關於命名空間的例子：/

再次談論Javascript中的this，談論javascriptthis　一直對Javascript中的this都有一種似是而非的感覺，今天突然感覺豁然開朗，特此記錄一下。咱們先看個栗子：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>this的使用</title><script type="text/javascript">var