原创 完美的HTML移動端UI框架,Framework7 v3新組件特性一覽

  Toast 吐司 我在2016年開始使用Framework7,在Framework7較早的版本中,沒有吐司,只有alert,Toast需要自己實現,而吐司又是非常常用的組件,這是Framework7爲數不多的欠缺的地方,不過現在這個問

原创 ThinkPHP5在PHP7以上使用QueryList4, ThinkCMF在PHP5中使用QueryList3教程

  QueryList 是一款用於網頁採集爬蟲的框架,官方最新版本爲QueryList4,QueryList4版本只能在PHP7以上使用; 在PHP7以上環境中,如何在ThinkPHP5中使用QueryList4 ,開發者也給出了教程。對

原创 PHP使用imap讀取郵件內容,2018可用

本文以QQ郵箱爲例,已驗證可以成功讀取郵件內容,這裏用到一個類,如下。 <?php /** * * @package Application * @author [email protected] *

原创 window系統電腦或平板上的electron靜默打印, 2018年10月更新

最近有個需求,在window平板上實現打印,用戶在平板上一頓操作之後,生成一個組合的頁面,並將頁面上的內容打印到紙張上帶走。 首先需要在main.js裏面添加如下代碼,在主進程中,偵聽渲染進程的打印事件。 const ipcMain =

原创 MUI框架教程 基於localStorage的便籤APP開發源碼實例

本APP利用MUI框架,基於html5的本地存儲localStorage開發,最後使用HBuilder進行打包。 MUI框架教程-頁面結構 MUI框架教程-主要技術點 加載子頁面 打開新頁面 頁面間傳值 自定義事件傳值 手勢事件

原创 html5獲取地理位置 利用百度地圖JavaScript API標註

HTML5 Geolocation API 用於獲得用戶的地理位置。使用時需要用戶同意,否則用戶位置信息是不可用的。 瀏覽器支持 Internet Explorer 9+, Firefox, Chrome, Safari 和 Opera

原创 手機移動端橫向日期選擇器實現思路

在最近的H5開發工作中,遇到一個橫向滑動選擇日期的需求,年月修改方式不限,日期爲滑動,橫向標註星期,每次滑動一週,下面爲大家介紹一下我的一個實現思路,有更好的方案歡迎留言。 初期效果 頁面結構與動畫分析 <div class="diy-

原创 那一年我誤打誤撞成爲一名站長

自己第一次接觸到建站,還是在2009年,那年我才18歲,剛上大學,煞有介事的在圖書館借了相關的書,準備學習做自己的網站,當時我還不知道有CMS這種東西,從網頁設計與製作開始看起,結果發現挺枯燥無聊,就像大學時的編程課一樣,學了很多語法,但

原创 零基礎怎樣做網站,教你1小時快速建設自己的網站

最近一個朋友讓我幫忙做個信息展示網站,其實做一個企業站、或者博客站點,是挺容易的事情,但運營好絕非易事,就算是寫博客也是需要長期堅持的事情。 下面我會從購買域名、域名備案、域名解析、程序上傳與安裝等,來爲大家演示如何快速搭建一個網站。 一

原创 MUI 和 framework7區別之 UI組件的幾點差異

在做項目的時候,有時候會糾結是用framework7還是MUI,這裏簡單列出來二者在ui方面的一些區別,肯定不夠全面,供大家參考,有不足和錯誤歡迎指正。 一、MUI 中有而framework7 中沒有的UI組件 1. number box

原创 Framework7中文教程-中文演示DEMO

中文DEMO UI組件對照表 中文DEMO Framework7中文演示DEMO 本DEMO將官方DEMO中列表UI組件名和部分內頁整理成了漢字,方便使用時查找,可以在Chrome的控制檯查看效果; UI組件對照表

原创 Framework7中利用download和external實現a標籤下載文件和圖片

在使用Framework7的頁面中,初始化應用的時候,需要傳入一個配置對象,其中有一項 externalLinks 參數,代表不應該被 Framework7 管理的鏈接的CSS選擇器,默認值爲’.external’。 在頁面中,a標籤默認

原创 html5的FileReader實現圖片上傳預覽並生成base64

關於FileReader HTML5定義了FileReader作爲文件API的重要成員用於讀取文件,根據W3C的定義,FileReader接口提供了讀取文件的方法和包含讀取結果的事件模型。 檢測瀏覽器對FileReader的支持 if(w

原创 js圖片裁剪並生成base64格式圖片

插件 這裏用到一個圖片裁剪jQuery插件Cropper,是杭州的前端工程師Fengyuan Chen所寫的,功能相當豐富,裁剪時還可以對原圖進行旋轉。 <link rel="stylesheet" href="http://sandbo

原创 CSS實現左側固定寬度右側自適應的固比佈局

三種方案 1、 box1使用diaplay:table; display:table-cell; 配合calc 實現。 2、 box2使用dispaly:flex;flex:1實現。 3、 box3使用position、配合padding