原创 原生JavaScript + canvas 實現貪喫蛇小遊戲

效果圖: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>貪喫蛇</title> <link rel="stylesheet" href

原创 微信小程序本地圖片上傳

今天做了一個本地圖片上傳的功能,可以選擇單張圖片或者多張圖片,日常整理一下。   上代碼了 wxml:   <button type="primary" bindtap='image'>選擇圖片</button> <view wx:

原创 easyUI 重新加載表格數據

有的時候操作完添加、修改等一些操作之後需要刷新一下頁面,需要把一些操作完之後的數據顯示出來那就用到了這個功能。 $('#dg').datagrid('reload');   添加完這一句代碼就可以實現數據實時刷新   想要獲得更

原创 微信小程序獲取input輸入框裏面的value值

相信有很多剛進入小程序這一行的時候會遇到很多的坑,其中有一個就是怎麼都獲取不到input輸入框裏面的內容,今天來再說一下這個value如何獲取到。 小程序input組件上有一個方法上有一個方法叫做bindinput 現在來給大家看一下

原创 微信小程序客服會話功能

一些商城類的小程序都會要求客服會話,今天就來說一下如何實現這一功能,其實很簡單,微信提供的文檔上就有詳細說明。 根據這兩幅圖就可以看出他的具體用法,下面給大家詳細代碼: <button open-type='contact' c

原创 微信小程序解決 加載圖片出現渲染層網絡層錯誤

在我們加載圖片的時候往往會出現一些小問題,例如:明明圖片加載成功了,但是控制檯還是會報 渲染層網絡層錯誤,找了很多地方,也發現不出來問題。 出現這種情況的原因在於,頁面顯示加載的時候image裏面的值是空的,從後臺拿值是需要一定的額時間

原创 easyUI獲取選中行的數據

有的需要做一些修改的功能,那如何獲取到選中行的數據並把這些數據賦值到新的編輯框呢?API上也給我們提供了一個屬性getSelected。具體的用法如下:     //修改數據     function doEdit() {        

原创 JavaScript +canvas簡易畫板的實現

本篇文章講的是利用的canvas的一些屬性製作一個簡易的畫板,由於本人的時間不足,以及能力也有限,所以功能比較簡單,喜歡自己學習的同學有興趣話可以自己加上一些功能。直接上代碼了。 <!DOCTYPE html> <html lang="

原创 原生js+canvas實現裁剪圖片的功能

本文是利用一個css的屬性clip,我肯定有很多人都不知道這個屬性,因爲這個屬性用到的太少了,只是在特定的條件下才會用到這個屬性。這裏我就跟大家大致的說一下它的用法,想要了解更多這個屬性的可以去查閱一下資料,在這裏跟不跟大家說了。這裏主要

原创 easyUI 表格寬度自適應

控制表格寬度,防止表格出現橫向滾動條,API上提供了一條屬性:fitColumns,默認是fasle。用法如下 <table class="easyui-datagrid" style="width:400px;height:250p

原创 微信小程序實現簡易版tab切換效果

利用三元運算符實現登錄註冊效果切換 直接上代碼 wxml: <view class='top'> <text class="{{login?'active':''}}" catchtap='login'>登錄</text> <

原创 微信小程序判斷分享的是羣還是好友

最近比較流行的答題小程序通常會有這麼一個功能,分享到羣增加答題次數,分享到好友無效,那麼問題來了,我們如何能夠判斷用戶分享到的是羣還是好友呢? 通過查找API文檔我發現會有這個一個東西withShareTicket 通過這個來判斷是否分享

原创 微信小程序 滾動列表(無限滾動)

效果圖1.0 實現方式是利用小程序原聲組件swiper,方向設置爲縱向 :vertical=‘true’設置同時顯示的滑塊數量:display-multiple-items=‘4’設置自動輪播:autoplay:‘true’. 話不所說

原创 微信小程序獲取手機驗證碼

一種比較常見的功能獲取手機驗證碼 先看效果圖: 其實這個功能實現起來很簡單,主要就是調取第三方接口,拿到返回值驗證的問題 直接上代碼吧: <view class='changeInfo'> <view class='changeI

原创 微信小程序分享功能

大多數的小程序都會用的分享功能,如其實一些小遊戲,需要好友分數pk之類的。下面就來說一下這個能弄如何實現。 首先來看一下文檔上的組件button button組件提供了open-type屬性,看看他有什麼值 這個就是用button做分