原创 css與js實現輪播圖效果

HTML代碼: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script sr

原创 小程序API簡介及怎樣實現用戶登錄

API是什麼: 利用小程序API能實現哪些功能: 1.網絡請求功能 通過網絡接口獲取數據需要用到網絡請求,可以利用js實現。微信提供了網絡方面的接口,可以通過API-網絡-網絡請求。通過這個接口可以進行網絡數據請求。 2.頂部Ba

原创 五個前端開發在線工具推薦

1 1.EnjoyCSS 當我陷入困境時,EnjoyCSS 是我的大救星。EnjoyCSS 提供了一個簡單的交互界面,幫助我設計元素,然後自動輸出相應的 CSS 代碼。 EnjoyCSS 可以輸出 CSS、LESS、SCSS

原创 css實現3D立體視頻翻轉動畫

從別的地方看到一個特效, 圖一是鼠標沒有移動上去,圖二是鼠標移動上去的效果, 實現思路不難,對兩個立方體進行編輯。但是真正寫起來,還是感覺有一些複雜的, html: <!DOCTYPE html> <html lang="en

原创 Vue.js環境安裝教程及問題解決方法

梳理一下vue的環境配置及安裝 1.安裝node.js 先安裝node.js。 去官網下載然後安裝即可, node.js網址https://nodejs.org/zh-cn/ 下載第一個即可,然後雙擊下載的安裝包安裝即可,安裝

原创 微信小程序中bindtap不能跳轉tabBar界面解決方法

navigateTo, redirectTo 只能打開非 tabBar 頁面。 switchTab 只能打開 tabBar 頁面。 reLaunch 可以打開任意頁面。 解決方法: 把index.js中的wx.redirectT

原创 微信小程序中的輪播圖

微信小程序中的輪播圖感覺是最最最最簡單的了,靠swiper這個組件就可以實現。 有橫屏輪播圖和豎屏輪播圖,到時候用到了,可以直接複製代碼使用 1.橫屏輪播圖 wxml代碼: <swiper class="content-info

原创 微信小程序中的列表切換

感覺這列表切換有點類似於輪播圖,而且感覺這代碼直接可以拿來用,稍微改一改樣式什麼的就OK了,列表切換也是用到的地方也很多 wxml中的代碼如下: <!-- 標籤頁面標題 --> <view class="tab"> <vi

原创 咱也聊聊地攤經濟

最近這兩天晚上出門,街上是到處都是擺地攤的,看得我呀也是有點蠢蠢欲動的呢,奈何咱是個窮學生,沒有合夥人也沒有資金支持,但是如果真要擺個地攤的話,也不知道要賣點啥,畢竟不能盲目跟風,不能真賣假髮吧,哈哈哈哈,如果以後真要是找不到工

原创 css實現鼠標懸停效果

感覺css的話,原來的我認爲很難學,挺生澀的,但是認真看了以後,感覺css很有意思,能寫出很多好看的樣式,只要多做幾個例子,其中有哪個屬性不明白,自己查明白,然後把做出來的東西從頭到尾順一遍,思路就會清晰一些,css基礎的東西挺

原创 css實現摺疊卡片效果

文字和視頻什麼的可以自己改變 HTML: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"

原创 實現輪播圖效果

HTML代碼: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script sr

原创 HTML表單的輸入控件

HTML表單的輸入控件主要有以下幾種: 文本框,對應的,用於輸入文本; 口令框,對應的,用於輸入口令; 單選框,對應的,用於選擇一項; 複選框,對應的,用於選擇多項; 下拉框,對應的,用於選擇一項; 隱藏文本,對應的,用戶不可見,

原创 CSS實現橡皮筋效果

HTML代碼: <body> <div class="container"> <h1 class="text">Rubber Band Animation</h1> <button cla

原创 CSS實現爲文字添加背景

css: 下面有詳解 body{ margin: 0; padding: 0%; font-family: "Montserrat",sans-serif; background: #333;