原创 css3 旋轉正方體特效實現

實現效果: 完整實現代碼 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>旋轉立方體</title> <style type="text/cs

原创 css3實現文字卡片摺疊效果

效果圖 靜態效果圖 鼠標懸浮到標籤上的效果 完整實現代碼 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" cont

原创 微信公衆號 網頁支付的實現

1、支付js引用添加 <script src="http://res2.wx.qq.com/open/js/jweixin-1.4.0.js"></script> 2、具體的實現流程: 1.首先獲取到支付訂單號 2.根據支付訂

原创 微信公衆號 網頁授權實現

緒論: 如果用戶在微信客戶端中訪問第三方網頁,公衆號可以通過微信網頁授權機制,來獲取用戶基本信息,進而實現業務邏輯。 關於網頁授權回調域名的說明 1、在微信公衆號請求用戶網頁授權之前,開發者需要先到公衆平臺官網中的“開發 - 接口

原创 uniapp subPackages分包加載配置

1、 分包加載配置 分包加載配置,此配置爲小程序的分包加載機制。 subPackages 節點接收一個數組,數組每一項都是應用的子包,其屬性值如下: 注意: subPackages 裏的pages的路徑是 root 下的相對路徑

原创 uniapp canvas小程序分享海報的實現

小程序中經常會有海報的生成,爲了使用方便就自己封裝了js文件方便調用 文件名爲creatMaterialImage.js 海報圖效果如下: 1,海報生成方法的具體實現 // 用canvas生成分享圖片,返回src const c

原创 uniapp 自定義時間選擇組件

1.自定義時間組件的效果 2.組件的實現代碼 組件文件名timeChose.vue 具體代碼 <template> <view> <uni-popup ref="popcash" type="bottom" @chan

原创 Echarts介紹及常用設置的使用

ECharts是一個純JavaScript圖表庫,底層依賴於輕量級的Canvas類庫ZRender,基於BSD開原協議,是一款非常優秀的可視化前端框架。 1、下載地址 官網地址 :https://www.echartsjs.com

原创 微信小程序實現瀑布流實例

瀑布流的效果圖如下: 1.wxml中的代碼如下 <!--pages/lsittest/listtest.wxml--> <view class="containers"> <view id="left"> <view

原创 百度地圖周邊檢索功能的一些設置及自定義marker點

根據項目需求,要在地圖上標記兩種座標點,根據這個需求需要對不同來源的座標分類顯示。下圖是效果圖: 我使用的是最新的4.3.1版本的百度sdk,首先需要去百度地圖api開發平臺註冊登陸,要想使用百度地圖還要申請key: 1.開發環境配置:

原创 datepicker 日曆控件修改之路

爲了滿足自己的UI需求對datepicker 的源碼進行了一些修改,下圖是UI效果 1,datepicker 的引入  源碼路徑:https://github.com/dalong982242260/AndroidCalendar

原创 css 限制文本單行或多行顯示 超出省略的實現方法

限制文本單行顯示的css代碼: overflow: hidden; //屬性規定當內容溢出元素框時發生的事情 超出區域隱藏 white-space: nowrap; //屬性設置如何處理元素內的空白 nowrap規定

原创 uniapp -- 頁面頂部內容懸浮的完美解決方法

只需要在要懸浮的頂部區域外側包裹一層標籤 設置如下屬性 該區域將會隨着頁面的滾動自動懸浮在頂部。 .page_header { position: sticky; width: 100%; left: 0; right: 0;

原创 碼雲Gitee Android端使用初解

國內的Git託管服務——碼雲(gitee.com)使用方便,快捷,功能齊全。非常適合項目開發使用 碼雲和GitHub的使用方法非常類似,我們在碼雲上註冊賬號並登錄後,需要先上傳自己的SSH公鑰。選擇右上角用戶頭像 -> 菜單 “設置”

原创 Flutter學習 極速構建漂亮的原生應用

Flutter 官網 https://flutterchina.club/ Flutter是谷歌的移動UI框架,可以快速在iOS和Android上構建高質量的原生用戶界面。 Flutter可以與現有的代碼一起工作。在全世界,Flutter