sxs1995-优快云博客

原创微信小程序回到顶部的两种方式

一,使用view形式的回到顶部 HTML：&lt;image src='../../img/button-top.png' class='goTop' hidden='{{!floorstatus}}' bindtap="goTop"&gt;&lt;/image&gt;CSS：/* 返回顶部 */.goTop{ height: 80rpx; width: 80rpx...

2018-04-26 13:34:40 61160 11

原创 vue+Vue-Awesome-Swiper实现移动端轮播效果

效果图代码<template> <div...

2019-05-31 11:51:00 2553 6

原创 vue移动端使用rem实现适配

rem.js 适配!(function(n) { var e = n.document, t = e.documentElement, i = 750, d = i / 100, o = "orientationchange" in n ? "orientationchange" : "resize", a = function() { v...

2019-05-31 10:58:14 1159

原创在tomcat中设置history模式，使vue-router使用history模式

vue-router文档中只有关于Apache，nginx等配置的说明，同过查询找到了以下方法解决tomcat下history模式的问题。在web.xml中输入以下内容<?xml version="1.0" encoding="ISO-8859-1"?><web-app xmlns="http://java.sun.com/xml/ns/javaee" xmlns:...

2019-05-29 17:01:04 6565

原创微信小程序api封装方案

创建fetch.js封装requset请求const BaseUrl= 'xxxxx.com'export const Fetch = ({ url = '', data = {}, header = { "content-type": "application/json" }, method = 'GET'}) => { return new Promise((r...

2019-05-29 16:45:33 2624

原创 vue中使用swiper设置loop循环播放时点击失效解决方案

问题但是我们在给loop：true时轮播中的页面写点击事件，由于只复制页面没有复制点击事件，此时我们用vue写的点击事件在页面循环一周回来遇到复制的页面时，点击事件就会失效。解决方法我们可以不使用vue中的@：click进行操作，而是在swiper的回调函数中直接操作DOM，这样就可以很好的解决这一问题，实例如下：<swiper v-if="project.story" :...

2019-05-28 22:36:39 4257 1

原创 Flutter实现底部导航栏

设置底部导航icon及名称 final List<BottomNavigationBarItem> bottomTabs = [ BottomNavigationBarItem( icon: Icon(CupertinoIcons.home), title: Text('首页'), ), BottomNavigationBar...

2019-03-21 17:29:34 607

原创 git删除远程分支及本地分支

切换到master分支git checkout master查看已有的本地及远程分支git branch -a删除远程分支git push origin --delete shenxsh(要删除的分支)删除本地分支git branch -D shenxsh(要删除的分支)...

2019-03-14 09:11:34 194

原创 viewport

响应式Web设计-viewport什么是 Viewport?viewport 是用户网页的可视区域。手机浏览器是把页面放在一个虚拟的"窗口"（viewport）中，通常这个虚拟的"窗口"（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。设置 Viewport一个常用的针对...

2019-03-13 16:26:53 481

转载 vue滚动条组件

https://segmentfault.com/a/1190000013338560

2019-01-29 16:01:19 2999

原创微信小程序解决ios上createInnerAudioContext播放没声音的问题

开发过程中遇到ios上部分机型播放没有声音的问题，发现这种情况只会在手机静音模式上出现。经查看文档发现微信提供了解决方法：设置obeyMuteSwitch为false就可以解决该问题。要注意做兼容性处理。版本对比采用以下方法，不能直接用字符串比较// 版本对比兼容const compareVersion = function(v1, v2) { v1 = v1.split...

2019-01-04 17:42:25 12464

原创 git命令拉取分支内容及上传分支

初始化用户名及邮箱git config --list //可以查看自己的username及email如果我们电脑没有初始化过，可以执行以下命令：$ git config --global user.name "输入你的用户名"$ git config --global user.email "输入你的邮箱"如果已经初始化，想要修改用户名及邮箱：$ git ...

2018-12-28 09:21:40 1429

原创 echarts实现tooltip轮播效果

第一种方法function autohover() { var count = 0; var timeTicket = null; var dataLength = 34; //此处设置的是需要轮播的次数 timeTicket && clearInt...

2018-12-27 17:54:16 12272 6

原创 JS 从一个length为n的数组中按顺序取每5个元素为一组放到新数组中，最后不够5个的也存为一个数组

var spArray = function(N,Q){ var R = [],F; for (F = 0;F < Q.length;) { R.push(Q.slice(F,F += N)) } return R} var arr = [1,2,3,4,5,6,7,8,9,10,11,12,13,14];console.log(s...

2018-12-20 11:38:18 5606

原创微信小程序实现文本换行显示省略号...

.content{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}

2018-12-19 16:10:58 1047

原创 bootStrap当存在多个模态窗时设置新弹出的优先级高

// 使后打开的模态窗优先级高$(document).on("show.bs.modal", ".modal", function(event) {var zIndex = 1040 + 10 * $(".modal:visible").length;$(this).css("z-index", zIndex);});

2018-08-28 16:02:55 1829

本文以Windows平台上做测试，以gulp为示例做教程，出自作者白树，转载请声明！目录npm是什么npm install 安装模块npm uninstall 卸载模块npm update 更新模块npm outdated 检查模块是否已经过时npm ls 查看安装的模块npm init 在项目中引导创建一个package.json文件npm help 查看某条命令的详细帮助npm root 查看...

2018-06-19 10:05:08 4896

转载 es6之Promise

出自阮一峰(ECMAScript 6 入门) http://es6.ruanyifeng.com/#docs/promise基本用法ES6 规定，Promise对象是一个构造函数，用来生成Promise实例。下面代码创造了一个Promise实例。const promise = new Promise(function(resolve, reject) { // ... some code...

2018-06-15 11:03:10 217

转载 js之变量提升

js代码解析原则首先js引擎在读取js代码时会进行两个步骤，第一个步骤是解释，第二个步骤是执行。所谓解释就是会先通篇扫描所有的Js代码，然后把所有声明提升到顶端，第二步是执行，执行就是操作一类的。例子1：<script type="text/javascript"> console.log(a);//输出结果 undefined var a=10;</scr...

2018-06-14 17:16:15 219

原创 vue jsonp的封装

import originJsonp from 'jsonp'export default function jsonp(url, data, option) { url += (url.indexOf('?') < 0 ? '?' : '&') + param(data) return new Promise((resolve, reject) => { origi...

2018-06-14 14:24:08 677

原创移动端rem适配

!function(n){ var e=n.document, t=e.documentElement, i=720, d=i/100, o="orientationchange"in n?"orientationchange":"resize", a=function(){ var n...

2018-06-13 10:13:55 425

原创 bootstrap table 设置跨行

之前做项目用过bootstrap table设置过跨列的,这次项目想设置跨行,结果发现方法完全不一样.废话不多说直接上代码onLoadSuccess: function (data) { console.log(data) var datas = data.data; for(v...

2018-05-22 21:03:39 6351

原创格式化时间

格式化时间:const formatTime = date => { const year = date.getFullYear() const month = date.getMonth() + 1 const day = date.getDate() const hour = date.getHours() const minute = date.getMinutes...

2018-04-28 10:09:17 2702

转载原生JS中DOM节点相关API合集

原生JS中DOM节点相关API合集节点属性Node.nodeName //返回节点名称，只读Node.nodeType //返回节点类型的常数值，只读Node.nodeValue //返回Text或Comment节点的文本值，只读Node.textContent //返回当前节点和它的所有后代节点的文本内容，可读写Node.baseURI //返回当前网页的绝对路径N...

2018-04-27 10:56:16 335

转载拉取代码过程中遇到的：post install error,please remove node_modules before retry!

拉取代码过程中遇到的：post install error,please remove node_modules before retry!这是在git → clone 之后，安装npm intall时出现的错误，完整错误提示如下：解决：1234567891011// 1、先删除node_modules这个文件 window下del$ rm -rf node_modules/ // 2、安装g...

2018-04-27 10:06:44 19283

原创清除浮动

.clearfix:after{　　content:"";//设置内容为空　　height:0;//高度为0　　line-height:0;//行高为0　　display:block;//将文本转为块级元素　　visibility:hidden;//将元素隐藏　　clear:both//清除浮动}.clearfix{　　zoom:1;为了兼容IE}

2018-04-26 14:01:05 179

原创常用的命令行

md 文件名，创建文件夹dir命令显示当前目录下的文件及文件夹cd是进入目录命令copy 路径\文件名路径\文件名，复制文件move 路径\文件名路径\文件名，移动文件del 文件名，删除文件ping命令常用于查看不同的网络是否通畅netstat命令，查看当前网络连接状态...

2018-03-02 21:38:43 245

原创获取url传值的参数的方法

function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var r = window.location.search.substr(1).match(reg); //匹配目标参数 ...

2018-02-27 15:32:14 513 2

原创 input file 按钮美化

按钮美化<span class="upload"> <input type="button" class="upload-btn" value="上传图片" /> <span class="upload-tip"></span> <input type=&quo

2018-02-27 15:20:22 609

原创获取N天前/后的时间

// 获取N天以前的时间 function getDateStr(AddDayCount) { var dd = new Date(); dd.setDate(dd.getDate() + AddDayCount); //获取AddDayCount天后的日期 var y = dd.getFullYear(); var m = (...

2018-02-27 15:07:35 257

原创 Cookie、session和localStorage、以及sessionStorage之间的区别

cookie和session的区别： 1、cookie数据存放在客户的浏览器上，session数据放在服务器上 2、cookie不是很安全，别人可以分析存放在本地的cookie并进行cookie欺骗，考虑到安全应当使用session 3、session会在一定时间内保存在服务器上，当访问增多，会比较占用你服务器的性能，考虑到减轻服务器性能方面，应当使用cookie 4、单个cookie保存的数据不...

2018-02-27 15:01:29 312

原创两列布局左侧宽度不变右侧宽度自适应

两列布局左侧宽度不变右侧宽度自适应DOCTYPE>html lang="en">head> meta charset="UTF-8"> title>两列布局title> link rel="stylesheet" href="test.css" type="text/css">head>body> div class="one">div>

2017-11-27 10:28:32 360

转载 summernote上传图片解决默认设置上传缓慢问题

//富文本编辑器 $('#summernote').summernote({ lang: 'zh-CN', focus:true, toolbar: [ ['style', ['bold', 'italic', 'underline', 'clear']],

2017-11-06 14:43:26 1555

转载 js取float型小数点后x位数的方法

四舍五入以下处理结果会四舍五入:1 var num =2.446242342;2 num = num.toFixed(2); // 输出结果为 2.45不四舍五入以下处理结果不会四舍五入:第一种，先把小数边整数：1 Math.floor(15.7784514000 * 100) / 100 2 // 输出结果为 15.77

2017-10-08 15:45:40 639

转载 replace替换字符串中的字符

var data = “数据1,数据2,数据3” data.replace(“,”,”+”);//只能替换掉第一个，号。result ==>”数据1+数据2,数据3” var reg = new RegExp(“,”,”g”);//g,表示全部替换。 data.replace(reg,”+”);result ==> “数据1+数据2+数据3”

2017-09-25 17:10:17 19096

原创 Html5为什么只需要写<!doctype html>?

在html4.01中，声明引用DTD,因为HTML4.01基于SGML。DTD规定了标记语言的规则，这样浏览器才能正确的呈现内容。html5不基于SGMl,所以不需要引用DTD。

2016-10-25 21:25:44 3697

原创 bootstrap JavaScript 插件之模态框

JavaScript 插件可以单个引入（使用 Bootstrap 提供的单个 *.js 文件），或者一次性全部引入（使用 bootstrap.js 或压缩版的 bootstrap.min.js）。建议使用压缩版的 JavaScript 文件bootstrap.js 和 bootstrap.min.js 都包含了所有插件，你在使用时，只需选择一个引入页面就可以了。组件的

2016-10-18 21:14:27 324

空空如也

空空如也