JavaScript

主流瀏覽器css相容問題的總結，主流瀏覽器css相容最近又搞了一波網站的相容,由於要求ie瀏覽器還是要相容到ie8，所以調起來還是各種蛋疼。現在就post一些做相容的總結，可能不夠全面，但是可以告訴大家如何避過一些坑。主要測試了chrome，firefox，ie8、9、11，360瀏覽器。 一、基本的css相容：1、可能很多人喜歡用css hack的形式去相容ie瀏覽器，但是我自己用起來感覺其實不好使 。ie7-就不考慮了，問題在哪呢，就在ie8的甑別上，你怎麼讓樣式只對ie8起作用。

使用妹子UI開發的體驗分享，妹子ui開發分享前陣子看到一個類似bootstrap的前端UI架構，好奇心驅使下，去琢磨了一些，最終決定網站改版用這個UI試試效果：首頁+頭部： 投稿頁： 現成拷貝過來的評論列表： 總結：上手難度：（熟悉bootstrap）：★（不熟悉bootstrap）：★★★優點：一、很多組件都能直接用，常用組件基本都有了，比較適用於快速開發；二、官網文檔挺詳細的，新手入手的話基本沒什麼壓力；三、樣式比較好看（不知道是不是看多了bootstrap的效

[轉]html超連結開啟的視窗大小，超連結視窗<a href="#" onclick="javascript:window.open('http://www.baidu.com','','height=20,width=20,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')">aaaaaaaaaaaaaaa</a> ===========

與html相關的知識點整理，html相關知識點梳理html時發現的一些問題。總結一下，答案大都從網上找來。一.html 與 htm 的區別沒有本質的區別。.htm是在win32時代，系統只能識別3位副檔名時使用的。現在一般都使用.html。 二.href 與 src

javascript基本演算法匯總，javascript匯總本文為大家分享了五個javascript演算法，供大家參考，具體內容如下 1. 線性尋找<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>線性尋找</title></head><body> <p>數組為：[2,4,6,23,53,545

ES6中非常實用的新特性介紹，es6非常實用新特性ECMAScript 6離我們越來越近了，作為它最重要的方言，Javascript也即將迎來文法上的重大變革，InfoQ特開設“深入淺出ES6”專欄，來看一下ES6將給我們帶來哪些新內容。寫在前面ES6 已經提交給 Ecma 大會審查了，也就是說，我們將迎來一大波 javascript 的最新標準，還有一些文法糖。ES6 中有很多值得我們關注的東西，下面是我發現的一些我們最常用的一些新特性，進行記錄一下。1.

JavaScript製作簡單的日曆效果，javascript製作日曆本文執行個體為大家分享了<!DOCTYPE html><html> <head> <meta charset="gb2312"> <title></title> </head> <body> <script> document.write("<table>");

JavaScript擷取圖片像素顏色並轉換為box-shadow顯示，boxshadow一、原理：1.使用HTML5的FileReader API讀取圖片FileReader檔案讀物器，用於讀取用戶端檔案到，注意，檔案讀取完畢後並不會載入緩衝eg：var upfile = document.querySelector('#upfile');var fileReader = new FileReader();fileReader.onload = function(evt){

JavaScript操作HTML DOM節點的基礎教程，javascriptdom因為 DOM 的存在，這使我們可以通過 JavaScript 來擷取、建立、修改、或刪除節點。NOTE：下面提供的例子中的 element

SASS，sass教程Sass (Syntactically Awesome StyleSheets)Sass 是對 CSS 的擴充，讓 CSS 語言更強大、優雅。 它允許你使用變數、嵌套規則、 mixins、匯入等眾多功能， 並且完全相容 CSS 文法。 Sass 有助於保持大型樣式表結構良好， 同時也讓你能夠快速開始小型項目， 特別是在搭配 Compass 樣式庫一同使用時。CSS前置處理器，重量級底層，有強大的庫。基於Ruby。 官網：http://sass-

舉例說明JavaScript中的執行個體對象與原型對象，javascript執行個體首先聲明：javascript中每個對象都有一個constructor屬性和一個prototype屬性。constructor指向對象的建構函式，prototype指向使用建構函式建立的對象執行個體的原型對象。function Person(){ } var person = new Person(); Person.prototype = { constructor : Person, name :

從零開始寫一款javascript外掛程式（一）——tab選項卡上一次寫了《從零開始學習製作H5情境應用》系列，反響還算好，所以趁最近不是太忙，繼續新的系列，從零開始寫javascript外掛程式。今天，先從最簡單的開始，將已有的一個Tab選項卡切換功能改寫成javascript外掛程式形式。原生函數寫法將一個javascript方法改寫為js外掛程式最簡單的方式就是將這個方法掛載到window全域對象下面我們先來看看最原始的使用函數寫法的代碼：tab.html<code

理解javascriptRegex，Regex瞭解RegExp類型：ECMAScript通過RegExp類型來支援Regex。 var expression=/pattern/flags; Regex的模式（pattern）部分：可以是任何簡單或複雜的Regex，可以包含字元類，限定符，分組，向前尋找，反向引用。 關於Regex中各種特殊字元（如 \,^,$,\w,\b 等)的含義可以參考 MDN Regex-特殊字元

JavaScript的React架構中的JSX文法學習入門教程，reactjsx什麼是JSX？在用React寫組件的時候，通常會用到JSX文法，粗看上去，像是在Javascript代碼裡直接寫起了XML標籤，實質上這隻是一個文法糖，每一個XML標籤都會被JSX轉換工具轉換成純Javascript代碼，當然你想直接使用純Javascript代碼寫也是可以的，只是利用JSX，組件的結構和組件之間的關係看上去更加清晰。var MyComponent = React.createClass({/*...

JavaScript中利用jQuery綁定事件的幾種方式小結，javascriptjquery開發過程中經常要給DOM元素添加一些事件，下面介紹幾種方式：先寫幾個好看的button//引入JQuery<script type="text/javascript" src="jquery-1.8.3.min.js"></script><span id="tips"></span><input type="button" id="btn1"

AngularJS頁面訪問時出現頁面閃爍問題的解決，angularjs頁面我們知道在應用的頁面或者組件需要載入資料時，瀏覽器和angular渲染頁面都需要消耗一定的時間。這裡的間隔可能很小，甚至讓人感覺不到區別；但也可能很長，這樣會導致讓我們的使用者看到了沒有被渲染過的頁面。這種情況被叫做Flash Of Unrendered Content (FOUC)（K）？and is always

JavaScript類比數組合并concat，javascriptconcat定義和用法concat() 方法用於串連兩個或多個數組。該方法不會改變現有的數組，而僅僅會返回被串連數組的一個副本。文法arrayObject.concat(arrayX,arrayX,......,arrayX) 參數 描述 arrayX 必需。該參數可以是具體的值，也可以是數組對象。可以是任意多個。

利用JQuery寫一個簡單的非同步分頁外掛程式，jquery分頁寫了一個Jquery非同步分頁外掛程式，拿出來分享一下，有不完善之處請指教。以使用者分頁為例，先看一下效果，首先是第一頁：下一頁或者點擊第二頁後：點擊尾頁後：效果還可以吧？來看看具體怎麼用，首先後台要有一個Page模型：Page.java：public class Page { /** * 當前頁號 */ private int currPageNum = 1; /** * 總記錄數 */

javascript數組去重小結，javascript數組小結前言最近為了換工作，準備下面試，開始回顧複習JavaScript相關的知識，昨天下午想到了數組去重的相關方法，乾脆整理出幾篇JavaScript演算法文章，以備後用，此系列文章不定篇數，不定時間，想到哪寫到哪，不保證正確性，不保證高效率，只是談談個人理解，如有錯誤，請諸位斧正。關於去重數組去重是一個比較常見的演算法考察點，實現去重的方式無外乎通過唯一性和非唯一性。簡單來講就是挑出唯一的或者刪除不唯一的。以下所有演算法都是我自己瞎命名的

一波JavaScript日期判斷指令碼分享，一波javascript1、比較兩個日期先後 var x = new Date('2015-05-25'); var y = new Date('2015-05-25'); if (x.getTime() == y.getTime()) { It'll be true; } 2、是否在兩個日期之間  var beforeSpringDate, afterSpringDate; for (var i = 0; i <