原创 移動端佈局技巧
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
2019-04-17 21:13:15
原创 前端提示框插件sweetalert
sweetalert是一款前端提示框插件，使用也非常簡單，而且還內置了許多參數，他可以替代alert()本站即採用的該款插件提示，今天把使用方法提供給大家！ 1、引入JS和CSS文件 可以直接進入官網下載然後到頭部進入或者直接從CDN引入
2019-04-17 21:13:15
原创 微信小程序頁面彈性佈局
主要寫給自己看的 如果不懂彈性佈局 請先看我的這篇 彈性盒模型詳解 先最外層的容器決定 排列內容 一般是從上往下 設置： display: flex; flex-direction: column; 小的容器（可以設置寬高） 先看小容
2019-03-22 21:24:48
原创 微信小程序一些常用標籤與html的對應關係
小程序中的常用標籤也是就是我們常用的這些 view（視圖容器）、rich-text（富文本）、swiper（滑塊視圖容器）、icon（圖標）、text（文字）、progress（進度條）、button（按鈕）、form（表單）、input
2019-03-07 23:18:09
原创 微信小程序app.json
微信小程序中的每一個頁面的【路徑+頁面名】都需要寫在 app.json 的 pages 中，且 pages中的第一個頁面是小程序的首頁 "pages":[ "pages/index/index",
2019-03-07 23:18:08
原创 微信小程序概念知識點
App()函數用來註冊一個小程序。接受一個object參數，其指定小程序的生命週期函數等。 object參數說明： 屬性 類型 描述 觸發時機 onLaunch Function 生命週期函數--監聽小程序初始化 當小程序初始化完成時
2019-03-03 23:27:15
原创 如何在一個頁面用多個swiper插件
百度搜索的答案也存在bug,結合別人的經驗下面是我自己的總結 html代碼： <!-- Swiper --> <div class="swiper-container swiper1"> <!--自定義新增class:swiper
2019-02-28 22:55:32
原创 js ajax原理,獲取數據實例
<body> <div id="div"><h2>使用 AJAX 修改該文本內容</h2></div> <button type="button" onclick="sAjax()">修改內容</button> <script t
2019-02-27 23:06:59
原创 解決蘋果手機a標籤點擊背景，按鈕顏色不兼容問題（發白）問題
a{ -webkit-tap-highlight-color:rgba(0,0,0,0); } input[type=button],input[type=submit],input[type=file],button{ c
2018-12-29 01:17:56
原创 Jquery跳轉頁面後的導航欄添加選中後樣式
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt
2018-12-19 10:21:42
原创 js、jq點擊返回頂部
<div id="return" style="display: block;"> <a href="" onclick="document.documentElement.scrollTop=document.body.scroll
2018-12-19 10:21:42
原创 jq animate動畫詳解
// animate():第一個參數：{width:200} 運動的值和屬性 // 第二個-時間：默認400ms{},1000 //第三個-運動形式-兩種：1.默認：swing(慢快慢) 2.linear(勻速) //第四個-回調函數 /
2018-11-07 07:45:12
原创 頁面響應式佈局方法
首先清楚兩個概念 響應式:根據不同屏幕分辨率，加載不同的樣式。一般樣式重寫 自適應:根據不同的屏幕分辨率，縮放大小，不影響佈局。一般採用百分比寫 運用 Css3 Media Queries，根據不同的屏幕分辨率，選擇應用不同的Css規則：
2018-09-07 22:25:02
1
原创 CSS3—3D翻轉
轉自：https://www.cnblogs.com/easy-blue/p/5169866.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http
2018-09-06 22:17:51
原创 css3模擬複選框
css： <style> .xieyi input{ display: none; outline: none; } .xieyi label{ display: inline-block; width: 10px; heig
2018-09-06 22:17:51