如何在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(实参)】,所以在发送请求之前必须声明一个函数,并且函数的名字与参数中传递的名字要一致。原

- 阅读全文 -

axios 是如何设计,以及如何实现 HTTP 请求库封装的

前端开发中,经常会遇到发送异步请求的场景。一个功能齐全的 HTTP 请求库可以大大降低我们的开发成本,提高开发效率。axios 就是这样一个 HTTP 请求库,近年来非常热门。目前,它在 GitHub 上拥有超过 4w 的 Star,许多权威人士都推荐使用它。有人说,当你选择一个库的时候,一定要先搞清楚他的原理,因此,我们有必要了解下 axios 是如何设计,以及如何实现 HTTP 请求库封装的。

- 阅读全文 -

jwt 实践应用以及特殊案例思考

JSON Web Token 是 rfc7519 出的一份标准,使用 JSON 来传递数据,用于判定用户是否登录状态。jwt 之前,使用 session 来做用户认证。

- 阅读全文 -

JavaScript异步剪贴板 API

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

- 阅读全文 -

javascript 、React 如何本地加载缩略图

取出file类型文件执行如下异步操作function getBase64(file) { return new Promise((resolve, reject) => { const reader = new FileReader(); reader.readAsDataURL(file); reader.onload = () => resolve(re

- 阅读全文 -

为你的Vscode配置代码格式化,GIT提交自动格式化代码|setting-up-your-editor

自动格式化代码Prettier是一个自以为是的代码格式化程序,支持JavaScript,CSS和JSON。 使用Prettier,可以自动格式化您编写的代码,以确保项目中的代码样式。 Prettier's GitHub page , page to see it in action.每当我们在git中提交时都要格式化您的代码, 我们需要安装以下依赖项:npm install --save hus

- 阅读全文 -