LY
LY
# 完美解决github访问速度慢 ### 修改host > 其实 `git clone` 或者 `git push` 特别慢，并不是因为 `http://github.com` 的这个域名被限制了。而是 `http://github.global.ssl.fastly.Net` 这个域名被限制了。那么首先查到这个域名的ip，然后在hosts文件中进行 `ip -> 域名` 映射就可以了。 - 1. 修改本地hosts文件 windows系统的hosts文件的位置如下：`C:\Windows\System32\drivers\etc\hosts` mac/linux系统的hosts文件的位置如下：`/etc/hosts` - 2. 增加github.global.ssl.fastly.net和github.com的映射 **获取Github相关网站的ip** 访问...
> 转自 [axios请求超时,设置重新请求的完美解决方法](https://imweb.io/topic/5b1505d1d4c96b9b1b4c4ead) 自从使用Vue2之后，就使用官方推荐的axios的插件来调用API，在使用过程中，如果服务器或者网络不稳定掉包了, 你们该如何处理呢? 下面我给你们分享一下我的经历。 #### 具体原因 最近公司在做一个项目, 服务端数据接口用的是Php输出的API, 有时候在调用的过程中会失败, 在谷歌浏览器里边显示Provisional headers are shown。  按照搜索引擎给出来的解决方案，解决不了我的问题. 最近在研究AOP这个开发编程的概念，axios开发说明里边提到的栏截器(axios.Interceptors)应该是这种机制，降低代码耦合度，提高程序的可重用性，同时提高了开发的效率。 #### 带坑的解决方案一 我的经验有限，觉得唯一能做的，就是axios请求超时之后做一个重新请求。通过研究 axios的使用说明，给它设置一个timeout = 6000 ``` axios.defaults.timeout = 6000; ``` 然后加一个栏截器....
# 利用剪切板JS API优化输入框的粘贴体验 ## JS改变剪贴板内容 我们可以利用Clipboard API改变剪切板内容，从而提高输入框粘贴信息的交互体验。 **一段简易的处理代码** 下面这段JavaScript代码实现的是针对输入框的的粘贴处理（IE9+支持）。然后演示了邮箱，手机号剪切板数据的简单过滤处理，其他场景大家可以自行补充。 ```js /** @description 表单输入框粘贴体验优化，出处https://www.zhangxinxu.com/wordpress/?p=8003 @author zhangxinxu */ Array.from(document.querySelectorAll('input, textarea')).forEach(ele => { ele.addEventListener('paste', function (event) { // 输入框类型 const type = this.getAttribute('type')...
> react 本身不会支持这样的特性 ## 前言 基本用react开发入门阶段的同学，在使用列表组件然后进入详情并返回，或者其他类似场景时，很羡慕vue有直接的缓存特性。 ## 实现 react 本身不会支持这样的特性，你可以通过两种方式实现这样的需求： ### 基于组件设计 将其数据的保存提高到一个父级组件，不会因为生命周期影响。或者用 redux,mobx的方案将其存储。在大佬的观点中，页面的状态都可以用数据来记录。 ### 基于样式控制 在我们常规的思考中，都是页面跳转组件销毁来实现组件的切换，其实你可以简单的通过组件的显示隐藏来控制组件的展示，这样这个保存问题本来就不存在，因为组件没有进入到销毁周期。 ## 参考文档 1. [facebook/react#12039](https://github.com/facebook/react/issues/12039)
```js function banBackSpace(e){ var ev = e || window.event; //各种浏览器下获取事件对象 var obj = ev.relatedTarget || ev.srcElement || ev.target ||ev.currentTarget; //按下Backspace键 if(ev.keyCode == 8){ var tagName = obj.nodeName //标签名称 //如果标签不是input或者textarea则阻止Backspace if(tagName!='INPUT'...
在浏览器中查看 Office 文档：Office Web Viewer > 近来老板说我们的系统需要支持在线预览附件(word/excel/ppt等) 技术实现无非就是要么由后端要么由前端实现。 之前听说其他兄弟部门是由后端转换为PDF/HTML文件实现的，那么前端有没有实现预览的方案呢？ 答案是有的，那就是： `Office Web Viewer` ### 什么是 Office Web Viewer？ 这是一项可创建 Office Web Viewer 链接的服务。Office Web Viewer 链接将在浏览器中打开原本要下载的 Word、PowerPoint 或 Excel 文件。您可轻松将一个下载链接变成一个...
问题：今日遇到一个神奇的问题，用户那边反馈在input框粘贴手机号码，校验失败，原因是粘贴时带有特殊编码 解决方案：过滤掉不是整型的字符 ```js function getTelPhone (phone) { if (typeof phone !== 'string') return '' var phoneReg = /[0-9]/ var phoneNum = '' for (i = 0; i < phone.length; i++)...
# Git 命令常用速查表 ## git配置规范 ```shell # 姓用户名 $ git config --global user.name "Your Name" # 用户邮箱 $ git config --global user.email "[email protected]" # 设置换行符均不转换 $ git config --global core.autocrlf...
> 转自：https://github.com/chenxiaochun/blog/issues/55 ### 1、`Checkbox`的`value`必须为字符串 如下所示，当你想给这组`Checkbox`设置默认值时，`CheckboxGroup`上的`value`必须为`['1', '2']`，而不能是`[1, 2]`，否则会不起作用。 ``` 1 2 3 4 ``` ### 2、`validateFieldsAndScroll`方法 当表单的高度超过一屏之后，建议使用此方法去校验表单，当某个表单元素验证不通过时，页面会自动滚动到有错误提示的对应元素上。 ### 3、设置 table 的 column width 有效的用法1： ``` { key: 'skuName', title: '商品名称', dataIndex:...
1. 获取 `yarn` 全局包存放的位置 ```shell $ yarn global bin C:\Users\Administrator\AppData\Local\Yarn\bin ``` 2. 复制获取的全局包路径，添加到系统环境变量 PATH ## 参考文档 1. [[记录]使用 yarn 安装全局包后找不到命令的问题](https://www.jianshu.com/p/f0139e0f8692)