原创 發送短信驗證碼時的倒計時功能

  this.show = false; const TIME_COUNT = 60; if (!this.timer) {

原创 點擊一個按鈕,如果手機有安裝app的話直接打開app,否則跳轉到應用市場下載該app

最近在做一個這樣的功能,前端網頁點擊按鈕時,如果用戶手機有安裝該app,則直接打開app;否則就跳到應用市場下載。代碼如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"

原创 js中立即執行函數

相信大家經常會遇到下面這兩種寫法:(function(){ ... })()1和(function(){ ... }())1關於這樣寫是什麼意思呢?有什麼區別呢?在此之前,我們需要了解幾個概念:函數聲明、函數表達式、匿名函數1函數聲明: 

原创 用css寫選項卡

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> .tabs { width:100%; /*border:1p

原创 vue2.0模擬後臺json數據

最近在跟着做vue2.0以上版本的一個購物平臺,在涉及到模擬後臺數據交互的時候,視頻裏講的是通過json-server這個插件和express,由於之前的配置都是在build/dev-server.js文件夾下,在vue2.0都沒有了,全

原创 利用css實現文字一行顯示不完時顯示省略號

代碼:<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

原创 解決for循環中只能點擊到最後一個元素的問題

有時候我們需要對一排元素進行逐一選中,比如下面一個例子中,我們想要當點擊一排按鈕中的某一個時,利用下面的寫法,都是隻能彈出最後一個元素。 <body> <button>按鈕1</button> <button>按鈕2</butto

原创 vue中跨域解決辦法

項目在上線之後,前後端的代碼放在同一個服務器下面,就不存在跨域的問題。然而在前後端分離的開發中,跨域在所難免。在以前,存在跨域的時候一般都叫後臺小夥伴設置,但是vue中提供了一種方法,在前端也可以設置解決跨域的問題。下面給大家介紹一下:

原创 在vue中通過父子組件以及transition實現幻燈片

1.先在components文件夾中新建一個幻燈片組件slideShow.vue,然後在需要使用到幻燈片的頁面中import,註冊,便可在模板使用<slide-show>組件。 2。在使用<slide-show>時向幻燈片組件傳遞兩個參

原创 vuex最簡單、最詳細的入門文檔

vuex最簡單、最詳細的入門文檔

原创 左右兩個表格的內容相互移動

最近實現了一個小功能是將左右兩個表格的數據相互移動,以達到人員分類的效果。代碼如下 <div class="open-div-box"> <h2>商戶教練列表</h2> <!--彈出層主體S--> <div class="

原创 建議更新IE瀏覽器的版本

在網頁中有些代碼無法兼容低版本的ie,需要用戶手動更新ie的版本,可設置以下提示代碼: <!--[if lte IE 8]> <div class="ie-update"> 您正在使用較低版本的IE