原创 async/await用法

demo1 this.fun1() async fun1() { try { let time1 = await this.time1() console.log(time1) } ca

原创 ES5中的類和靜態方法 繼承(原型鏈繼承、對象冒充繼承、原型鏈+對象冒充組合繼承)

<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="description" content=""> <meta name="view

原创 微信小程序使用img標籤代替background:url()的解決方案

<template> <div class="bargin-stage"> <!--背景圖--> <img class="bg-img" src="../../../static/images/b

原创 egg.js+nginx+elementui+vue上傳文件報net::ERR_CONNECTION_ABORTED錯誤

問題: 1、上傳1m以下的圖片時一切正常; 2、上傳超過1m的文件,偶爾報413 (Request Entity Too Large)。偶爾報net::ERR_CONNECTION_ABORTED錯誤 問題分析 對於1m這個限制,大概率確

原创 H5橫豎屏適配代碼,強制橫屏

 1、強制橫屏代碼,檢測用戶屏幕方向,豎屏時提示用戶將屏幕翻轉 <style> @media all and (orientation: portrait) { html, body {

原创 git stash的詳細講解

應用舉例 通過幾個實際的示例來了解一下git stash的強大. 開發到一半,同步遠端代碼 當你的開發進行到一半,但是代碼還不想進行提交 ,然後需要同步去關聯遠端代碼時.如果你本地的代碼和遠端代碼沒有衝突時,可以直接通過git pull解

原创 mpvue中使用vuex爬坑過程

1、輔助函數不能使用 vuex的輔助函數有mapState、mapGetters、mapMutations、mapActions。 我們在子組件經常用到很多狀態量,爲了避免過分的使用this.$store.state.xxx、this.$

原创 js、vue事件捕獲、事件冒泡說明與使用

概念理解  1、事件捕獲(event capturing) 事件從頂層(window對象)開始觸發到被點擊的精確元素事件觸發的過程 2、事件冒泡 事件從點擊元素事件觸發到頂層對象事件觸發的順序觸發過程 3、流程圖說明 簡單的來說,捕獲:

原创 js如何用變量值作爲對象名

  let colum = "abc" let arr = [] arr.push({[colum]:{name:"xxx",id:123}}) 使用[  ] 中括號就可以實現。  

原创 phpstorm在原有的jade項目上出現Invalid indentation, you can use tabs or spaces but not both

由於接受他人項目需要直接在原來的模板上新建東西 。 但是由於編輯器不同的原因,原有項目使用的tab,我這邊之前tab是按照縮進四格做的。導致出錯。    首先查看下自己的編輯器是否也是如此,如下 可以看到,我在“測試”那裏使用的tab但

原创 通過contentWindow操作iframe的簡單demo

 頁面A; <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>AAAA</title> </head> <body> <a hre

原创 小程序中rpx和px相互轉換方式

當前有個項目頁面中彈框是用固定定位做的,需要利用top值讓其居中。那麼就需要計算top具體是多少; 當然計算方式是比較簡單的: top:(窗口高度-彈框高度)/ 2   那麼彈框高度使用rpx設置的,然而通過wx.getSystemInf

原创 mpvue中頁面生命週期及加載順序

created () { console.log('created----------------------000小程序加載時,所有頁面裏面的函數執行') }, onLoad () {

原创 零基礎抓包教程--5分鐘教你利用Whistle進行移動端抓包

一、環境說明 1、電腦window,mac 2、手機ios或andorid 3、chrome瀏覽器 二、開始搭建 1、電腦、手機連到同一個局域網環境 2、電腦安裝whistle windows10 通過管理員權限打開命令行 mac 打開t

原创 拿來即用的網頁倒計時組件

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>倒計時組件by TCF_JingFeng</title> </head> <s