水机.Threeki-CSDN博客

原创 dva history.block 路由守卫、路由拦截功能实现, 关键词: dva2.0 history.block react-router react-router-guards

// 路由监听export const RouterGuards = (history) => { // history.block 使用方法参考 // https://stackoverflow.com/questions/65526447/react-router-v5-2-blocking-route-change-with-createbrowserhistory-and-history // history.block 从回调中返回 false 会阻止通过，返回 t

2022-05-24 16:57:22 1745

原创 echarts Y轴刻度和数据对不上,使用了左侧刻度,双Y轴坐标系中,希望其中一个折现对着右边的Y轴刻度

series: [ {// 第一组数据显示数据(y轴左侧刻度) name: '风电发电量', type: 'bar', barWidth: '8%', data: yValue7, label: { show: true, /...

2022-01-10 15:46:23 1126 1

原创微信小程序之列表左滑删除功能 - 体验优化版

最近项目中，提出的需求，需要做一个列表左滑删除功能然后参照下面链接的文章，实现功能后，https://segmentfault.com/a/1190000019629652发现有一些，体验不太好的地方，于是就自己做了一些优化：1、侧滑的时候，禁止页面Y轴滑动// 业务页面代码const App = getApp()Page({ data: { bookingList: [], stopScrollY: '', // 侧滑时禁止页面滚动, 优化体验。 '' 为可以

2020-11-18 14:30:46 442 1

原创为什么Github没有记录你的Contributions, 为什么我的贡献没有在我的个人资料中显示？

事情起因我也不知道为什么，自己的macbook 上提交 git , 在github 上始终不显示绿点点 (我的绿油油不见了????, )如下图所示，后面几周提交次数很少，但是我明明就有提交啊！为什么不显示？而且看commit提交记录都是下面这样的，没有头像的为了这个问题，我翻来覆去，搞了好几天, MMP 整整花了好几个工作日都在找原因… 浪费了大把青春解决过程尝试1:后来我猜想，我新建一个git 仓库，然后再提交看看行不行实验结果：居然真的可以啊，新建的仓库提交就有

2020-06-12 16:17:33 1847 2

原创掘金Loading渐变效果, 数据加载等待时的, 渐变效果

在线预览效果戳这里<div class="box"> <div class="row"></div> <div class="row"></div> <div class="row"></div></div><style>@keyframes skeleton-stripes { 0% { background-position: 0 0 } to { backgro.

2020-06-08 15:51:39 403

原创修改 flexible源码, 让iphone 6的750px宽度下，html的font-size为100px

事情起因我看了手淘适配方案 flexible 的源码，然后自己使用了这个库后，再对比手机淘宝的代码发现问题：我的项目下 <html style="font-size: 37.5px;">而手机淘宝 <html style="font-size: 100px;">感情 github 上面的库是坑我呢吧？居然不一样？？？为什么要改？因为设计师大多数都是用iPhone7 的750px宽度做设计的所以 750px 宽度下，font-size: 10

2020-05-27 18:47:45 712

原创 safari audio target.duration infinity 获取不到音频文件时长

2020年5月9日 18:29遇到问题：自从上面那样改后：把文件转成mp3文件，还是发现，在 IOS safari 上，还是不能获得 audio.maxTime且安装了 sox 软件用于查看音频的元信息brew install sox> soxi 01.mp3 Input File .

2020-05-12 18:07:45 1906

原创 html5 video audio currentTime 设定失效、重头开始播放

记一巨坑今天我在vue中写一个音频播放器的时候，想做点击前进/后退 15s 的功能，后面发现不管我怎么查，怎么找，都只搜索到 audio.currentTime += 15 这种方法。但是我就纳闷了，为啥我的就是不行？而搜索的所有文章，不管中文英文，都是说 audio.currentTime += 15 这种方法就可以了。直到后面，我看到了这篇文章 html5 video curre...

2020-04-15 17:22:08 5657 1

原创安装使用 koa-body 后导致 post 提交数据请求时 415 unsupported media type

1.出现问题之前开发的服务器，数据的增删查改都正常，但是自从昨天做了文件上传功能，参考了文章 Koa从零搭建之文件上传使用了 koa-body 后，今天在对提交 ajax请求，对数据进行增删查改，就出现了 415 unsupported media type 错误，2.解决过程期间，我查了很多资料比如：ajax 请求设置 contentType: “application/j...

2020-04-10 18:24:23 995 2

转载一篇文章让你搞懂JS懒加载(lazyload)

1.前言图片懒加载也是比较常见的一种性能优化的方法，最近在用vue做一个新闻列表的客户端时也用到了，这里就简单介绍下实现原理和部分代码。2.实现原理加载页面的时候，图片一直都是流量大头，针对图片的性能方法也挺多的比如base64、雪碧图等；懒加载也是其中一种，主要原理是将非首屏的图片src设为一个默认值，然后监听窗口滚动，当图片出现在视窗中时再给他赋予真实的图片地址，这样可以保证首屏的加载速...

2019-11-21 12:04:50 526

原创 css三种水平垂直绝对居中方式。面试题: 让不定宽高元素水平和垂直居中的方法

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用M...

2019-09-20 19:26:22 224

转载 chrome 无法从该网站添加应用、扩展程序和用户脚本（绝对有效）

本文转载自：https://www.jianshu.com/p/a1248c5228991.情景展示在安装chrome离线扩展程序时，报错信息如下：2.解决方案第一步：新建一个标签页，在地址栏输入：chrome://flags/#extensions-on-chrome-urls并按回车键将值改为enabled重启chrome第二步：启用开发者模式...

2019-09-13 01:24:55 1219

原创 The header content contains invalid characters 错误

The header content contains invalid characters 错误报错原因总结贴源码环境： Nodejs v8.10.0项目：静态资源服务器报错信息：Administrator@PO5ZCZBM35GLZP9 MINGW64 ~/Desktop/test2/src$ node static_server.jsServer is running at...

2019-07-17 17:43:10 3600 1

原创 Webpack打包警告： We noticed you're using the `useBuiltIns` option without declaring a core-js version.

报错信息WARNING: We noticed you're using the `useBuiltIns` option without declaring a core-js version. Currently, we assume version 2.x when no version is passed. Since this default version will likely c...

2019-05-11 14:38:16 7751

原创正则表达式学习笔记

. #匹配任意字符\w \W #数字、字母大小写、下划线\d \D #匹配数字 \s \S #匹配任何空白字符 (空格、tab空格、换行) \S 匹配任何非空字符[abc] [a-z] [0-9] #[选择范围] 匹配括号中的任意一个字符[\u4e00-\u9fa5] #匹配所有中文字符 unicode+ #重复一次或多次 [范围]+ 例：[yY] [oO...

2019-05-11 11:14:50 119

原创 Error: options/query provided without loader (use loader + options) in

webpack版本： webpack4报错信息Error: options/query provided without loader (use loader + options) in { "test": {}, "exclude": {}, "use": [ { "loader": "babel-loader" }, { "loa...

2019-05-06 18:01:34 2687

原创添加标签功能的前端实现

2019-05-06 16:14:29 1066 1

原创 ES6中的 Promise 对象

Promise 对象开始之前先看结论Promise的最简写法Promise.all([ $.ajax({url: 'arr.txt', dataType: 'json'}), $.ajax({url: 'json.txt', dataType: 'json'})]).then(function(results){ let [arr, json] = results...

2019-04-08 02:20:30 88

原创什么是闭包？为什么有闭包？什么是块级作用域？为什么ES6要有let const var的区别？javascript,js

先来看一个例子 <script> window.onload = function(){ var abtn = document.getElementsByTagName('input'); for(var i=0; i<abtn.length; i++ ){ ...

2019-03-29 17:43:22 657

转载 jquery 获取checkbox,radio,select被选中的值

jquery获取radio被选中的值：<input type="radio" name="rd" id="rd1" value="1">1<input type="radio" name="rd" id="rd2" value="2">2<input type="radio" name="rd" id="rd3" value="3">3三种方法都可以...

2019-03-28 17:04:54 128

转载 js生成[n,m]的随机数

一、预备知识Math.ceil(); //向上取整。Math.floor(); //向下取整。Math.round(); //四舍五入。Math.random(); //0.0 ~ 1.0 之间的一个伪随机数。【包含0不包含1】 //比如0.8647578968666494Math.ceil(Math.random()*10); // 获取从1到10的随机整数 ...

2019-03-26 10:53:17 386

原创百度网盘视频倍速播放方法。

参考：百度网盘视频在线倍速播放一、使用chorm浏览器代码：videojs.getPlayers("video-player").html5player.tech_.setPlaybackRate(播放倍速)亲测百度云盘可用，但是其他视频不行，而且其他浏览器也不行，特此记录。二、其他H5的视频倍数播放方式document.querySelector('video').playback...

2019-03-22 23:05:20 2939 1

原创 jq ajax

$.ajax({ method: 'POST', url: 'url', data: {'tag_search':tag_search}, success: function(data,status,XHR){ console.log(data); }})

2019-03-21 18:12:40 89

原创 ThinkPHP的where方法的in操作符说明

//写法1：$data = array();$data['id'] = array('in','4');$tag = $tag->where($data)->select();//写法2：$tag = $tag->where(array('id'=>array('in','4')))->select();$tag = $tag->where(arr...

2019-03-18 12:31:29 6318

原创正则笔记

# 1. 匹配包含指定字符串的内容在html中，使用正则匹配含有 http://99099jj.com/ 的字符串，并将其 href="" 置为空。如：&lt;a data-v-da0d86b6="" href="http://99099jj.com/lottery/LHC/XGLHC" class=""&gt;&am

2019-02-14 15:43:42 205

原创 PHP FileSystem 文件系统api整理

PHP FileSystem文件信息相关filetype()filesize()filectime()filemtime()fileatime()is_readable()is_writeable() / is_writable()is_executable()is_file()pathinfo()dirname()basename()file_exists( ...

2019-02-12 18:08:54 448

原创 PHP：如何获得文件创建时间？

使用 filectime对于Windows，它将返回创建时间，而对于Unix，更改时间是最好的，因为在Unix上没有创建时间(在大多数文件系统中)。而对于Unix，更改时间是最好的，因为在Unix上没有创建时间(在大多数文件系统中)。Note also that in some Unix texts thectime of a file is referred to asbeing...

2019-02-12 11:18:28 953

转载 thinkphp怎么做模糊查询搜索，完整实例,笨办法

$name = I('post.name');//接收post传值$mail = I('post.mail');$age = I('post.age');if(!empty($name)){$where['name'] = array('like','%'.$name.'%');//封装模糊查询赋值到数组}if(!empty($mail)){$where['mail'] = arr...

2019-02-11 18:14:53 806

原创 Access denied for user 'root'@'localhost' (using password: YES)

找到文件D:\xampp\htdocs\Application\Common\Conf\config.php将 ‘DB_PWD’ => ‘root’改为 ‘DB_PWD’ => ‘’即将密码改成空即可

2019-01-19 11:18:23 384

原创根据时间轮换微信号，js前端实现方法

需求描述：根据时间，一天24小时，每15分钟换下一个微信。且，用户打开页面后，第一次打开时间的微信号会被缓存到本地，以后每次打开都是第一次打开时的微信号。var wxNumber = ['微信号1','微信号2','微信号3','微信号4'];var firstOpenTime = localStorage.getItem('firstOpenTime'); // 第一次...

2019-01-11 13:12:33 1676 2

原创 apache服务器无法启动在mac上

这种情况基本上都是因为 apache服务器默认监听的上80端口，因为80端口被占用，所以无法启动。第一步sudo lsof -i -P | grep -i "listen"在 terminal 上输入这条命令，查看各个端口的被占用情况。输入后得到下面结果xartstora 186 root 3u IPv4 0xb80e59db06c96377 ...

2019-01-05 20:00:30 873 1

原创阻止默认行为

2019-01-03 12:16:51 96

原创 vue css动画过渡原理

先看一个使用vue css动画过渡原理实现显示隐藏的例子&amp;amp;amp;lt;div id=&amp;amp;quot;app&amp;amp;quot;&amp;amp;amp;gt; &amp;amp;amp;lt;button @click='clickHandle'&amp;amp;amp;gt;toggle&amp;amp;amp;lt;/button&amp

2018-12-12 14:27:49 251 2

原创一键移动端适配手机端适配，简单粗暴的适配方法

2018-11-17 17:30:43 745

转载判断是否是微信浏览器打开

var isWeixin = function () { //判断是否是微信 var ua = navigator.userAgent.toLowerCase(); return ua.match(/MicroMessenger/i) == "micromessenger";};var isWeixin = isWeixin();

2018-11-05 14:54:28 99

转载 JS引用类型数据的浅拷贝与深拷贝

视频讲解《对象的深浅拷贝》浅拷贝之前文章提到，在定义一个对象或数组时，变量存放的往往只是一个地址。当我们对堆内存中的对象复制时，如果属性是对象或数组时，这时候我们拷贝的只是一个栈内存的指针。因此b对象在访问该属性时，会根据指针寻找到a对象指向的堆内存对象，两者的属性值会指向同一内存空间。var a = { key1:"11111"}function Copy(p...

2018-10-11 17:39:28 125

原创 js变量提升 JS中var、let、const区别？

另一篇参考文章《深入理解变量声明提升和函数声明提升》首先文章开始前，先抛结论使用var声明的变量，其作用域为该语句所在的函数内，且存在变量提升现象；使用let声明的变量，其作用域为该语句所在的代码块内，不存在变量提升；使用const声明的是常量，在后面出现的代码中不能再修改该常量的值。然后下面开始讲解对于大多数js开发者来说，变量提升可以说是一个非常常见的...

2018-10-11 14:50:54 939 2

原创深入理解变量声明提升和函数声明提升

可以参考另一篇文章《js变量提升》变量声明提升1、变量定义可以使用var定义变量，变量如果没有赋值，那变量的初始值为undefined。2、变量作用域变量作用域指变量起作用的范围。变量分为全局变量和局部变量。全局变量在全局都拥有定义；而局部变量只能在函数内有效。在函数体内，同名的局部变量或者参数的优先级会高于全局变量。也就是说，如果函数内存在和全局变量同名的局部变量或者参...

2018-10-11 14:30:40 145

转载 sublime text3--js智能提示插件以及其他常用插件

转载地址:http://blog.csdn.net/u013861109/article/details/53106074 在诸多工具中，Sublime Text无疑是一款利器，它界面优美、功能强悍、性能令人惊讶，需要注意的是，它并不是IDE，而是一个单纯的文本编辑工具，但其代码高亮显示、语法提示、自动完成且反应快速，还有各种丰富插件的支持，使得文本编辑过程非常规范、快速高效...

2018-10-11 14:15:04 3308

原创事件绑定的兼容处理，同时兼容IE678 和 Chrome

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title></head><body> <input type="button"

2018-09-11 16:04:03 488

空空如也

空空如也