原创 css水平垂直居中

<div class="box"></div> 水平居中: 1.設置寬度,然後添加margin:0 auto屬性; .box { width: 200px; height: 200px; background-c

原创 JavaScript高級程序設計(2)——script標籤的屬性

script標籤有以下6個屬性(均可選):1. async  異步腳本。表示應該立即下載腳本,但不應妨礙頁面中的其他操作,比如下載其他資源或等待加載其他腳本。只對外部腳本文件有效。在 XHTML 文檔中,要把 async 屬性設置爲 as

原创 JavaScript高級程序設計(1)——JavaScript三大組成部分

JavaScript是一種專爲網頁交互而設計的腳本語言,也是運行在瀏覽器中的解釋型的編程語言。一個完整的JavaScript實現由以下三大部分組成:1.核心(ECMAScript)由ECMA-262定義的ECMAScript與Web瀏覽器

原创 使用sublime批量替換字符

1.批量替換當前文件字符Find--Replace2.批量替換文件夾下所有文件的某個字符第一步:Find--Find in Files第二步:File--Save All(此步驟要謹記)OK,大功告成

原创 純css美化checkbox和radio及選中效果

<div class="checkbox"> <input type="checkbox"> <label for="">全選</label> </div> <div class="radio"> <div clas

原创 Echarts學習筆記

  一、echarts中橫座標(x軸)值自動間隔顯示的解決方案: echarts中,若x軸數據太多,會自動間隔顯示(如下圖),這時我們可以通過屬性xAxis屬性axisLabel:interval和rotate來進行調整; interv

原创 JavaScript高級程序設計(3)——JavaScript數據類型

ECMAScript中包括5種簡單數據類型(也成爲基本數據類型)和1種複雜數據類型。簡單數據類型:Undefined、Null、Boolean、Number和String;複雜數據類型:Object。Object本質上是由一組無序的名值對

原创 全屏滾動實現之fullPage.js(一)

fullPage.js--基於 jQuery 的全屏滾動插件 簡介 fullPage.js 是一個基於 jQuery 的插件,它能夠很方便、很輕鬆的製作出全屏網站。如今我們經常能見到全屏網站,尤其是國外網站。這些網站用幾幅很大的圖片或色塊

原创 純css美化select

效果圖如下: <h2>Cars Select</h2> <div class="select"> <select name="cars"> <option value="volvo">Volvo</option>

原创 H5頁面與APP的交互

概述 APP調用H5頁面時,出現有些頁面頁頭重複的現象,需去掉H5頁頭使用原生APP頁頭。 解決方案 方案一: 前端在網頁中寫一個隱藏頭部的方法,客戶端直接調用; 方案二: 使用userAgent判斷當前頁面是否在webView裏打開:

原创 css文本溢出顯示省略號

1.單行文本溢出 .single { white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; } 2.多行文本溢出 .multi

原创 全屏滾動實現之fullPage.js(二)

  參數 選項 類型 默認值 說明 menu 布爾值 false 綁定菜單,設定的相關屬性與anchors的值對應後,菜單 verticalCentered 字符串 true 內容是否垂直居中 resize 布爾值 false 字體是否隨

原创 純CSS實現優惠券上的鋸齒效果

純CSS實現優惠券上的鋸齒效果

原创 CSS3屬性:transition和transform

一.定義 1.transition 屬性是一個簡寫屬性,用於設置四個過渡屬性: transition-property--規定設置過渡效果的 CSS 屬性的名稱 transition-duration--規定完成過渡效果需要多少秒或毫秒