- 博客(29)
- 收藏
- 关注
RSS订阅原创 js 文件上传判断文件类型
function getFileType(fileName) { // 根据后缀判断文件类型 let fileSuffix = ""; // 结果 let result = ""; try { let flieArr = fileName.split("."); fileSuffix = flieArr[flieArr.length - 1]; } cat...
2019-12-24 16:19:39
2111
1
原创 js 对象数组合并
function mapArray(target) { let obj = {}, result = [] target.map((item) => { let key = item.name + item.sex if(obj[key]) { obj[key].like.push(item.like) } else { item.like = [ite...
2019-09-26 11:28:41
1522
原创 VConsole移动端测试示例
<script src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script><script> window.vConsole = new window.VConsole();</script>
2019-08-29 09:28:11
282
原创 react-router拦截与配置
import React, { Component } from 'react';import { Route, Switch, Redirect } from 'react-router-dom';import Test1 from '../view/Test1';import Test3 from '../view/Test3';const routes = [ { ...
2019-08-12 15:36:56
610
原创 最简单的redux,react-redux示例——手把手教你学会react-redux分模块存储
一，下载redux,react-redux,prop-typesnpm install --save prop-typesnpm install --save reduxnpm install --save react-redux二、下面是项目目录结构三，index.js或者app.js文件配置import React from 'react';import Reac...
2019-08-09 20:13:14
1546
原创 vue单页面应用在ios跳转标题不变
router.afterEach(to => { if (to.meta.title) { document.title = to.meta.title; // iOS if (navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)) { const _iframe= document....
2019-01-17 15:17:00
1082
原创 git与gitlab项目管理搭建教程
一：gitlab注册登录，可以通过github联名登录，点击github图标，利用github账号登录，也可以直接注册登录二：新建项目，登录之后点击顶部加号找到new project选项新建项目，如图三：新建项目界面如下，填写项目名称，描述，选择项目类型，包括共有，私有，这个看开发选择，如下图：四：git下载，这个网络教程很多，下载一个git安装包，然后一直next知道完成即可五：下载完git,打...
2018-05-17 10:30:01
4428
原创 移动端rem配置（js动态改变和css @media配置）
一：js动态改变rem(function(doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function() { var clientWidth = docEl.clie...
2018-05-11 14:55:46
4219
原创 input checkbox样式重定义
一：html<div class="deal"> <input type="checkbox" name="checkbox" id="checkbox" checked value=""/> <span></span> <label for="c
2018-05-11 10:17:47
297
原创 移动端开发meta标签的使用
移动端开发meta标签的使用一、viewport的使用，在浏览器中页面将以原始大小显示，并不允许缩放注释：initial-scale:初始的缩放比例（范围从>0到10）minimum-scale:允许用户缩放到的最小比例maximum-scale:允许用户缩放到的最大比例user-s
2017-12-28 10:29:34
1308
原创 穿梭框：HTML5 select 标签模拟穿梭框
一、HTML5 select 标签模拟穿梭框效果二、源码 穿梭框 ::-webkit-scrollbar { width: 0px } .select { width: 600px; height: 220px; margin: 100px auto; } .select div { float: left
2017-12-27 15:48:32
5569
原创 HTML5 canvas电子签名与截图
一：效果图二：页面代码 电子签名截屏 清除 下载 截屏 function convertCanvasToImage(canvas) { return canvas.toDataURL("image/png"); }; fun
2017-12-14 09:15:44
8503
7
转载 js获取n天之后的日期
function getDateAfter_n(initDate, days, flag) { if(!days) { return initDate; } initDate = initDate.replace(/-/g, ''); flag = $.trim(flag); var date; // 是否设置了起始日期 if(
2017-11-23 10:19:04
786
原创 js table表格排序
一：表格排序效果，根据点击表格头部th进行排序，如图：二：示例代码，如下： #tb1 { border: 1px solid #ddd; } #tb1 thead th{ width: 60px; } #tb1 tbody td { border: 1px solid #ddd; width: 60px;
2017-11-21 16:35:16
949
原创 模拟select下拉实现多选
一、实现效果如下：二、代码如下： 多选 * { padding: 0; margin: 0; } a { text-decoration: none; } li { list-style: none; } #select { width: 300px;
2017-11-03 17:37:23
1127
转载 web前端分页
web前端分页 pagination-nick button { padding: 5px; margin: 5px; } .active-nick { color: red; } input { width: 50px; text-align: center; }
2017-10-24 15:05:50
1742
原创 web前端图片懒加载
(function(){ var imgList=[];//懒加载图片组成的数组 var timer;//计时器 var offset=0;//偏移量 function imgShow(el){//判断img是否出现在可视窗口 var positions = el.getBoundingClientRect(); return positions.top <
2017-10-12 16:23:54
288
原创 web前端pc，mobile复制粘贴功能的实现
第一步：首先将要复制的内容放到一个隐藏的input标签中，不要用type='hidden',利用定位或css将input隐藏第二步：HTML代码片段第三步：引入clipboard.min.js,src路径为点击打开链接 https://pan.baidu.com/s/1sl7aMip，如图：第四步：调用，如图：
2017-10-09 17:54:42
2524
原创 node.js express框架跨域设置
var express=require('express');var app = express();app.all('*', function(req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header('Access-Control-Allow-Methods', 'PUT, GE
2017-08-31 09:37:36
320
原创 web安全，js base64加密， MD5加密，sha1加密
一、base64加密算法1、 在文档中引入base64.js文件2、加密用法encode()var base=new Base64();var pwd=base.encode(pwd); 3、解密用法decode()var pwd=base.decode(pwd);二、MD5加密算法1、在文档中引入md5.js文件md5.j
2017-08-03 09:35:55
482
原创 javascript插件的几种写法
一、js原生插件的写法（1）工厂模式var Helloword = function(objId){ var _get_dom = function(Id){ return document.getElementById(Id); } var _aim_obj = _get_dom(objId); var _say_hello = funct
2017-07-07 14:36:20
5120
1
原创 axios的使用
随着vue2.0的发布，停止对vue-resourse的维护，axios开始登上历史的舞台，这几天研究axios，特来与大家分享；一、axios的使用方式（1）通过cdn引入文档（2）通过import引入当然通过import引入首先要下载axios,而且由于axios不是vue插件，所以是不能用vue.use()的，方法如下（2.1）下载axiosnpm ins
2017-07-07 11:26:16
2519
原创 js判断ios设备安卓设备
在混合开发中，经常会遇到判断当前设备，代码如下：if(/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //当前设备为ios} else if(/(Android)/i.test(navigator.userAgent)) { //当前设备为安卓}
2017-07-06 16:49:59
339
转载 input[type='file'] img图片上传
图片上传在网站开发中，其是在移动端，是很常见的一个功能，在网上类似的教程也很多，有很多虽然功能强大，但是布局却是成了制约我们使用的最大因素，还有就是在移动端图片太大很难上传成功，最近发现了一个比较灵活的图片上传方法，分享给大家
2017-07-06 09:48:53
595
原创 js获取url路径参数
在和ios，安卓混合开发的过程中，发现ios传过来的路径，参数名已经变了，朋友分享了一个获取url路径参数的方法，在这里分享给大家 //获取当前url路径 var url = document.location.toString(); var tempArr, queryString, xmId; if(url.lastIndexOf('?') != -1) { query
2017-07-06 09:35:52
314
原创 微信分享功能的实现
该微信分享依赖于jq，所以页面首先要引入jq。第一步：引入微信jssdk,如下：scriptsrc="http://res.wx.qq.com/open/js/jweixin-1.0.0.js">script>第二步：引入微信分享js，可放在公共js文件夹中，代码如下：$.Share = function(opt) {var locationurl = window.
2017-07-05 13:59:45
579
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人