2019年06月_马优晨

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创使用sftp不用输入密码

1、安装Git Bashhttps://git-scm.com/downloads2、桌面上鼠标右键git bash here3、执行以下命令：① cd ~/.ssh/ 【如果没有对应的文件夹，则执行 mkdir ./.ssh】② git config --global user.name “xb12369”③ git config --global user.em...

2019-06-27 15:18:25 2422

翻译 2019年6月26 突然想到的代码优化

(1)传参使用默认值// Bad:function createMicrobrewery( name ) { const breweryName = name || 'Hipster Brew Co.'; // ...}// Good:function createMicrobrewery( name = 'Hipster Brew Co.' ) { // ......

2019-06-26 10:45:44 269

转载 vue click同时传入事件对象和自定义参数

仅仅传入自定义参数HTML<div id="app"> <button @click="tm(123)">ddddd</button></div>JS代码new Vue({ el:'#app', methods:{ tm:function(e){ console.log(e); } ...

2019-06-25 16:25:33 84034 2

产生冲突的原因我们可以给某个元素同时绑定 touchstart 和 click 事件，但这将会导致本篇文章解决的问题 – 这两个事件在移动设备上会发生冲突。由于移动设备能够同时识别 touchstart 和 click 事件，因此当用户点击目标元素时，绑定在目标元素上的 touchstart 事件与 click 事件（约300ms后）会依次被触发，也就是说，我们所绑定的回调函数会被执行两次！。...

2019-06-25 14:24:34 9440 1

原创 ES10 可以使用几个新特性

在JavaScript中，将数据从一种格式转换为另一种格式非常常见。Object.entrie()方法为了便于将对象转换为数组，ES2017引入了Object.entrie()方法。此方法将对象作为参数，并以[key，value]的形式返回对象自己的可枚举字符串键控属性对的数组。例如：const obj = {one: 1, two: 2, three: 3};console.log...

2019-06-25 11:56:24 660

原创 JSX属性扩散

假如一个组件有很多属性，当然可以如下这样做。const Profile;let name = 'viking', age = 10, gender = 'Male';let component = <Profile name={name} age={age) gender={gender} />;但是，当这样的属性特别多的时候，书写和格式看起来就会变得很复杂，所以JSX有一个...

2019-06-24 20:30:44 589

原创 css中英文混合实现两端对齐

（处理前）（处理后）一般的两端对齐是使用text-align:justify，但是text-align:justify一般情况下只针对英文管用。（因为css是老外设计的，老外在justify判断的时候，是根据单词直接的空格来的，中文两个汉字之间没有空格，所以大部分情况下text-align:justify不管用，所以这个属性大部分形同虚设！）。解决办法(1) 就是在汉字之间添加空格，...

2019-06-24 15:21:09 2057 1

原创根据不同时间，展示不同时间文案

目的：根据不同时间，展示不同时间文案需求：描述如下：x ＜ 1小时，显示为 xxx分钟前1小时 ≤ x ＜ 24小时，显示为xx小时前24小时 ≤ x ＜ 1个月，显示为xxx天前1个月 ≤ x ＜ 1年，显示为xxx月前x ≥ 1年，显示为年前效果展示： //获取当前时间减去服务端（接口）返回的时间戳 startTimeing() { let...

2019-06-21 10:54:04 1860

原创户频繁点击发送ajax请求

如果用户频繁点击ajax请求，有两个问题：如果连续点击了5个ajax请求，前4个其实是无效的，趁早结束节省资源。更严重的问题是：最后一个发送的请求，响应未必是最后一个，有可能造成混乱。还需要一个队列来维护发送的请求和响应。直接终止ajax终止ajax请求： var request = $.get("ajax.aspx",{id:1},function(data){ //do...

2019-06-21 09:52:45 733

原创 promise设置多个接口并行调用

promise如何设置多个接口并行调用呢？这里我使用了promise all的方式，一开始让三个接口同时调用，代码如下图所示。 mounted: function () { this.$nextTick(function () { this.fetchAll(); }) }, fetchAll() { ...

2019-06-18 15:22:14 11381

原创 js设置和清除cookie

设置cookie setCookie(cname, cvalue, exdays) { var Days = exdays var exp = new Date() exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000) var domain = location.hostname || 'w...

2019-06-18 15:07:02 4113 1

原创 js超出文字个数展示省略号

方法一：function wordlimit(cname, wordlength) { var cname = document.getElementsByClassName(cname); for (var i = 0; i < cname.length; i++) {　　　　　　 var nowLength = cname[i].innerHTML.le...

2019-06-18 11:37:27 4138

原创防抖与节流

防抖如果小伙伴们手头有电脑，并感兴趣想先自己思考下什么是防抖。可以将代码复制到浏览器，尝试点击按钮，并关注下控制台，看看 Console 是如何打印的。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" conten...

2019-06-04 10:27:06 519