原创 js判斷移動端和pc端(ios還是安卓)

判斷是移動端還是pc端 if (/(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent)) { alert('移動端') } else { alert('pc端

原创 react渲染列表的四種方式

注意: class方式定義的組件名首字母大寫,如:News 方式一(直接在html中渲染): import React from 'react' class News extends React.Component { c

原创 js調取原生app方法

1、js調ios方法(只需替換iosFun方法名即可) 傳參時 var data = {test: 'test'}; window.webkit.messageHandlers.iosFun.postMessage(data);

原创 js常用工具函數

一、與時間處理相關 1、將當前的日期時間 轉爲“yyyy-MM-dd HH:MM:SS”格式 function getNowTimesFormate (s1, s2, date) { if (date == null) {

原创 html2canvas爬坑

背景情況:由於項目需要,需在點擊按鈕時觸發一個彈窗,將彈窗內的東西繪製成圖片供用戶保存到本地。彈窗內有圖片有文字,當彈窗的圖片爲類似於http://www.test.com/xxx/xxx.jpg的網絡路徑時會提示跨域錯誤。 1、

原创 js的迭代方法

ECMAScript 5 爲數組定義了 5 個迭代方法。每個方法都接收兩個參數:要在每一項上運行的函數和(可選的)運行該函數的作用域對象——影響 this 的值。 傳入這些方法中的函數會接收三個參數:數組項的值、該項在數組中的位置

原创 vue倒計時(天時分秒)

直接上代碼,複製可用。 1、html部分 <p style="line-height: 1.5rem;" v-html="countTxt"></p> 2、script部分 import { formateTimeStamp }

原创 vue-cli3.x配置開發、測試及生產三個環境的地址

背景:正常情況下webpack給我們提供了development和production兩個環境。一個用於開發,一個用於正式環境,想象是美好的,但是我們有時候不止一個服務器吧,比如更新到正式服之前我們需要先在測試服測試通過,這個時

原创 react中動態添加style和className

1、動態添加style <div style={{height: this.state.is_makeup===0 ? "100%" : "50%"}}</div> 添加多個樣式 <div style={{display: (i

原创 react中的父子組件通信

1、父組件獲取子組件的數據及調用子組件的方法 step 1: 在父組件引入子組件,並通過ref獲取子組件實例 例:<Header ref='childMethod'/> step 2: 在父組件方法中通過refs獲取子組件的方法

原创 js的日期時間組件方法

getTime() 返回表示日期的毫秒數;與valueOf()方法返回的值相同 setTime(毫秒) 以毫秒數設置日期,會改變整個日期 getFullYear() 取得4位數的年份(如2007而非僅07) getUTCFull

原创 webpack3拆分代碼(壓縮打包體積)

背景:由於目前線上版本的h5加載一直很慢,於是趁着最近有空就打算優化一下,首先打開network分析影響加載速度的文件有哪些。 看原文件大小有接近1.4m,不能忍!!! 注意: 1、博主這裏用的vue-cli2.x版本,we

原创 webpack4.0從零搭建一個vue項目

開始之前先了解一下webpack的幾個核心概念。 entry: 入口起點(entry point)指示 webpack 應該使用哪個模塊,來作爲構建其內部依賴圖的開始。 output: output 屬性告訴 webpack

原创 xshell安裝卸載寶塔

1、安裝 默認安裝在www根目錄,如果想安裝到指定目錄,看這裏 推薦Centos系統官方鏈接 Centos安裝命令: yum install -y wget && wget -O install.sh http://123.129

原创 koa2.x訪問網絡圖片並保存到本地

const router = require('koa-router')() const request = require('koa2-request') var fs = require("fs"); var comData