原创 VConsole移動端測試示例
<script src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script> <script> window.vConsole = new windo
2020-06-16 03:30:22
原创 js 對象數組合並
function mapArray(target) { let obj = {}, result = [] target.map((item) => { let key = item.name + item.sex if(
2020-06-16 03:30:22
原创 react-router攔截與配置
import React, { Component } from 'react'; import { Route, Switch, Redirect } from 'react-router-dom'; import Test1 fr
2020-06-16 03:30:22
原创 js 文件上傳判斷文件類型
function getFileType(fileName) { // 根據後綴判斷文件類型 let fileSuffix = ""; // 結果 let result = ""; try { let fli
2020-02-24 06:27:48
原创 js獲取url路徑參數
在和ios，安卓混合開發的過程中，發現ios傳過來的路徑，參數名已經變了，朋友分享了一個獲取url路徑參數的方法，在這裏分享給大家 <script type="text/javascript"> var url = document
2020-02-24 06:27:48
原创 微信分享功能的實現
該微信分享依賴於jq，所以頁面首先要引入jq。 第一步：引入微信jssdk,如下： <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> 第二步：引入
2020-02-24 06:27:48
原创 input[type='file'] img圖片上傳
圖片上傳在網站開發中，其是在移動端，是很常見的一個功能，在網上類似的教程也很多，有很多雖然功能強大，但是佈局卻是成了制約我們使用的最大因素，還有就是在移動端圖片太大很難上傳成功，最近發現了一個比較靈活的圖片上傳方法，分享給大家，代碼如下：
2020-02-24 06:27:48
原创 最簡單的redux,react-redux示例——手把手教你學會react-redux分模塊存儲
一，下載redux,react-redux,prop-types npm install --save prop-types npm install --save redux npm install --save react-redux
2019-08-10 06:14:29
2
原创 vue單頁面應用在ios跳轉標題不變
router.afterEach(to => { if (to.meta.title) { document.title = to.meta.title; // iOS if (navigator.user
2019-01-17 17:30:17
原创 js table表格排序
一：表格排序效果，根據點擊表格頭部th進行排序，如圖： 二：示例代碼，如下： <!DOCTYPE html> <html> <head> <style type="text/css"> #tb1 { borde
2018-08-26 10:16:53
2
原创 js獲取n天之後的日期
function getDateAfter_n(initDate, days, flag) { if(!days) { return initDate; } initDate = initDate.rep
2018-08-26 10:16:53
2
原创 input checkbox樣式重定義
一：html<div class="deal"> <input type="checkbox" name="checkbox" id="checkbox" checked value=""/> <span></span>
2018-08-26 10:16:53
原创 git與gitlab項目管理搭建教程
一：gitlab註冊登錄，可以通過github聯名登錄，點擊github圖標，利用github賬號登錄，也可以直接註冊登錄二：新建項目，登錄之後點擊頂部加號找到new project選項新建項目，如圖三：新建項目界面如下，填寫項目名稱，描
2018-08-26 10:16:53
1
原创 HTML5 canvas電子簽名與截圖
一：效果圖 二：頁面代碼 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi
2018-08-26 10:16:53
原创 穿梭框：HTML5 select 標籤模擬穿梭框
一、HTML5 select 標籤模擬穿梭框效果 二、源碼 <!DOCTYPE html> <head> <meta charset="UTF-8" /> <title>穿梭框</title> <style type="text
2018-08-26 10:16:53