小小阳

function getFileType(fileName) { // 根据后缀判断文件类型 let fileSuffix = ""; // 结果 let result = ""; try { let flieArr = fileName.split("."); fileSuffix = flieArr[flieArr.length - 1]; } cat...

一、实现效果如下：二、代码如下： 多选 * { padding: 0; margin: 0; } a { text-decoration: none; } li { list-style: none; } #select { width: 300px;

一：表格排序效果，根据点击表格头部th进行排序，如图：二：示例代码，如下： #tb1 { border: 1px solid #ddd; } #tb1 thead th{ width: 60px; } #tb1 tbody td { border: 1px solid #ddd; width: 60px;

function getDateAfter_n(initDate, days, flag) { if(!days) { return initDate; } initDate = initDate.replace(/-/g, ''); flag = $.trim(flag); var date; // 是否设置了起始日期 if(

一、HTML5 select 标签模拟穿梭框效果二、源码 穿梭框 ::-webkit-scrollbar { width: 0px } .select { width: 600px; height: 220px; margin: 100px auto; } .select div { float: left

一：js动态改变rem(function(doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function() { var clientWidth = docEl.clie...

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....

一，下载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...

<script src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script><script> window.vConsole = new window.VConsole();</script>

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...

一、效果图二、链接地址点击打开链接     https://pan.baidu.com/s/1bJ1vHW

web前端分页 pagination-nick button { padding: 5px; margin: 5px; } .active-nick { color: red; } input { width: 50px; text-align: center; }

图片上传在网站开发中，其是在移动端，是很常见的一个功能，在网上类似的教程也很多，有很多虽然功能强大，但是布局却是成了制约我们使用的最大因素，还有就是在移动端图片太大很难上传成功，最近发现了一个比较灵活的图片上传方法，分享给大家

在和ios，安卓混合开发的过程中，发现ios传过来的路径，参数名已经变了，朋友分享了一个获取url路径参数的方法，在这里分享给大家 //获取当前url路径 var url = document.location.toString(); var tempArr, queryString, xmId; if(url.lastIndexOf('?') != -1) { query

在混合开发中，经常会遇到判断当前设备，代码如下：if(/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //当前设备为ios} else if(/(Android)/i.test(navigator.userAgent)) { //当前设备为安卓}

随着vue2.0的发布，停止对vue-resourse的维护，axios开始登上历史的舞台，这几天研究axios，特来与大家分享；一、axios的使用方式（1）通过cdn引入文档（2）通过import引入当然通过import引入首先要下载axios,而且由于axios不是vue插件，所以是不能用vue.use()的，方法如下（2.1）下载axiosnpm ins

一、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

一、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

第一步：首先将要复制的内容放到一个隐藏的input标签中，不要用type='hidden',利用定位或css将input隐藏第二步：HTML代码片段第三步：引入clipboard.min.js,src路径为点击打开链接  https://pan.baidu.com/s/1sl7aMip，如图：第四步：调用，如图：

一、效果二、文件地址点击打开链接  https://pan.baidu.com/s/1eRUi8me

(function(){ var imgList=[];//懒加载图片组成的数组 var timer;//计时器 var offset=0;//偏移量 function imgShow(el){//判断img是否出现在可视窗口 var positions = el.getBoundingClientRect(); return positions.top <

该微信分享依赖于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.