如何在React/MaterialUI中使用SVG素材

之前用iconfont的svg一直都是失败状态,今天来解决一下这里有个例子,大设计师设计的SVG印章图 这个图还是比较酷的 审核通过.svg(点击可下载) 这个svg的图通过查看代码如下 <svg xmlns="http://www.w3.org/2000/svg" width="3451.53" height="3335" v

- 阅读全文 -

jsonp解决跨域请求以及为什么不支持post请求

我的理解,用post就有跨域检查了。jsonp实际是在客户端动态添加了个script标签,然后将url指向要请求的地址,script是没有同源策略的。用这种办法自然只能是get了。jsonp的本质是:动态创建script标签,然后通过他的src属性发送跨域请求,不同意然后服务器相应的数据格式为【函数调用foo(实参)】,所以在发送请求之前必须声明一个函数,并且函数的名字与参数中传递的名字要一致。原

- 阅读全文 -

JavaScript异步剪贴板 API

在过去我们只能使用 document.execCommand 来操作剪贴板。不过,这种操作剪贴板的操作是同步的,并且只能读取和写入 DOM。现在 Chrome 已经支持了新的 Async Clipboard API,作为 execCommand 替代品。这个新的 Async Clipboard API 还可以使用 Promise 来简化剪贴板事件并将它们与 Drag-&-Drop API

- 阅读全文 -

ReactJS/NestJS在vscode中调试 | Debugging in the Editor

今天没事干的时候,看了一下create-react-app的官网,发现画风变了,然后没事干翻看了几页,发现了可使用IDE进行调试当前仅Visual Studio Code和WebStorm支持此功能。Visual Studio Code和WebStorm支持使用Create React App进行开箱即用的调试。 这使您作为开发人员可以在不离开编辑器的情况下编写和调试React代码,并且最重要的是

- 阅读全文 -

React 17新增的生命周期

一、废除的生命周期官网文档指出使用这些生命周期的代码会在未来版本的react中更容易产生bug,尤其是对于异步渲染的版本由于未来采用异步渲染机制,所以即将在17版本中去掉的生命周期钩子函数componentWillMountcomponentWillRecievePropscomponentWIllUpdate二、新增的生命周期static getDerivedStateFromProps(nex

- 阅读全文 -

Chrome调用notifications 消息推送

之前试了很多方法都不能用,chrome和Firefox都是无效状态,但是360浏览器却坚强的存活着(敬畏之心油然而生)后来发现是因为Windows 10 有一个通知盒子导致推送的通知都收录到盒子里了,并没有对外展示,调整一番Windows后,在Chrome下可以正常访问,但是Firefox至今仍没有调试成功,貌似需要 ServiceWorker去执行,但是各个浏览器对 ServiceWorker兼

- 阅读全文 -