原创 動畫定時器之requestAnimationFrame和cancelAnimationFrame
屬性闡述 requestAnimationFrame 定義：h5提供的專門用於動畫請求的api，請求動畫幀。 特點：requestAnimationFrame的動畫時間間隔爲機器時間間隔，一般筆記本每16.7ms刷新一次。 優
2020-06-03 09:20:17
1
原创 正則匹配安卓機和ios && 適配
正則匹配安卓機 //移動端樣式會出現ios兼容問題,所以接觸到了適配設備問題,具體問題如下: var u = navigator.userAgent; var isiOS = !!u.match(/\(i[^;]+;( U;)
2020-06-03 09:20:17
原创 vux使用要點記錄二(Cell&&Scroller)
cell的使用 註冊和導入組件 import { Cell, Group } from 'vux' export default { components: { Cell, Group } } 使用組件
2020-06-03 09:20:17
原创 vue cli3配置vue.config.js
//vue.config.js文件配置內容 const proxy = require('http-proxy-middleware'); module.exports = { /** 區分打包環境與開發環境 * pro
2020-05-14 11:34:39
1
原创 vue實現訂單氣泡提示
需求點: 一句話概括 —— 爲營造活動氛圍,在主要頁面添加訂單成功提示,詳情參考拼多多; 細分需求 —— 1. 在首頁,商情頁,購物車,搜索頁和列表頁等只要頁面添加氣氛提醒; 2. 請求接口
2019-09-16 01:08:25
1
原创 vue之vuex的模塊導入
/* vuex模塊文件(form.js) */ import router from "../../router"; import request from "../../utils/request"; const state
2019-08-03 01:01:54
原创 vue中使用lodash小工具
lodash 百度詞條對lodash的解釋:一個 JavaScript 的實用工具庫, 表現一致性, 模塊化, 高性能, 以及 可擴展。內涵大量的處理函數,具體有哪些可以查看Lodash 中文文檔,現在我們來看一下其在vue項目中
2019-08-02 01:26:52
原创 防抖與節流(鼠標移入事件每隔一段時間執行)
廢話不多說,直接懟代碼 <template> <div> <button @click="show = !show"> Toggle render </button> <transition name="cus
2019-06-14 23:31:08
原创 uin-app初體驗H5 api使用
messaging(手機發送短信測試) <!-- 廢話不多說直接懟代碼 --> <template> <view class="openBox_page"> <div class="logo" @click="smsTe
2019-06-13 20:14:28
原创 圖片切換+滑動切換
樣式 <style> *{ padding: 0; margin: 0; } html { height: 100%; } body { width: 100%; hei
2019-04-03 01:01:35
原创 小程序踩坑之旅
bug[1] 商城購物車手動修改商品數量 1.需求展示 2.渲染代碼結構 <view class="pro_info clearfix {{goodsItem.goodsState == 30?'gray':''}}">
2019-03-30 01:11:51
原创 實現百度雲分享(複製粘貼)
核心內容 document.execCommand("Copy");//需要手動觸發,且是同步操作 //被複制的元素必須是常規文本框,不想影響佈局,可以使用透明度.disable或者type="hidden"均失效 展示圖片 代
2019-03-21 01:10:40
原创 拖動圖片交換位置
代碼示例 <!-- html代碼 --> <div class="show_content"> <div class="img_content_one"> <img src="圖片路徑" alt="">
2019-03-13 22:21:25
原创 ES6之generator函數
generator函數定義 /*Generator生成器函數：顧名思義，它是一個生成器，它也是一個狀態機，內部擁有值及相關的狀態，生成器返回一個迭代器Iterator對象，我們可以通過這個迭代器，手動地遍歷相關的值、狀態，保證正確
2019-02-14 20:44:47
原创 移動端調測方法
使用vconsole 引入對應的vconsole.js,移動端打開即可 使用weinre 全局安裝weinre npm -g install weinre 創建文件夾,例如: E:\program\mobile\wein
2019-01-16 20:22:32