原创 vue-cli 構建項目報錯

error Trailing spaces not allowed :空格多了 error Unexpected trailing comma comma-dangle :多了逗號 Trailing spaces not a

原创 【jQuery】.load()方法實現模塊化加載

jquery Ajax .load( url [, data ] [, complete ] ) Description: Load data from the server and place the returned HTM

原创 Hexo+Github搭建博客+綁定域名

1、Node.js 安裝 http://nodejs.cn/      安裝npm 2、準備GitHub賬號 3、Hexo       npm -v       npm install -g cnpm --registry=https:/

原创 jQuery國際區號使用button實現下拉選擇(仿知乎效果)

效果預覽 1、jQuery 2、html 按鈕 3、國際區號 json 1、jQuery版本 <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script

原创 Do not have regionchange handler in component: pages/maps/maps.

Do not have regionchange handler in component: pages/maps/maps. Please make sure that regionchange handler has been def

原创 【CSS】不知道圖片大小的時候,使用position進行水平和垂直居中

使用position進行定位 <style> .bg { background: linear-gradient(#FFDDE1, #FFDDE1); wid

原创 CSS3 第1篇 基礎入門 (一)

第一章 CSS樣式入門 本章要點 瞭解CSS的基本概念 熟悉CSS的常用單位 熟悉編輯和瀏覽CSS的方法 掌握在HTML中調用CSS的方法 掌握調用CSS方法的優先級   1.1 認識CSS CSS,即層疊樣式,Cascadin

原创 圖解CSS3(目錄)

圖解CSS3(目錄) CSS是種層疊樣式表,是一種樣式語言,用來告訴瀏覽器如何渲染你的Web頁面。 CSS3是CSS的最新版本。 主流瀏覽器的支持情況 https://caniuse.com/?from=groupmess

原创 仿iOS開關 (jQuery)

<div class="ios-switch"> 飛行模式 <span class="switch-bg switch-off"> </span

原创 CSS3 第1篇 基礎入門 (二)

第二章 CSS3樣式的基本語法 2.1 CSS基本語法 2.1.1 CSS構造規則 選擇符(selector)、屬性(properties)、屬性值(value) selector{properties:value;} 其中選擇符是多種形

原创 盒模型(Boxmodel)

盒模型 知識點 理解W3C標準盒模型 理解並掌握盒模型相關屬性的使用方法 瞭解CSS盒模型的瀏覽器兼容性 掌握浮動佈局的設計與使用方法 掌握各種頁面元素的定位方法 掌握CSS3新增的相關屬性的使用方法及

原创 可改變顏色的單選按鈕,jQuery仿input[type="radio"]按鈕

html <div class="checked-radio"> <ul class="checked-radioitems"> <li class="radioItem">

原创 CSS3伸縮佈局盒模型(Flexbox)

CSS3伸縮佈局盒模型 彈性盒子是 CSS3 的一種新的佈局模式。 CSS3 彈性盒( Flexible Box 或 flexbox),是一種當頁面需要適應不同的屏幕大小以及設備類型時確保元素擁有恰當的行爲的佈局方式。 引入彈性盒

原创 JavaScript從鍵盤輸入三個整數分別存入變量,從小到大進行排序

鍵盤輸入prompt() prompt()方法用於顯示可提示用戶進行輸入的對話框。 這個方法返回用戶輸入的字符串 所以對輸入的數字要進行類型轉換 var num1 = +prompt("請輸入第一個數:"); var num2

原创 仿iOS綠色切換按鈕(input[type="checkbox"]),切換按鈕改變input的checked屬性值

<div class="box"> <header>iOS按鈕效果</header> <div class="phone"> <span class="btn btnAc